/** Shopify CDN: Minification failed

Line 241:0 All "@import" rules must come first
Line 2065:6 Unexpected "("
Line 5500:6 Unexpected "("

**/
/* ---- muntaha-animations ---- */
/* ---- Muntaha Scroll Reveal ---- */
[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal="fade"] {
  transform: none;
}

[data-reveal="left"] {
  transform: translateX(-32px);
}

[data-reveal="right"] {
  transform: translateX(32px);
}

[data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

/* Stagger children */
[data-reveal-stagger] > * {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-reveal-stagger] > *.is-revealed {
  opacity: 1;
  transform: none;
}

/* Delay utilities */
[data-delay="1"] { transition-delay: 0.1s; }
[data-delay="2"] { transition-delay: 0.2s; }
[data-delay="3"] { transition-delay: 0.3s; }
[data-delay="4"] { transition-delay: 0.4s; }
[data-delay="5"] { transition-delay: 0.5s; }
[data-delay="6"] { transition-delay: 0.6s; }


/* ---- muntaha-global ---- */
/* =====================================================
   Muntaha Global — fonts, buttons, site-wide overrides
   Loaded in theme.liquid on every page
   ===================================================== */

/* ── Font family overrides — Playfair Display (headings) + Raleway (body) ── */
body,
.template-page .main-page,
.template-blog,
.template-article,
.template-404 {
  font-family: 'Raleway', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4,
.section-header__title,
.blog-article__title,
.article__title {
  font-family: "Playfair Display", serif;
}

/* Dawn CSS variable overrides */
:root {
  --font-body-family: 'Raleway', sans-serif;
  --font-heading-family: "Playfair Display", serif;
}

/* ── Global button system ── */

/* Base — shared by all variants */
.muntaha-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 32px;
  height: 52px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.25s ease;
  border: 1px solid transparent;
  white-space: nowrap;
}

/* CTA / link buttons — sharp edges (Shop Now, Our Story, Read More) */
.muntaha-btn--primary {
  background: #1F1C1A;
  color: #F5E0C0;
  border-color: #1A1A1A;
}
.muntaha-btn--primary:hover {
  background: transparent;
  color: #C9A84C;
  border-color: #C9A84C;
}

.muntaha-btn--outline {
  background: transparent;
  color: #C9A84C;
  border-color: #C9A84C;
}
.muntaha-btn--outline:hover {
  background: #C9A84C;
  color: #1A1A1A;
}

.muntaha-btn--dark {
  background: #1F1C1A;
  color: #F5E0C0;
  border-color: #1A1A1A;
}
.muntaha-btn--dark:hover {
  background: transparent;
  color: #1A1A1A;
  border-color: #1A1A1A;
}

/* Action buttons — pill shape (Add to Cart, Send Message, Submit) */
.muntaha-btn--action,
.muntaha-btn--pill {
  background: #1F1C1A;
  color: #FAF6EF;
  border-color: #1A1A1A;
  border-radius: 999px;
}
.muntaha-btn--action:hover,
.muntaha-btn--pill:hover {
  background: transparent;
  color: #1A1A1A;
  border-color: #1A1A1A;
}

/* ── Nav — force Jost + brown color on all nav links ── */
.header__menu-item,
.header__menu-item span,
nav .header__active-menu-item,
.list-menu__item {
  font-family: 'Raleway', sans-serif !important;
  letter-spacing: 0.08em;
  color: #1A1A1A !important;
}

.header__menu-item:hover,
.header__menu-item:hover span,
.header__menu-item--active,
.header__menu-item--active span {
  color: #C9A84C !important;
}

/* ── Header logo text ── */
.header__heading-link,
.header__heading {
  font-family: "Playfair Display", serif !important;
  letter-spacing: 0.15em;
}

/* ── Footer ── */
.footer__heading,
.footer__content-top h2 {
  font-family: 'Raleway', sans-serif !important;
  letter-spacing: 0.18em;
}

.footer__list a,
.footer__list li {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  letter-spacing: 0.04em;
}

/* ── Fix Dawn's default button styles site-wide ── */
.button,
.shopify-challenge__button,
input[type="submit"] {
  font-family: 'Raleway', sans-serif;
  letter-spacing: 0.15em;
  border-radius: 999px;
}

/* ── Global pill override — catches all remaining button elements ── */
.btn, .button, [class*="__btn"], [class*="-btn"],
.shopify-payment-button__button,
.product-form__submit,
.cart__checkout-button,
input[type="submit"],
button[type="submit"] {
  border-radius: 999px !important;
}

/* ── Global image rounding — excludes icons, logos, avatars ── */
.mprow__card-img,
.mcoll__card-img,
.mnotes__image img,
.mhero__bottle,
.mbrand__img,
.mtest__img,
[class*="__image"] img,
[class*="__photo"] img,
[class*="__media"] img,
.content-image img,
.rte img {
  border-radius: 16px;
}

/* Cards with overflow hidden already clip images — round the card instead */
.mprow__card,
.mcoll__card,
[class*="__card"]:not([class*="rating"]):not([class*="avatar"]) {
  border-radius: 16px;
  overflow: hidden;
}


/* ---- muntaha-theme ---- */
/* ============================================================
   MUNTAHA PERFUMES — Theme Overrides
   Palette: Warm Cream #FAF6EF | Gold #C9A84C | Dark #1A1A1A
   Base: Shopify Dawn
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,600&family=Jost:wght@300;400;500;600&display=swap');

:root {
  --bg:            #FAF6EF;
  --bg-alt:        #F0E8DC;
  --bg-dark:       #1A1A1A;
  --bg-darker:     #141211;
  --text:          #1A1A1A;
  --text-muted:    rgba(26, 26, 26, 0.50);
  --text-light:    #F5E0C0;
  --gold:          #C9A84C;
  --gold-light:    #E2C97E;
  --border:        rgba(26, 26, 26, 0.10);
  --border-gold:   rgba(201, 168, 76, 0.25);

  --font-heading:  "Playfair Display", serif;
  --font-body:     'Raleway', sans-serif;

  --header-height: 72px;
  --ease:          0.3s ease;
}

/* ---- Global base ---- */
body {
  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4 {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--text);
  letter-spacing: 0.02em;
}

a {
  color: var(--text);
  transition: color var(--ease);
}

a:hover {
  color: var(--gold);
}

/* ---- Announcement bar ---- */
.announcement-bar {
  background-color: var(--bg-dark);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.announcement-bar a {
  color: var(--gold);
}

/* ---- Header wrapper (sticky-header web component) ---- */
.header-wrapper {
  background-color: rgba(250, 246, 239, 0.97) !important;
  border-bottom: 1px solid rgba(26, 26, 26,0.08) !important;
  transition: background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

/* Transparent on homepage until scrolled */
.template-index .header-wrapper:not(.header-wrapper--scrolled) {
  background-color: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

.template-index .header-wrapper--scrolled {
  background-color: rgba(250, 246, 239, 0.97) !important;
  border-bottom-color: rgba(26, 26, 26,0.08) !important;
  box-shadow: 0 2px 24px rgba(26, 26, 26,0.05);
}

/* ---- Header layout: desktop → logo left | nav center | icons right ---- */
.header--middle-left {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

/* Logo stays left (desktop) */
.header--middle-left > .header__heading,
.header--middle-left > h1 {
  grid-column: 1 !important;
  justify-self: start !important;
}

/* Nav centered (desktop) */
.header--middle-left > nav,
.header--middle-left > .header__inline-menu {
  grid-column: 2 !important;
  justify-self: center !important;
}

/* Icons pushed right */
.header--middle-left > .header__icons {
  grid-column: 3 !important;
  justify-self: end !important;
}

/* ---- Hero: flush under transparent header on mobile ---- */
@media screen and (max-width: 749px) {
  /* Remove gap between sticky header and hero section so they overlap */
  .template-index .shopify-section-group-header-group + .shopify-section:first-of-type,
  .template-index .section-header + .shopify-section {
    margin-top: 0 !important;
  }
}

/* ---- Mobile header: reduce height + center logo perfectly ---- */
@media screen and (max-width: 989px) {
  /* Compact mobile header — reduce vertical padding + cap logo height */
  .header {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* Logo: ensure visible and cap height for compact header */
  .header__heading-logo {
    display: block !important;
    max-height: 72px !important;
    width: 200px !important;
    max-width: none !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .header__heading-logo-wrapper {
    width: 200px !important;
    max-width: 200px !important;
  }
  .header__heading-link {
    display: flex !important;
    align-items: center !important;
  }

  /*
   * Use 1fr auto 1fr so col 1 and col 3 are equal width.
   * Logo in the auto middle column is then truly page-centered
   * regardless of different widths of hamburger vs icon group.
   */
  .header--middle-left {
    grid-template-columns: 1fr auto 1fr !important;
  }

  /* Hamburger: col 1, pinned left */
  .header--middle-left header-drawer {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
  }

  /* Logo: col 2, centered (auto column sits exactly in the middle) */
  .header--middle-left > .header__heading,
  .header--middle-left > h1 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
  }

  /* Icons: col 3, pinned right */
  .header--middle-left > .header__icons {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }
}

/* ---- Logo text ---- */
.header__heading-link,
.header__heading-link:hover {
  color: var(--text) !important;
  font-family: "Playfair Display", serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-decoration: none !important;
}

/* Shadow behind logo for legibility on transparent hero header */
.template-index .header-wrapper:not(.header-wrapper--scrolled) .header__heading-link span,
.template-index .header-wrapper:not(.header-wrapper--scrolled) .header__heading-logo {
  filter: none;
}

/* ---- Nav links ---- */
.header__menu-item a,
.header__menu-item > a,
.list-menu__item--link {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
  font-weight: 400 !important;
}

.header__menu-item:hover > a,
.header__menu-item a:hover {
  color: var(--gold) !important;
}

/* ---- Header icons ---- */
.header__icon svg path,
.header__icon svg circle {
  stroke: var(--text) !important;
  fill: none !important;
}

.header__icon:hover svg path,
.header__icon:hover svg circle {
  stroke: var(--gold) !important;
}

.cart-count-bubble {
  background-color: var(--gold) !important;
  color: var(--text) !important;
}

/* ---- Buttons ---- */
.button,
.btn {
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 999px;
  transition: all var(--ease);
  padding: 15px 36px;
}

.button--primary,
.button:not(.button--secondary) {
  background-color: var(--text);
  color: var(--bg);
  border: 1.5px solid var(--text);
}

.button--primary:hover,
.button:not(.button--secondary):hover {
  background-color: var(--gold);
  color: var(--text);
  border-color: var(--gold);
}

.button--secondary {
  background-color: transparent;
  color: var(--text);
  border: 1.5px solid rgba(26, 26, 26,0.3);
}

.button--secondary:hover {
  border-color: var(--text);
}

/* ---- Product cards ---- */
.card-wrapper {
  background-color: #fff;
  border: 1px solid rgba(26, 26, 26,0.07);
  transition: box-shadow var(--ease), border-color var(--ease);
  overflow: hidden;
  border-radius: 8px;
}

.card-wrapper:hover {
  border-color: rgba(26, 26, 26,0.15);
  box-shadow: 0 8px 32px rgba(26, 26, 26,0.08);
}

.card__heading {
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  letter-spacing: 0.04em;
}

.card__heading a:hover {
  color: var(--gold);
}

.price .price-item {
  font-family: var(--font-body);
  font-size: 15px;
  letter-spacing: 0.06em;
  color: var(--text);
}

.price .price-item--sale {
  color: var(--gold);
}

.card__badge {
  background-color: var(--gold);
  color: var(--bg-dark);
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ---- Section headings ---- */
.section-header h2,
.collection__title,
.title {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--text);
  letter-spacing: 0.04em;
}

/* ---- Rich text ---- */
.rich-text {
  background-color: var(--bg);
}

.rich-text__heading {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 300;
  color: var(--text);
  letter-spacing: 0.04em;
}

.rich-text__text {
  color: var(--text-muted);
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.03em;
}

/* ---- Inputs & Forms ---- */
.field__input,
input[type="email"],
input[type="text"],
input[type="tel"],
textarea,
select {
  background-color: #fff;
  border: 1px solid var(--border);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 15px;
  letter-spacing: 0.04em;
  border-radius: 8px;
}

.field__input:focus,
input:focus,
textarea:focus {
  border-color: var(--gold);
  outline: none;
  box-shadow: none;
}

.field__label {
  font-family: var(--font-body);
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-muted);
}

/* ---- Cart drawer ---- */
.cart-drawer,
#CartDrawer {
  background-color: var(--bg);
  border-left: 1px solid var(--border);
}

.cart-drawer__header {
  background-color: var(--bg);
  border-bottom: 1px solid var(--border);
}

.cart-item__name,
.cart-item__details,
.cart-item__price {
  color: var(--text);
  font-family: var(--font-body);
}

.cart-drawer__footer {
  background-color: var(--bg-alt);
  border-top: 1px solid var(--border);
}

.cart-drawer__footer .totals,
.cart-drawer__footer .totals__total {
  color: var(--text);
}

.cart-drawer__checkout {
  background-color: var(--gold) !important;
  color: var(--bg-dark) !important;
  border-radius: 999px !important;
  font-family: var(--font-body);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

/* ---- Menu drawer ---- */
.menu-drawer {
  background-color: #FAF6EF !important;
  --color-background: 250, 246, 239;
  max-width: 320px;
  height: 100dvh;
}

/* Hide search icon from mobile header bar — it lives in the drawer instead */
@media screen and (max-width: 989px) {
  .header__search,
  .header__icon--search {
    display: none !important;
  }
}

/* ---- Drawer search bar ---- */
.mdrawer-search {
  padding: 14px 20px 12px;
  border-bottom: 2px solid #C9A84C;
}

/* Remove Dawn's default top padding from the nav container right below search */
.menu-drawer__navigation-container,
.menu-drawer__inner-container {
  padding: 0 !important;
  margin: 0 !important;
}
.menu-drawer__navigation {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.menu-drawer__menu {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.mdrawer-search {
  margin-bottom: 0 !important;
}

.mdrawer-search__form {
  width: 100%;
}

.mdrawer-search__field {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(26, 26, 26,0.04);
  border: 1px solid rgba(26, 26, 26,0.12);
  border-radius: 999px;
  padding: 10px 16px;
  transition: border-color 0.2s ease;
}

.mdrawer-search__field:focus-within {
  border-color: #C9A84C;
}

.mdrawer-search__icon {
  color: rgba(26, 26, 26,0.4);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s ease;
}
.mdrawer-search__icon:hover {
  color: #C9A84C;
}

.mdrawer-search__input {
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.03em !important;
  color: #1A1A1A !important;
  width: 100%;
  padding: 0 !important;
}

.mdrawer-search__input::placeholder {
  color: rgba(26, 26, 26,0.38);
}

/* Nav links in drawer */
.menu-drawer__menu-item,
.menu-drawer__navigation a,
.menu-drawer__navigation summary {
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  padding: 13px 20px !important;
}

/* First nav item: no extra top margin */
.menu-drawer__menu .menu-drawer__menu-item:first-child {
  margin-top: 0 !important;
}

/* Tighten the list itself */
.menu-drawer__menu {
  margin: 0 !important;
  padding: 0 !important;
}

.menu-drawer__menu-item:hover,
.menu-drawer__navigation a:hover {
  color: var(--gold) !important;
  background-color: transparent !important;
}

/* Active / current */
.menu-drawer__menu-item--active {
  color: var(--gold) !important;
}

/* Utility links at bottom */
.menu-drawer__utility-links {
  border-top: 1px solid rgba(26, 26, 26,0.08) !important;
  background: transparent !important;
  padding: 14px 20px !important;
}

/* Login, account, language links */
.menu-drawer__utility-links a,
.menu-drawer__utility-links button,
.menu-drawer__utility-links .list-menu__item {
  color: rgba(26, 26, 26,0.55) !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 10px 0 !important;
}

.menu-drawer__utility-links a:hover,
.menu-drawer__utility-links button:hover {
  color: #C9A84C !important;
}

/* Account icon next to login link */
.menu-drawer__utility-links .icon {
  color: rgba(26, 26, 26,0.5) !important;
}

/* Hide social icons from drawer — they bloat the mobile menu */
.menu-drawer .list-social {
  display: none !important;
}

/* Close / hamburger button — 44px circle */
.header__icon--summary {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(26, 26, 26,0.12) !important;
  background: transparent !important;
  color: #1A1A1A !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Sub-menu arrow icons — muted and compact */
.menu-drawer__navigation summary .svg-wrapper svg,
.menu-drawer__navigation summary .icon svg {
  color: rgba(26, 26, 26,0.35) !important;
  width: 12px !important;
  height: 12px !important;
}
.menu-drawer__navigation summary .svg-wrapper,
.menu-drawer__navigation summary .icon {
  color: rgba(26, 26, 26,0.35) !important;
}

/* Hamburger icon color */
.header__icon--menu svg path,
.header__icon--menu svg line,
.header__icon--menu svg rect {
  stroke: var(--text) !important;
}

/* ---- Footer ---- */
.footer {
  background-color: var(--bg-dark);
  border-top: none;
  padding-top: 64px;
}

.footer * {
  color: var(--text-light);
}

.footer__heading {
  font-family: var(--font-body);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold) !important;
  font-weight: 500;
  margin-bottom: 16px;
}

.footer__list a,
.footer__content a {
  font-size: 15px;
  color: rgba(245, 224, 192, 0.55) !important;
  letter-spacing: 0.04em;
  transition: color var(--ease);
}

.footer__list a:hover,
.footer__content a:hover {
  color: var(--gold) !important;
}

.footer__copyright,
.footer__copyright a {
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgba(245, 224, 192, 0.3) !important;
  border-top: 1px solid rgba(201, 168, 76, 0.1);
  padding-top: 24px;
  margin-top: 48px;
}

/* ---- Scrollbar ---- */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--bg-alt); }
::-webkit-scrollbar-thumb { background: var(--gold); }

/* ---- Prevent horizontal overflow on mobile ---- */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}
.page-width {
  overflow: visible;
}

/* ---- Global mobile padding reduction ---- */
@media (max-width: 600px) {
  .mprow    { padding: 24px 0 !important; }
  .mrev     { padding: 40px 0 !important; }
  .mreviews { padding: 40px 0 56px !important; }
  .mdisc    { padding: 40px 0 !important; }
  .mjournal { padding: 40px 0 !important; }
  .mfaq     { padding: 40px 0 !important; }
  .muntaha-brand-story,
  .mbrand   { padding: 40px 0 !important; }
  .mabout   { padding: 40px 0 !important; }
  .mnotes   { padding: 36px 0 !important; }
  .mcred    { padding: 28px 0 32px !important; }
  .mnewsletter { padding: 36px 0 !important; }
}

/* ---- Banner (Dawn default) ---- */
.banner {
  background-color: var(--bg-alt);
  position: relative;
  overflow: hidden;
}

/* Homepage hero banner only gets full height */
.template-index .banner {
  min-height: 90vh;
}

.banner__heading {
  font-family: var(--font-heading);
  font-size: clamp(36px, 7vw, 80px);
  font-weight: 600;
  line-height: 1.1;
  color: var(--text);
  letter-spacing: 0.02em;
}

/* ---- Pagination ---- */
.pagination__item a,
.pagination__item span {
  color: var(--text);
  border-color: var(--border);
}

.pagination__item--current a,
.pagination__item--current span {
  background: var(--gold);
  color: var(--bg-dark);
  border-color: var(--gold);
}

/* ---- Blog Article ---- */

/* Page background */
.article-template {
  background: #FAF6EF;
}

/* Article title */
.article-template__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 7vw, 40px);
  color: #1A1A1A;
  line-height: 1.15;
}

/* Article meta: date, author */
.article-template header .caption-with-letter-spacing,
.article-template header .circle-divider {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(26, 26, 26,0.4);
}

/* Article body */
.article-template__content,
.article-template__content p,
.article-template__content li,
.article-template__content td {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 1.9;
  color: rgba(26, 26, 26,0.75);
}

/* Article hero image */
.article-template__hero-container img {
  border-radius: 4px;
  width: 100%;
}

/* Blockquotes */
.article-template__content blockquote {
  border-left: 3px solid #C9A84C;
  padding-left: 20px;
  font-style: italic;
  color: rgba(26, 26, 26,0.65);
  margin-left: 0;
}

/* Mobile overrides */
@media (max-width: 600px) {
  .article-template {
    padding: 0 0 48px;
  }
  .article-template__content,
  .article-template__content p,
  .article-template__content li,
  .article-template__content td {
    font-size: 15px;
  }
}


/* =====================================================
   Inner pages — contact, FAQ, about, our-story
   ===================================================== */

/* Page background */
.template-page .main-content,
.template-page #MainContent,
.template-contact #MainContent,
.template-page .page {
  background: #FAF6EF;
}

/* Page / section headings */
.main-page-title,
.page-title,
.template-page h1,
.template-contact h1 {
  font-family: "Playfair Display", serif !important;
  color: #1A1A1A !important;
  font-size: clamp(28px, 5vw, 48px);
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Body text on pages */
.template-page .rte p,
.template-page .page-content p,
.template-contact .rte p {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  color: rgba(26, 26, 26,0.7);
}

/* ---- Contact form ---- */
.template-contact .field__input,
.template-contact .field__select,
.template-contact select.field__select,
.template-contact textarea.field__input,
.template-page .field__input,
.template-page .field__select,
.template-page select.field__select,
.template-page textarea.field__input {
  background: #FAF6EF !important;
  border: 1px solid rgba(26, 26, 26,0.15) !important;
  border-radius: 4px !important;
  color: #1A1A1A !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
}

.template-contact .field__input:focus,
.template-contact textarea.field__input:focus,
.template-page .field__input:focus,
.template-page textarea.field__input:focus {
  border-color: #C9A84C !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important;
}

.template-contact .field__label,
.template-page .field__label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(26, 26, 26,0.45) !important;
}

/* Contact / page submit button */
.template-contact .button,
.template-page .button,
.contact-form__button {
  background: #C9A84C !important;
  color: #1A1A1A !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  height: 52px !important;
  min-width: 180px;
}

.template-contact .button:hover,
.contact-form__button:hover {
  background: #1F1C1A !important;
  color: #FAF6EF !important;
}

/* ---- FAQ page (Dawn accordion) ---- */
.template-page details.accordion {
  border-bottom: 1px solid rgba(26, 26, 26,0.08) !important;
}

.template-page details.accordion summary {
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: #1A1A1A !important;
  padding: 18px 0 !important;
}

.template-page details.accordion[open] summary {
  color: #C9A84C !important;
}

.template-page details.accordion .accordion__content p {
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: rgba(26, 26, 26,0.65) !important;
}

/* Mobile pages */
@media (max-width: 600px) {
  .main-page-title,
  .page-title,
  .template-page h1 {
    font-size: clamp(24px, 7vw, 34px) !important;
  }
  .template-contact .button,
  .contact-form__button {
    width: 100% !important;
  }
}

/* ===== Collection Pages ===== */
.collection__title {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(28px, 5vw, 46px) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #1A1A1A !important;
  text-align: center !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 16px !important;
  position: relative;
  display: inline-block;
}

.collection__title-wrapper {
  text-align: center !important;
}

/* Gold sweep line under collection title */
.collection__title::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 1px !important;
  background: #C9A84C !important;
  margin: 16px auto 0 !important;
}

.collection__description {
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  font-style: italic !important;
  line-height: 1.8 !important;
  color: rgba(26, 26, 26,0.55) !important;
  text-align: center !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

.collection__description p {
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  font-style: italic !important;
  line-height: 1.8 !important;
  color: rgba(26, 26, 26,0.55) !important;
}

/* Collection page header wrapper spacing */
.template-collection .collection {
  padding-top: 48px !important;
}
.template-collection .facets-container,
.template-collection #CollectionProductGrid {
  margin-top: 32px;
}


/* Remove top border from all product accordions — bottom border acts as separator */
.template-product .product__accordion.accordion {
  border-top: none !important;
}

/* ============================================================
   MUNTAHA CUSTOM MOBILE MENU — mhm-*
   Zero dependency on Dawn's component-menu-drawer.css
   ============================================================ */

/* Force the details content to stay in DOM (override browser UA display:none) */
.menu-drawer-container > details > #menu-drawer,
.menu-drawer-container > details > .mhm-drawer {
  display: block !important;
}

/* Drawer wrapper — fixed, full viewport, hidden by default */
.mhm-drawer {
  position: fixed;
  inset: 0;
  z-index: -1;
  visibility: hidden;
  pointer-events: none;
}

/* Open state */
.menu-drawer-container > details[open] > .mhm-drawer {
  z-index: 300;
  visibility: visible;
  pointer-events: all;
}

/* Dark backdrop */
.mhm-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.52);
  opacity: 0;
  transition: opacity 0.28s ease;
  cursor: pointer;
}

.menu-drawer-container > details[open] > .mhm-drawer .mhm-backdrop {
  opacity: 1;
}

/* Side panel — slides in from left */
.mhm-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 290px;
  max-width: 88vw;
  height: 100vh;
  height: 100dvh;
  background: #1F1C1A;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  transform: translateX(-100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.menu-drawer-container > details[open] > .mhm-drawer .mhm-panel {
  transform: translateX(0);
}

/* ── Top bar ── */
.mhm-panel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 16px;
  border-bottom: 1px solid rgba(201, 168, 76, 0.18);
  flex-shrink: 0;
}

.mhm-panel__brand {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.mhm-panel__brand img {
  width: 130px;
  height: auto;
  display: block;
}

.mhm-panel__brand-text {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 600;
  color: #FAF6EF;
  letter-spacing: 0.04em;
}

.mhm-panel__close {
  background: none;
  border: none;
  padding: 6px;
  color: rgba(250, 246, 239, 0.55);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: color 0.2s, background 0.2s;
  flex-shrink: 0;
}

.mhm-panel__close:hover {
  color: #C9A84C;
  background: rgba(201, 168, 76, 0.08);
}

/* ── Search ── */
.mhm-panel__search {
  padding: 14px 18px 16px;
  border-bottom: 1px solid rgba(201, 168, 76, 0.12);
  flex-shrink: 0;
}

.mhm-panel__search form {
  margin: 0;
}

.mhm-panel__search-row {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(250, 246, 239, 0.06);
  border: 1px solid rgba(201, 168, 76, 0.22);
  border-radius: 999px;
  padding: 10px 14px;
  transition: border-color 0.2s;
}

.mhm-panel__search-row:focus-within {
  border-color: #C9A84C;
}

.mhm-panel__search-input {
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  flex: 1;
  min-width: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: #FAF6EF;
  letter-spacing: 0.03em;
}

.mhm-panel__search-input::placeholder {
  color: rgba(250, 246, 239, 0.32);
}

.mhm-panel__search-btn {
  background: none;
  border: none;
  padding: 0;
  color: rgba(250, 246, 239, 0.45);
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  transition: color 0.2s;
}

.mhm-panel__search-btn:hover {
  color: #C9A84C;
}

/* ── Nav links ── */
.mhm-panel__nav {
  flex: 1;
  padding: 6px 0;
  overflow-y: auto;
}

.mhm-panel__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mhm-panel__nav li {
  margin: 0;
}

.mhm-panel__link {
  display: block;
  padding: 15px 24px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(250, 246, 239, 0.75);
  text-decoration: none;
  border-bottom: 1px solid rgba(250, 246, 239, 0.05);
  transition: color 0.2s, padding-left 0.2s;
}

.mhm-panel__link:hover,
.mhm-panel__link--current {
  color: #C9A84C;
  padding-left: 30px;
}


/* ---- muntaha-hero ---- */
.mhero {
  position: relative;
  min-height: 100vh;
  background-color: #FAF6EF;
  background-size: cover;
  background-position: center 20%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

/* Content sits on left half — bottle visible on right naturally */
.mhero__content {
  position: relative;
  z-index: 2;
  width: 58%;
  max-width: 660px;
  padding: 140px 56px 100px;
}

/* ---- Eyebrow ---- */
.mhero__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.5);
  font-weight: 600;
  margin-bottom: 20px;
}

/* ---- Heading ---- */
.mhero__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(48px, 5.5vw, 72px);
  font-weight: 700;
  line-height: 1.05;
  color: #1A1A1A;
  margin-bottom: 28px;
  letter-spacing: -0.02em;
}

.mhero__heading span,
.mhero__heading em {
  display: block;
}

.mhero__heading em {
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0;
}

/* ---- Subtext ---- */
.mhero__subtext {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.9;
  color: rgba(26, 26, 26, 0.65);
  max-width: 320px;
  margin-bottom: 36px;
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* ---- Buttons ---- */
.mhero__buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 56px;
}

.mhero__btn {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 32px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: all 0.25s ease;
  white-space: nowrap;
  border-radius: 999px;
}

.mhero__btn--filled {
  background: #1F1C1A;
  color: #FAF6EF;
  border: 1.5px solid #1A1A1A;
}

.mhero__btn--filled:hover {
  background: #C9A84C;
  border-color: #C9A84C;
  color: #1A1A1A;
}

.mhero__btn--outline {
  background: transparent;
  color: #1A1A1A;
  border: 1.5px solid rgba(26, 26, 26,0.3);
}

.mhero__btn--outline:hover {
  border-color: #1A1A1A;
}

/* ---- Bottle wrapper ---- */
.mhero__bottle-wrap {
  position: absolute;
  right: 4%;
  bottom: 0;
  width: 38%;
  max-width: 420px;
  z-index: 3;
  pointer-events: none;
}

.mhero__bottle-img {
  width: 100%;
  height: auto;
  display: block;
  animation: bottleFloat 5s ease-in-out infinite;
}

@keyframes bottleFloat {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-14px); }
}

/* ---- Rating strip ---- */
.mhero__rating {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mhero__stars {
  display: flex;
  gap: 3px;
}

.mhero__rating-text {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26,0.55);
  letter-spacing: 0.03em;
  max-width: 180px;
  line-height: 1.4;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .mhero {
    min-height: 85vh;
    background-position: right center;
  }
  .mhero__content {
    width: 65%;
    padding: 100px 40px 80px;
  }
}

@media (max-width: 600px) {
  /*
   * Pull the hero section up so it sits behind the transparent header.
   * min-height compensates so the hero fills exactly 1 fold (100svh visible).
   */
  .shopify-section:has(.mhero) {
    margin-top: calc(-1 * var(--header-height, 52px));
  }
  .mhero {
    min-height: calc(100svh + var(--header-height, 52px));
    background-position: 65% center;
  }
  /* Fade bottom edge of hero into page background to avoid color mismatch */
  .mhero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, transparent, #FAF6EF);
    z-index: 1;
    pointer-events: none;
  }
  .mhero__content {
    width: 100%;
    padding: calc(var(--header-height, 52px) + 28px) 24px 56px;
    background: linear-gradient(to right, rgba(250,246,239,0.88) 65%, transparent 100%);
  }
  .mhero__heading {
    font-size: clamp(34px, 9vw, 46px);
  }
  .mhero__subtext {
    max-width: 100%;
  }
  .mhero__buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 36px;
  }
  .mhero__btn {
    justify-content: center;
  }
  .mhero__bottle-wrap {
    display: none;
  }
  .mhero__rating-text {
    max-width: 100%;
  }
}


/* ---- Hero background video ---- */
.mhero__video {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  background-image: var(--mhero-poster);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.mhero__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* Cream scrim so the dark hero copy stays legible over the film.
   Left weighted, clears by 68% so the bottle on the right stays clean. */
.mhero__video::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to right,
    rgba(250, 246, 239, 0.90) 0%,
    rgba(250, 246, 239, 0.70) 30%,
    rgba(250, 246, 239, 0.20) 52%,
    rgba(250, 246, 239, 0) 68%
  );
}
@media (max-width: 900px) {
  .mhero__video video,
  .mhero__video { object-position: 68% center; background-position: 68% center; }
}
@media (max-width: 600px) {
  /* Push the crop right so the bottle stays in frame on a narrow screen.
     .mhero__content already carries its own scrim here, so drop this one. */
  .mhero__video video,
  .mhero__video { object-position: 72% center; background-position: 72% center; }
  /* A real portrait film is framed for this shape already, so centre it and
     use its own poster rather than the landscape one. */
  .mhero__video[data-orient="portrait"] { background-position: center; }
  .mhero__video[data-orient="portrait"] video { object-position: center; }
  /* .mhero__content carries the body scrim here, so this one only has to
     keep the transparent header readable over the top of the film. */
  .mhero__video::after {
    background: linear-gradient(
      to bottom,
      rgba(250, 246, 239, 0.94) 0%,
      rgba(250, 246, 239, 0.78) 9%,
      rgba(250, 246, 239, 0.30) 17%,
      rgba(250, 246, 239, 0) 26%
    );
  }
}
@media (prefers-reduced-motion: reduce) {
  /* Fall back to the poster frame painted on the wrapper. */
  .mhero__video video { display: none; }
}

/* ---- muntaha-wordmark ---- */
.muntaha-wordmark {
  position: relative;
  background: #0E0D0C;
  overflow: hidden;
  padding: 48px 0;
}

.muntaha-wordmark__bg {
  position: absolute;
  inset: 0;
}

.muntaha-wordmark__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.muntaha-wordmark__bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(14, 13, 12, 0.7);
}

.muntaha-wordmark__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}

.muntaha-wordmark__text {
  font-family: "Playfair Display", serif;
  font-size: clamp(60px, 18vw, 180px);
  font-weight: 400;
  color: #F5E0C0;
  opacity: 0.08;
  letter-spacing: 0.15em;
  text-align: center;
  line-height: 1;
  pointer-events: none;
  user-select: none;
  display: block;
}

.muntaha-wordmark__play {
  position: absolute;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(245, 224, 192, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F5E0C0;
  text-decoration: none;
  transition: all 0.3s ease;
  background: rgba(26, 26, 26, 0.5);
  backdrop-filter: blur(4px);
}

.muntaha-wordmark__play:hover {
  background: #C9A84C;
  border-color: #C9A84C;
  color: #1A1A1A;
  transform: scale(1.08);
}


/* ---- muntaha-footer ---- */
.mfooter {
  background: #141211;
  padding-top: 72px;
  font-family: 'Raleway', sans-serif;
  border-top: 1px solid rgba(201, 168, 76, 0.25);
}

.mfooter__inner {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 56px;
  padding-bottom: 64px;
  border-bottom: 1px solid rgba(201, 168, 76, 0.12);
}

/* Brand column */
.mfooter__brand {}

.mfooter__logo {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 20px;
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #F5E0C0;
}

.mfooter__logo img {
  display: block;
  width: 150px;
  max-width: 100%;
  height: auto;
  filter: brightness(1);
  transition: opacity 0.2s ease;
}

.mfooter__logo:hover img {
  opacity: 0.8;
}

.mfooter__logo:hover {
  color: #C9A84C;
}

.mfooter__tagline {
  font-size: 14px;
  line-height: 1.85;
  color: rgba(245, 224, 192, 0.5);
  font-weight: 400;
  max-width: 300px;
  letter-spacing: 0.03em;
  margin-bottom: 28px;
}

.mfooter__social {
  display: flex;
  gap: 14px;
}

.mfooter__social-link {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(201, 168, 76, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(245, 224, 192, 0.6);
  text-decoration: none;
  transition: all 0.25s ease;
  border-radius: 50%;
}

.mfooter__social-link:hover {
  border-color: #C9A84C;
  color: #C9A84C;
}

/* Nav columns */
.mfooter__col {}

.mfooter__col-heading {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 24px;
}

.mfooter__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mfooter__links a {
  font-size: 14px;
  color: rgba(245, 224, 192, 0.6);
  text-decoration: none;
  letter-spacing: 0.04em;
  font-weight: 400;
  transition: color 0.2s ease;
}

.mfooter__links a:hover {
  color: #F5E0C0;
}

/* Bottom bar */
.mfooter__bottom {
  padding: 24px 0;
}

.mfooter__bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}

.mfooter__copy {
  font-size: 13px;
  color: rgba(245, 224, 192, 0.3);
  letter-spacing: 0.06em;
  margin: 0;
}

.mfooter__credit {
  font-size: 12px;
  color: rgba(245, 224, 192, 0.28);
  letter-spacing: 0.06em;
  margin: 0;
}

.mfooter__credit a {
  color: rgba(245, 224, 192, 0.45);
  text-decoration: none;
  transition: color 0.2s ease;
}

.mfooter__credit a:hover {
  color: #C9A84C;
}

@media (max-width: 900px) {
  .mfooter__inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
  .mfooter__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .mfooter {
    padding-top: 56px;
  }
  .mfooter__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .mfooter__tagline {
    max-width: 100%;
  }
}


/* ---- muntaha-promo-banner ---- */
.muntaha-promo {
  position: relative;
  padding: 80px 0;
  overflow: hidden;
  background: #141211;
}

.muntaha-promo__bg {
  position: absolute;
  inset: 0;
}

.muntaha-promo__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.muntaha-promo__bg--solid {
  background: #141211;
}

.muntaha-promo__overlay {
  position: absolute;
  inset: 0;
  background: rgba(14, 13, 12, var(--promo-overlay, 0.75));
}

.muntaha-promo__content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
  padding: 0 24px;
}

.muntaha-promo__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 16px;
  font-weight: 600;
}

.muntaha-promo__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 600;
  color: #F5E0C0;
  line-height: 1.15;
  white-space: pre-line;
  margin-bottom: 16px;
  letter-spacing: 0.01em;
}

.muntaha-promo__heading em {
  font-style: italic;
  font-weight: 300;
}

.muntaha-promo__subtext {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(245, 224, 192, 0.55);
  margin-bottom: 32px;
  font-weight: 400;
  letter-spacing: 0.03em;
}

.muntaha-promo__content .muntaha-btn--primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0 32px;
  height: 50px;
  background: transparent;
  color: #F5E0C0;
  border: 1.5px solid rgba(245, 224, 192, 0.4);
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.25s ease;
}

.muntaha-promo__content .muntaha-btn--primary:hover {
  background: #C9A84C;
  border-color: #C9A84C;
  color: #141211;
}

@m

@media (max-width: 480px) {
  .muntaha-promo { padding: 48px 0; }
  .muntaha-promo__cta-row { flex-direction: column; align-items: stretch; }
  .muntaha-promo__btn { width: 100%; justify-content: center; }
}edia (max-width: 768px) {
  .muntaha-promo {
    padding: 64px 0;
  }
}


/* ---- muntaha-features ---- */
.muntaha-features {
  background: #FAF6EF;
  padding: 64px 0;
}

.muntaha-features__header {
  text-align: center;
  margin-bottom: 56px;
}

.muntaha-features__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.02em;
}

.muntaha-features__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}

.muntaha-feature-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.muntaha-feature-card__image {
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
  background: #E8DAC8;
}

.muntaha-feature-card__image--placeholder {
  background: linear-gradient(135deg, #F0E8DC 0%, #E8DAC8 100%);
}

.muntaha-feature-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
  display: block;
}

.muntaha-feature-card:hover .muntaha-feature-card__image img {
  transform: scale(1.06);
}

.muntaha-feature-card__image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(14, 13, 12, 0.85) 0%, rgba(14, 13, 12, 0.2) 50%, transparent 100%);
  transition: background 0.4s ease;
}

.muntaha-feature-card:hover .muntaha-feature-card__image-overlay {
  background: linear-gradient(to top, rgba(14, 13, 12, 0.95) 0%, rgba(14, 13, 12, 0.4) 60%, rgba(14, 13, 12, 0.1) 100%);
}

.muntaha-feature-card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px 28px;
  z-index: 2;
  transform: translateY(40px);
  transition: transform 0.4s ease;
}

.muntaha-feature-card:hover .muntaha-feature-card__content {
  transform: translateY(0);
}

.muntaha-feature-card__title {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 600;
  color: #F5E0C0;
  margin-bottom: 10px;
  letter-spacing: 0.04em;
}

.muntaha-feature-card__text {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(245, 224, 192, 0.65);
  margin-bottom: 16px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.4s ease 0.1s;
  letter-spacing: 0.03em;
}

.muntaha-feature-card:hover .muntaha-feature-card__text {
  opacity: 1;
}

.muntaha-feature-card__link {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #C9A84C;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.4s ease 0.15s;
  font-weight: 500;
}

.muntaha-feature-card:hover .muntaha-feature-card__link {
  opacity: 1;
}

.muntaha-feature-card__link:hover {
  color: #E2C97E;
}

/* Feature cards with no photo: a readable light panel, not a photo overlay.
   The overlay treatment relies on a dark image; with the cream placeholder the
   pale cream title and body text were invisible and only revealed on hover. */
.muntaha-features__grid:has(.muntaha-feature-card--plain) {
  gap: 20px;
}

.muntaha-feature-card--plain {
  background: #FFFFFF;
  border: 1px solid rgba(201, 168, 76, 0.22);
  cursor: default;
}

.muntaha-feature-card--plain .muntaha-feature-card__content {
  position: static;
  transform: none;
  padding: 34px 30px 36px;
}

.muntaha-feature-card--plain .muntaha-feature-card__step {
  display: inline-block;
  font-family: "Playfair Display", serif;
  font-size: 15px;
  line-height: 34px;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(201, 168, 76, 0.55);
  color: #C9A84C;
  margin-bottom: 18px;
}

.muntaha-feature-card--plain .muntaha-feature-card__title {
  color: #1A1A1A;
}

.muntaha-feature-card--plain .muntaha-feature-card__text {
  color: rgba(26, 26, 26, 0.68);
  opacity: 1;
  margin-bottom: 0;
}

.muntaha-feature-card--plain .muntaha-feature-card__link {
  opacity: 1;
  margin-top: 16px;
}

@media (max-width: 768px) {
  .muntaha-features__grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    padding: 0 20px 16px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .muntaha-features__grid::-webkit-scrollbar {
    display: none;
  }
  .muntaha-feature-card {
    flex: 0 0 85vw;
    scroll-snap-align: start;
  }
  /* plain step cards stack; the swipe carousel is for the photo variant */
  .muntaha-features__grid:has(.muntaha-feature-card--plain) {
    display: grid;
    grid-template-columns: 1fr;
    overflow-x: visible;
    gap: 14px;
    padding: 0 20px;
  }

  .muntaha-feature-card--plain .muntaha-feature-card__content {
    padding: 26px 24px 28px;
  }
  .muntaha-feature-card__content {
    transform: translateY(0);
  }
  .muntaha-feature-card__text,
  .muntaha-feature-card__link {
    opacity: 1;
  }
}


/* ---- muntaha-brand-story ---- */
.muntaha-story {
  background: #FAF6EF;
  padding: 64px 0;
  overflow: hidden;
}

.muntaha-story__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.muntaha-story__images {
  position: relative;
}

.muntaha-story__img-main {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/5;
  border-radius: 12px;
}

.muntaha-story__img-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.muntaha-story__img-placeholder {
  background: #F0E8DC;
  border: 1px solid rgba(201, 168, 76, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.muntaha-story__img-placeholder svg {
  width: 40%;
  height: 40%;
  opacity: 0.1;
}

.muntaha-story__img-accent {
  position: absolute;
  bottom: -32px;
  right: -32px;
  width: 45%;
  overflow: hidden;
  border: 4px solid #FAF6EF;
}

.muntaha-story__img-accent img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/4;
  display: block;
}

.muntaha-story__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 20px;
  font-weight: 600;
}

.muntaha-story__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3.5vw, 44px);
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.2;
  margin-bottom: 24px;
  letter-spacing: 0.02em;
}

.muntaha-story__body {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.9;
  color: rgba(26, 26, 26, 0.70);
  margin-bottom: 36px;
  font-weight: 400;
  letter-spacing: 0.03em;
}

@media (max-width: 900px) {
  .muntaha-story__inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  /* Contain accent image so it never overflows the viewport */
  .muntaha-story__images {
    overflow: hidden;
    padding-bottom: 24px;
    padding-right: 20px;
  }
  .muntaha-story__img-accent {
    bottom: -20px;
    right: -16px;
    width: 38%;
  }
}

@media (max-width: 600px) {
  .muntaha-story {
    padding: 36px 0;
  }
  .muntaha-story__inner {
    grid-template-columns: 1fr;
  }
  .muntaha-story__images {
    order: -1;
  }
  .muntaha-story__heading {
    font-size: clamp(26px, 7vw, 38px);
  }
}

@media (max-width: 480px) {
  .muntaha-story__img-accent {
    display: none;
  }
  .muntaha-story__images {
    padding-bottom: 0;
    padding-right: 0;
  }
}


/* ---- muntaha-credentials ---- */
/* =====================================================
   Muntaha Credentials Strip — circular icon layout
   ===================================================== */

.mcred {
  background: #FAF6EF;
  border-top: 1px solid rgba(26, 26, 26, 0.08);
  border-bottom: 1px solid rgba(26, 26, 26, 0.08);
  padding: 56px 0 60px;
}

.mcred__strip {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  gap: 24px;
}

/* Hide old dividers */
.mcred__divider { display: none; }

.mcred__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  padding: 0 12px;
}

/* Large circular icon */
.mcred__icon {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #C9A84C;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  flex-shrink: 0;
  box-shadow: 0 0 0 6px rgba(201, 168, 76, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mcred__item:hover .mcred__icon {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(201, 168, 76, 0.28);
}

.mcred__icon svg {
  width: 48px;
  height: 48px;
  color: #FAF6EF;
  stroke: #FAF6EF;
}

.mcred__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mcred__label {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #1A1A1A;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1.3;
}

.mcred__sub {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: rgba(26, 26, 26, 0.5);
  letter-spacing: 0.02em;
  line-height: 1.5;
  max-width: 160px;
  margin: 0 auto;
}

/* Tablet */
@media (max-width: 768px) {
  .mcred {
    padding: 40px 0 44px;
  }
  .mcred__strip {
    flex-wrap: wrap;
    justify-content: center;
    gap: 28px 12px;
  }
  .mcred__item {
    flex: 0 0 calc(50% - 24px);
    max-width: 180px;
  }
  .mcred__icon {
    width: 80px;
    height: 80px;
    margin-bottom: 14px;
  }
  .mcred__icon svg {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 480px) {
  .mcred {
    padding: 32px 0 36px;
  }
  .mcred__strip {
    gap: 20px 8px;
  }
  .mcred__item {
    flex: 0 0 calc(50% - 16px);
    max-width: 160px;
    padding: 0 4px;
  }
  .mcred__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
    box-shadow: 0 0 0 4px rgba(201, 168, 76, 0.12);
  }
  .mcred__icon svg {
    width: 28px;
    height: 28px;
  }
  .mcred__label {
    font-size: 11px;
    letter-spacing: 0.08em;
  }
  .mcred__sub {
    font-size: 11px;
  }
}


/* =====================================================
   Mobile infinite marquee ticker
   ===================================================== */

/* Hide desktop grid on mobile; show marquee instead */
@media (max-width: 767px) {
  .mcred__desktop-wrap { display: none !important; }
  .mcred { padding: 0; }
}

@media (min-width: 768px) {
  .mcred__marquee-wrap { display: none !important; }
}

.mcred__marquee-wrap {
  overflow: hidden;
  background: #FAF6EF;
  border-top: 1px solid rgba(26, 26, 26,0.08);
  border-bottom: 1px solid rgba(26, 26, 26,0.08);
  padding: 18px 0;
}

.mcred__marquee-track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: mcred-scroll 18s linear infinite;
}

.mcred__marquee-wrap:hover .mcred__marquee-track {
  animation-play-state: paused;
}

@keyframes mcred-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.mcred__marquee-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  white-space: nowrap;
}

.mcred__marquee-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #C9A84C;
  color: #FAF6EF;
  flex-shrink: 0;
}

.mcred__marquee-icon svg {
  stroke: #FAF6EF;
}

.mcred__marquee-label {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A1A1A;
}

.mcred__marquee-dot {
  font-size: 5px;
  color: rgba(201, 168, 76, 0.5);
  padding: 0 4px;
  flex-shrink: 0;
}


/* ---- muntaha-delivery ---- */
.muntaha-delivery {
  background: #FAF6EF;
  padding: 64px 0;
}

.muntaha-delivery__header {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 64px;
}

.muntaha-delivery__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
}

.muntaha-delivery__subtext {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.7);
  font-weight: 400;
  letter-spacing: 0.04em;
}

.muntaha-delivery__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}

.muntaha-delivery__step {
  background: #F0E8DC;
  padding: 52px 40px;
  text-align: center;
  border: 1px solid rgba(201, 168, 76, 0.07);
  border-radius: 12px;
  transition: border-color 0.3s ease;
}

.muntaha-delivery__step:hover {
  border-color: rgba(201, 168, 76, 0.18);
}

.muntaha-delivery__icon {
  width: 64px;
  height: 64px;
  border: 1px solid rgba(201, 168, 76, 0.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  color: #C9A84C;
}

.muntaha-delivery__step-title {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.muntaha-delivery__step-text {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.7);
  font-weight: 400;
  letter-spacing: 0.03em;
}

@media (max-width: 768px) {
  .muntaha-delivery__steps {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .muntaha-delivery__step {
    padding: 40px 32px;
  }
}


/* ---- muntaha-testimonials ---- */
.mrev {
  background: #FAF6EF;
  padding: 72px 0;
}

/* ---- Top row: heading left, arrows right ---- */
.mrev__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 56px;
}

.mrev__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.mrev__heading em {
  font-style: italic;
  font-weight: 300;
}

/* ---- Nav arrows ---- */
.mrev__nav {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  padding-top: 6px;
}

.mrev__nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1.5px solid rgba(26, 26, 26, 0.2);
  background: transparent;
  color: #1A1A1A;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
}

.mrev__nav-btn:hover {
  background: #1F1C1A;
  border-color: #1A1A1A;
  color: #FAF6EF;
}

/* ---- Carousel track ---- */
.mrev__track-wrap {
  overflow: hidden;
}

.mrev__track {
  display: flex;
  gap: 0;
  transition: transform 0.4s ease;
}

/* ---- Review cards ---- */
.mrev__card {
  flex: 0 0 calc(100% / 3);
  min-width: 0;
  padding: 0 32px 0 0;
  border-left: 2px solid rgba(26, 26, 26, 0.08);
  padding-left: 32px;
  display: flex;
  flex-direction: column;
}

.mrev__card:first-child {
  border-left: none;
  padding-left: 0;
}

/* ---- Star rating ---- */
.mrev__stars {
  display: flex;
  gap: 3px;
  margin-bottom: 16px;
}

/* ---- Quote mark ---- */
.mrev__quote-mark {
  font-family: "Playfair Display", serif;
  font-size: 56px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1;
  display: block;
  margin-bottom: 16px;
}

/* ---- Quote text ---- */
.mrev__quote {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.75);
  font-weight: 400;
  letter-spacing: 0.01em;
  margin: 0 0 32px;
  flex: 1;
}

/* ---- Author row ---- */
.mrev__author {
  display: flex;
  align-items: center;
  gap: 14px;
}

.mrev__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.mrev__avatar-ph {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #E0D4C2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  flex-shrink: 0;
  text-transform: uppercase;
}

.mrev__author-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.mrev__author-name {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #1A1A1A;
  letter-spacing: 0.01em;
}

.mrev__author-role {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: rgba(26, 26, 26, 0.5);
  letter-spacing: 0.02em;
}

/* ---- Responsive ---- */
@media (max-width: 1024px) {
  .mrev__card {
    flex: 0 0 50%;
  }
}

@media (max-width: 700px) {
  .mrev__card {
    flex: 0 0 100%;
    border-left: none;
    padding-left: 0;
    padding-right: 0;
  }
  .mrev__top {
    margin-bottom: 24px;
    flex-direction: column;
    gap: 0;
  }
  .mrev__heading {
    font-size: clamp(26px, 7vw, 38px);
  }
  /* Hide desktop nav; show mobile flanking arrows */
  .mrev__nav--desktop { display: none !important; }
  .mrev__carousel-row {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .mrev__track-wrap { flex: 1; min-width: 0; }
  .mrev__mob-arrow {
    display: flex !important;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(250,246,239,0.95);
    border: 1px solid rgba(26, 26, 26,0.15);
  }
}

@media (min-width: 701px) {
  .mrev__mob-arrow { display: none !important; }
  .mrev__carousel-row { display: block; }
}


/* ---- muntaha-reviews ---- */
.mreviews {
  background: #FAF6EF;
  padding: 80px 0 100px;
  border-top: 1px solid rgba(201, 168, 76, 0.1);
}

/* ── Header ── */
.mreviews__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(26, 26, 26, 0.08);
  margin-bottom: 0;
  flex-wrap: wrap;
}

.mreviews__header-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mreviews__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.02em;
  margin: 0;
}

.mreviews__aggregate-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.mreviews__stars--inline {
  display: flex;
  gap: 3px;
}

.mreviews__score-inline {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1A1A1A;
  text-transform: uppercase;
}

.mreviews__count-inline {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.5);
  letter-spacing: 0.04em;
}

/* Write a Review button */
.mreviews__write-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1F1C1A;
  color: #FAF6EF;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 28px;
  height: 48px;
  text-decoration: none;
  border: 1px solid #1A1A1A;
  transition: all 0.25s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.mreviews__write-btn:hover {
  background: #C9A84C;
  color: #1A1A1A;
  border-color: #C9A84C;
}

/* ── Review list ── */
.mreviews__list {
  display: flex;
  flex-direction: column;
}

.mreview {
  padding: 32px 0;
  border-bottom: 1px solid rgba(26, 26, 26, 0.08);
}

.mreview__top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.mreview__stars {
  display: flex;
  gap: 3px;
}

.mreview__date {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.4);
  letter-spacing: 0.06em;
}

.mreview__title {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #1A1A1A;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
}

.mreview__body {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.72);
  font-weight: 400;
  letter-spacing: 0.03em;
  margin: 0 0 14px;
}

.mreview__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.mreview__author {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: #1A1A1A;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.mreview__location {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.5);
  letter-spacing: 0.04em;
}

.mreview__verified {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #C9A84C;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .mreviews {
    padding: 60px 0 80px;
  }
  .mreviews__header {
    align-items: flex-start;
    flex-direction: column;
  }
  .mreview__top-row {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .mreviews { padding: 48px 0 56px; }
  .mreviews__heading { font-size: clamp(26px, 7vw, 36px); }
}

@media (max-width: 480px) {
  .mreviews { padding: 40px 0 !important; }
  .mreviews__heading { font-size: clamp(24px, 7vw, 36px); }
  .mreviews__card { padding: 20px 16px; }
  .mreviews__text { font-size: 13px; }
  .mreviews__author { font-size: 12px; }
}


/* ---- muntaha-journal ---- */
.mjournal {
  background: #FAF6EF;
  padding: 72px 0;
}

/* ---- Main 2-col grid ---- */
.mjournal__body {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 48px;
  align-items: start;
}

/* ============ LEFT — Featured ============ */
.mjournal__left {}

.mjournal__feat {
  display: block;
  text-decoration: none;
  color: inherit;
}

.mjournal__feat-image {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  /* Blog thumbnails are delivered at 1649x954, which is 16:9. Matching the slot
     to the asset means object-fit: cover has nothing to crop. */
  aspect-ratio: 16 / 9;
  background: #E8DAC8;
  margin-bottom: 24px;
}

.mjournal__feat-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.mjournal__feat:hover .mjournal__feat-image img {
  transform: scale(1.04);
}

.mjournal__feat-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  background: #fff;
  color: #1A1A1A;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 6px 14px;
  border-radius: 100px;
}

.mjournal__feat-title {
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.35;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}

.mjournal__feat-excerpt {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(26, 26, 26, 0.6);
  font-weight: 400;
  margin-bottom: 16px;
  letter-spacing: 0.01em;
}

/* ============ RIGHT ============ */
.mjournal__right {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.mjournal__right-top {}

.mjournal__right-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
}

.mjournal__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.mjournal__heading em {
  font-style: italic;
  font-weight: 300;
}

.mjournal__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A1A1A;
  text-decoration: none;
  border: 1.5px solid rgba(26, 26, 26, 0.3);
  border-radius: 100px;
  padding: 12px 22px;
  white-space: nowrap;
  transition: all 0.25s ease;
  margin-top: 6px;
}

.mjournal__btn:hover {
  background: #1F1C1A;
  color: #FAF6EF;
  border-color: #1A1A1A;
}

.mjournal__desc {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.65);
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* ---- Secondary posts ---- */
.mjournal__secondary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.mjournal__sec-post {
  display: block;
  text-decoration: none;
  color: inherit;
}

.mjournal__sec-image {
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #E8DAC8;
  margin-bottom: 16px;
}

.mjournal__sec-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.mjournal__sec-post:hover .mjournal__sec-image img {
  transform: scale(1.04);
}

.mjournal__sec-title {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.4;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}

/* ---- READ MORE shared ---- */
.mjournal__read-more {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A1A1A;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: gap 0.2s ease;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.mjournal__feat:hover .mjournal__read-more,
.mjournal__sec-post:hover .mjournal__read-more {
  gap: 12px;
}

/* ---- Placeholder images ---- */
.mjournal__img-ph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EDE3D6;
}

.mjournal__img-ph svg {
  width: 45%;
  height: 45%;
  opacity: 0.1;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .mjournal__body {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  /* Show heading/description block above the featured post on mobile */
  .mjournal__right {
    order: -1;
  }
  .mjournal__secondary {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .mjournal {
    padding: 48px 0;
  }
  .mjournal__secondary {
    grid-template-columns: 1fr;
  }
  .mjournal__right-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .mjournal__heading {
    font-size: clamp(28px, 8vw, 40px);
  }
  /* Push "See All Blogs" button after the secondary posts */
  .mjournal__right {
    display: flex;
    flex-direction: column;
  }
  .mjournal__btn--cta {
    order: 99;
    align-self: flex-start;
    margin-top: 24px;
  }
}


/* ---- muntaha-ugc ---- */
.mugc {
  background: #FAF6EF;
  padding: 72px 0 80px;
}

/* Header row: title + arrows */
.mugc__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.mugc__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(24px, 3vw, 42px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.01em;
  line-height: 1.1;
  margin: 0;
}

/* Arrow nav */
.mugc__nav {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.mugc__nav-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid rgba(26, 26, 26, 0.2);
  background: transparent;
  color: #1A1A1A;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

.mugc__nav-btn:hover {
  background: #1F1C1A;
  color: #FAF6EF;
  border-color: #1A1A1A;
}

/* Scroll track */
.mugc__track-wrap {
  overflow: hidden;
  margin-right: -1px;
}

.mugc__track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 4px;
  padding-right: 16px;
}

.mugc__track::-webkit-scrollbar { display: none; }

@media (max-width: 600px) {
  .mugc {
    overflow: hidden;
    padding: 32px 0 !important;
  }
  .mugc__heading {
    font-size: clamp(22px, 6vw, 32px) !important;
  }
  .mugc__nav {
    display: none;
  }
  .mugc__track-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  .mugc__track {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-left: 16px;
    padding-right: 16px;
  }
  .mugc__card {
    flex: 0 0 75vw;
    max-width: 240px;
    scroll-snap-align: center;
  }
  .mugc__person {
    font-size: 12px;
  }
}

/* Card */
.mugc__card {
  flex: 0 0 calc(16.666% - 11px);
  min-width: 160px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Portrait media area */
.mugc__media {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: 14px;
  background: #E8DAC8;
  cursor: pointer;
}

.mugc__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.mugc__media:hover .mugc__img { transform: scale(1.04); }

/* Person caption */
.mugc__person {
  position: absolute;
  top: 12px;
  left: 12px;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.06em;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
  line-height: 1.3;
  max-width: calc(100% - 24px);
}

/* Play button */
.mugc__play {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  background: rgba(0,0,0,0.45);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  pointer-events: none;
}

/* Placeholder */
.mugc__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #EDE3D6;
}

.mugc__placeholder svg { opacity: 0.5; }

.mugc__placeholder-label {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(201,168,76,0.7);
  font-weight: 600;
}

/* Instagram iframe inside lightbox */
.mugc-modal__iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 18px;
  display: block;
}

/* Product info strip below card */
.mugc__product {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 4px 4px;
  text-decoration: none;
}

.mugc__product-img {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  overflow: hidden;
  background: #F0E8DC;
}

.mugc__product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mugc__product-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mugc__product-img-placeholder svg { width: 70%; height: 70%; opacity: 0.15; }

.mugc__product-info {
  flex: 1;
  min-width: 0;
}

.mugc__product-name {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1A1A1A;
  margin: 0 0 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mugc__product-pricing {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.mugc__product-price {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.04em;
}

.mugc__product-compare {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  color: rgba(26, 26, 26,0.4);
  text-decoration: line-through;
  letter-spacing: 0.03em;
}

.mugc__product-badge {
  font-family: 'Raleway', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FAF6EF;
  background: #C9A84C;
  padding: 2px 6px;
  border-radius: 999px;
  white-space: nowrap;
}

/* ── Lightbox Modal ── */
.mugc-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
  background: rgba(0, 0, 0, 0.80);
}

.mugc-modal[aria-hidden="false"] {
  pointer-events: auto;
  opacity: 1;
}

.mugc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}

.mugc-modal__close {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 10010;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.15);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  transition: background 0.2s;
}
.mugc-modal__close:hover { background: rgba(255,255,255,0.28); }

/* ── 3-reel viewer: peek + center + peek ── */
.mugc-modal__viewer {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
}

/* Center reel */
.mugc-modal__center {
  flex: 0 0 min(340px, 70vw);
  width: min(340px, 70vw);
  position: relative;
  z-index: 3;
}

.mugc-modal__media-wrap {
  position: relative;
  aspect-ratio: 9 / 16;
  border-radius: 18px;
  overflow: hidden;
  background: #111;
}

.mugc-modal__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.mugc-modal__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Peek panels — partial side cards */
.mugc-modal__peek {
  flex: 0 0 clamp(90px, 18vw, 160px);
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: 16px;
  opacity: 0.55;
  cursor: pointer;
  transition: opacity 0.2s;
  position: relative;
  z-index: 2;
  background: #1a1a1a;
}
.mugc-modal__peek:hover { opacity: 0.7; }
.mugc-modal__peek--prev { margin-right: -24px; }
.mugc-modal__peek--next { margin-left: -24px; }

.mugc-modal__peek-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Arrows (mobile only — desktop uses peek panels) */
.mugc-modal__arrow {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10010;
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.18);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  transition: background 0.2s;
}
.mugc-modal__arrow--prev { left: 12px; }
.mugc-modal__arrow--next { right: 12px; }
.mugc-modal__arrow:hover { background: rgba(255,255,255,0.32); }

/* Person + product overlays */
.mugc-modal__person {
  position: absolute;
  top: 16px;
  left: 16px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 6px rgba(0,0,0,0.6);
  letter-spacing: 0.04em;
  z-index: 4;
}

.mugc-modal__product-card {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  background: rgba(255,255,255,0.96);
  border-radius: 14px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 24px rgba(0,0,0,0.18);
  z-index: 4;
}

.mugc-modal__product-img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.mugc-modal__product-mid { flex: 1; min-width: 0; }

.mugc-modal__product-name {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1A1A1A;
  margin: 0 0 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mugc-modal__product-pricing {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.mugc-modal__product-price {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
}

.mugc-modal__product-compare {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  color: rgba(26, 26, 26,0.4);
  text-decoration: line-through;
}

.mugc-modal__product-badge {
  font-family: 'Raleway', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #fff;
  background: #C9A84C;
  padding: 2px 7px;
  border-radius: 999px;
}

.mugc-modal__atc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1F1C1A;
  color: #FAF6EF;
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 9px 13px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
  border: none;
  transition: background 0.2s;
}
.mugc-modal__atc-btn:hover { background: #C9A84C; color: #1F1C1A; }

/* Placeholder */
.mugc-modal__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(160deg, #1F1C1A 0%, #33302C 50%, #1C1A18 100%);
  border-radius: 18px;
  z-index: 1;
  pointer-events: none;
}
.mugc-modal__placeholder svg { opacity: 0.35; }
.mugc-modal__placeholder-label {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(201, 168, 76, 0.5);
}
.mugc-modal__media-wrap.has-content .mugc-modal__placeholder { display: none; }

/* Mobile */
@media (max-width: 640px) {
  .mugc-modal__peek { display: none !important; }
  .mugc-modal__center { flex: 0 0 94vw; width: 94vw; }
}


/* ---- muntaha-notes ---- */
.mnotes {
  background: #FAF6EF;
  padding: 64px 0;
}

.mnotes__slide {
  display: none;
  width: 100%;
  height: 100%;
}
.mnotes__slide--active {
  display: block;
}

/* ---- Heading ---- */
.mnotes__header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 64px;
}
.mnotes__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 600;
  line-height: 1.1;
  color: #1A1A1A;
  letter-spacing: -0.01em;
  margin-bottom: 18px;
}
.mnotes__heading em {
  font-style: italic;
  font-weight: 300;
}
.mnotes__subtext {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.65);
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* ---- Desktop: 3 equal columns ---- */
.mnotes__body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 56px;
  align-items: start;
}

/* ---- Left: fragrance name buttons ---- */
.mnotes__notes {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.mnotes__note {
  font-family: "Playfair Display", serif;
  font-size: 17px;
  font-weight: 400;
  color: rgba(26, 26, 26, 0.5);
  padding: 15px 0;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: color 0.2s ease, font-weight 0.1s ease;
  text-align: left;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(26, 26, 26, 0.08);
  outline: none;
  width: 100%;
}
.mnotes__note:last-child {
  border-bottom: none;
}
.mnotes__note--active {
  font-weight: 700;
  color: #1A1A1A;
  cursor: default;
}
.mnotes__note:hover:not(.mnotes__note--active) {
  color: #1A1A1A;
  font-weight: 600;
}

/* ---- Center: bottle image ---- */
.mnotes__image {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.mnotes__image img {
  width: 100%;
  display: block;
  object-fit: contain;
  border-radius: 12px;
  transition: opacity 0.2s ease;
}
.mnotes__image-placeholder {
  width: 100%;
  aspect-ratio: 3/4;
  background: #FAF6EF;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mnotes__image-placeholder svg {
  width: 40%;
  height: 40%;
  opacity: 0.12;
}

/* Desktop: cap image height */
@media (min-width: 961px) {
  .mnotes__image img {
    height: 300px;
  }
  .mnotes__image {
    max-height: 300px;
  }
}

/* ---- Right: product details ---- */
.mnotes__desc {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mnotes__product-name {
  font-family: "Playfair Display", serif;
  font-size: clamp(22px, 2.4vw, 32px);
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.2;
  letter-spacing: -0.01em;
  transition: opacity 0.2s ease;
}
.mnotes__product-price {
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #C9A84C;
  letter-spacing: 0.04em;
  transition: opacity 0.2s ease;
}
.mnotes__desc-text {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.85;
  color: rgba(26, 26, 26, 0.65);
  font-weight: 400;
  letter-spacing: 0.01em;
  transition: opacity 0.2s ease;
}
.mnotes__shop-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  color: #FAF6EF;
  background: #1F1C1A;
  border: 1.5px solid #1A1A1A;
  padding: 0 28px;
  height: 50px;
  transition: all 0.25s ease;
  align-self: flex-start;
}
.mnotes__shop-btn:hover {
  background: #C9A84C;
  border-color: #C9A84C;
  color: #1A1A1A;
}

/* ---- Tablet (601px – 960px) ---- */
@media (max-width: 960px) {
  .mnotes__body {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .mnotes__image {
    max-width: 160px;
    margin: 0 auto;
  }
  .mnotes__image img {
    height: auto;
    aspect-ratio: 3/4;
  }
}

/* ---- Mobile (≤600px) ---- */
@media (max-width: 600px) {
  .mnotes {
    padding: 48px 0;
  }
  .mnotes__header {
    margin-bottom: 32px;
  }
  .mnotes__heading {
    font-size: clamp(28px, 8vw, 38px);
  }
  .mnotes__body {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  /* Chips: wrap so all 6 are visible */
  .mnotes__notes {
    order: -1;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding-bottom: 4px;
  }
  .mnotes__note {
    flex-shrink: 0;
    white-space: nowrap;
    border: 1px solid rgba(26, 26, 26,0.12) !important;
    border-radius: 999px;
    padding: 8px 18px;
    font-size: 13px;
    font-family: 'Raleway', sans-serif;
    color: rgba(26, 26, 26,0.55);
    font-weight: 500;
    width: auto;
  }
  .mnotes__note--active {
    background: #1F1C1A;
    border-color: #1A1A1A !important;
    color: #FAF6EF;
    font-weight: 600;
  }
  .mnotes__note:last-child {
    border-bottom: none !important;
  }

  /* Image: full width stacked */
  .mnotes__image {
    order: 0;
    width: 100%;
    max-width: 100%;
    max-height: none;
    float: none;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
  }
  .mnotes__image img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: contain;
  }
  .mnotes__desc {
    order: 0;
    gap: 12px;
  }
  .mnotes__product-name {
    font-size: clamp(18px, 5vw, 22px);
  }
  .mnotes__product-price {
    font-size: 16px;
  }
  .mnotes__desc-text {
    font-size: 13px;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mnotes__shop-btn {
    width: 100%;
    justify-content: center;
    height: 44px;
    font-size: 11px;
  }
}


/* ---- muntaha-discovery ---- */
/* =====================================================
   Muntaha Discovery Set Section
   ===================================================== */

.mdisc {
  background: #FAF6EF;
  padding: 96px 0;
  position: relative;
  overflow: hidden;
}

.mdisc__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* Image */
.mdisc__image {
  border-radius: 12px;
  overflow: hidden;
  background: #F0E8DC;
  aspect-ratio: 1 / 1;
}

.mdisc__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mdisc__placeholder {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C9A84C;
}

/* Content */
.mdisc__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 20px;
  opacity: 0.85;
}

.mdisc__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(36px, 4vw, 58px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.02em;
  line-height: 1.1;
  margin-bottom: 24px;
}

.mdisc__heading em {
  font-style: italic;
  color: #C9A84C;
}

.mdisc__desc {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.65);
  font-weight: 300;
  letter-spacing: 0.03em;
  margin-bottom: 28px;
}

.mdisc__desc strong {
  color: #C9A84C;
  font-weight: 500;
}

/* Perks list */
.mdisc__perks {
  list-style: none;
  padding: 0;
  margin: 0 0 36px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mdisc__perks li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: rgba(26, 26, 26, 0.7);
  letter-spacing: 0.04em;
}

.mdisc__perks svg {
  flex-shrink: 0;
}

/* CTA row */
.mdisc__cta-row {
  display: flex;
  align-items: center;
  gap: 28px;
}

.mdisc__price {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.mdisc__price-label {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: rgba(26, 26, 26, 0.4);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.mdisc__price-amount {
  font-family: 'Raleway', sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #C9A84C;
  letter-spacing: 0.04em;
}

/* Mobile */
@media (max-width: 768px) {
  .mdisc {
    padding: 56px 0;
  }

  .mdisc__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .mdisc__image {
    max-width: 400px;
    margin: 0 auto;
  }

  .mdisc__heading {
    font-size: clamp(30px, 8vw, 44px);
  }

  .mdisc__cta-row {
    flex-wrap: wrap;
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .mdisc__cta-row {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* ---- muntaha-discovery-builder ---- */
/* =====================================================
   Muntaha — Discovery Set Builder
   ===================================================== */

.mdb {
  background: #FAF6EF;
  padding: 64px 0 80px;
}

.mdb__header {
  text-align: center;
  margin-bottom: 48px;
}

.mdb__eyebrow {
  display: block;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 14px;
}

.mdb__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.02em;
  line-height: 1.1;
  margin-bottom: 16px;
}

.mdb__sub {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  color: rgba(26, 26, 26, 0.55);
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 1.7;
}

/* ── Progress indicator ── */
.mdb__progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 40px;
}

.mdb__progress-step {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(201, 168, 76, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.3);
  transition: all 0.25s ease;
}

.mdb__progress-step.is-filled {
  background: #C9A84C;
  border-color: #C9A84C;
  color: #1A1A1A;
  font-weight: 600;
}

.mdb__progress-line {
  width: 24px;
  height: 1px;
  background: rgba(201, 168, 76, 0.2);
}

.mdb__counter {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgba(26, 26, 26, 0.45);
  margin-bottom: 32px;
}

.mdb__counter strong {
  color: #C9A84C;
  font-weight: 600;
}

/* ── Fragrance grid ── */
.mdb__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 48px;
}

.mdb__card {
  border: 1px solid rgba(201, 168, 76, 0.2);
  background: #fff;
  padding: 0;
  cursor: pointer;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  position: relative;
  text-align: center;
  user-select: none;
  overflow: hidden;
}

.mdb__card:hover:not(.is-disabled) {
  border-color: rgba(201, 168, 76, 0.55);
  box-shadow: 0 8px 28px rgba(26, 26, 26, 0.09);
  transform: translateY(-3px);
}

.mdb__card.is-selected {
  border-color: #C9A84C;
  box-shadow: 0 8px 28px rgba(201, 168, 76, 0.18);
  transform: translateY(-3px);
}

.mdb__card.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Gold check mark when selected */
.mdb__card-check {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid rgba(26, 26, 26, 0.28);
  background: rgba(255, 255, 255, 0.82);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 2;
}

.mdb__card.is-selected .mdb__card-check {
  background: #C9A84C;
  border-color: #C9A84C;
}

.mdb__card-check svg {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.mdb__card.is-selected .mdb__card-check svg {
  opacity: 1;
}

/* Scent number badge */
.mdb__card-num {
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  color: rgba(26, 26, 26, 0.55);
  font-weight: 600;
  z-index: 2;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);
}

/* Portrait image — full width, edge to edge */
.mdb__card-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: block;
  background: #E8DAC8;
}

.mdb__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.mdb__card:hover:not(.is-disabled) .mdb__card-image img {
  transform: scale(1.04);
}

.mdb__card-image .placeholder-svg {
  width: 50%;
  height: 50%;
  opacity: 0.18;
  color: #1A1A1A;
  margin: auto;
  display: block;
  padding-top: 30%;
}

/* Text area below image */
.mdb__card-body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.mdb__card-name {
  font-family: "Playfair Display", serif;
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.04em;
  line-height: 1.2;
  display: block;
}

/* Accord — gold pill badge */
.mdb__card-accord {
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #C9A84C;
  background: rgba(201, 168, 76, 0.1);
  border: 1px solid rgba(201, 168, 76, 0.35);
  padding: 3px 10px;
  border-radius: 999px;
  font-weight: 500;
}

/* ── Value props strip ── */
.mdb__value-props {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.mdb__value-prop {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 20px;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: rgba(26, 26, 26, 0.65);
  font-weight: 400;
  line-height: 1.3;
}

.mdb__value-icon {
  flex-shrink: 0;
}

.mdb__value-divider {
  width: 1px;
  height: 28px;
  background: rgba(201, 168, 76, 0.25);
  flex-shrink: 0;
}

/* ── CTA area ── */
.mdb__cta {
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}

.mdb__selected-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
  flex-wrap: wrap;
  min-height: 28px;
}

.mdb__selected-tag {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1A1A1A;
  background: rgba(201, 168, 76, 0.15);
  border: 1px solid rgba(201, 168, 76, 0.3);
  padding: 4px 12px;
  font-weight: 500;
}

.mdb__atc {
  width: 100%;
  height: 56px;
  background: #C9A84C;
  color: #1A1A1A;
  border: 1px solid #C9A84C;
  border-radius: 999px;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s ease;
  margin-bottom: 12px;
}

.mdb__atc:hover:not(:disabled) {
  background: #1F1C1A;
  color: #F5E0C0;
  border-color: #1A1A1A;
}

.mdb__atc:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.mdb__note {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.4);
  letter-spacing: 0.04em;
  font-weight: 300;
}

/* ── Mobile ── */
@media (max-width: 749px) {
  .mdb__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .mdb__value-props {
    gap: 0;
  }

  .mdb__value-prop {
    padding: 0 12px;
    font-size: 11px;
  }

  .mdb__value-divider {
    height: 22px;
  }
}

@media (max-width: 480px) {
  .mdb__grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .mdb__card-image {
    aspect-ratio: 1 / 1;
  }

  .mdb__value-props {
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }

  .mdb__value-divider {
    display: none;
  }

  .mdb__value-prop {
    padding: 0 8px;
  }
}


/* ---- muntaha-scent-quiz ---- */
/* =====================================================
   Muntaha Scent Quiz — Quiz Section Styles
   Brand: #1A1A1A dark bg | #FAF6EF light bg | #C9A84C gold
   ===================================================== */

/* ── Section wrapper ── */
.mquiz {
  background: #FAF6EF;
  padding: 80px 20px 100px;
  min-height: 600px;
}

.mquiz__inner {
  max-width: 680px;
  margin: 0 auto;
  position: relative;
}

/* ── Header ── */
.mquiz__header {
  text-align: center;
  margin-bottom: 52px;
}

.mquiz__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C9A84C;
  margin: 0 0 14px;
}

.mquiz__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 4.5vw, 40px);
  font-weight: 400;
  color: #1A1A1A;
  margin: 0 0 12px;
  line-height: 1.15;
}

.mquiz__subtitle {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(26, 26, 26, 0.55);
  letter-spacing: 0.04em;
  margin: 0;
}

/* ── Progress bar ── */
.mquiz__progress {
  display: flex;
  gap: 6px;
  margin-bottom: 44px;
}

.mquiz__progress-bar {
  flex: 1;
  height: 2px;
  background: rgba(201, 168, 76, 0.18);
  position: relative;
  overflow: hidden;
}

.mquiz__progress-bar::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #C9A84C;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.mquiz__progress-bar--active::after,
.mquiz__progress-bar--done::after {
  transform: scaleX(1);
}

/* ── Step wrapper ── */
.mquiz__steps {
  position: relative;
}

.mquiz__step {
  display: none;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.mquiz__step--active {
  display: block;
}

.mquiz__step--visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Question header ── */
.mquiz__step-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.mquiz__step-number {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #C9A84C;
}

.mquiz__step-divider {
  flex: 1;
  height: 1px;
  background: rgba(201, 168, 76, 0.2);
}

.mquiz__question {
  font-family: "Playfair Display", serif;
  font-size: clamp(22px, 3.5vw, 32px);
  font-weight: 400;
  color: #1A1A1A;
  line-height: 1.25;
  margin: 0 0 8px;
}

.mquiz__question-hint {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: rgba(26, 26, 26, 0.45);
  letter-spacing: 0.06em;
  margin: 0 0 28px;
}

/* ── Option grid ── */
.mquiz__options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 32px;
}

.mquiz__option {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px 18px;
  background: #F0E8DC;
  border: 1px solid rgba(201, 168, 76, 0.2);
  cursor: pointer;
  transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
  user-select: none;
  -webkit-user-select: none;
  outline: none;
}

.mquiz__option:hover {
  border-color: rgba(201, 168, 76, 0.6);
  background: rgba(201, 168, 76, 0.06);
}

.mquiz__option:focus-visible {
  border-color: #C9A84C;
  box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.3);
}

.mquiz__option--selected {
  border-color: #C9A84C;
  background: rgba(201, 168, 76, 0.08);
}

.mquiz__option-check {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(201, 168, 76, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, background 0.2s ease;
  flex-shrink: 0;
}

.mquiz__option-check svg {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.mquiz__option--selected .mquiz__option-check {
  border-color: #C9A84C;
  background: #C9A84C;
}

.mquiz__option--selected .mquiz__option-check svg {
  opacity: 1;
}

.mquiz__option-label {
  font-family: "Playfair Display", serif;
  font-size: 17px;
  font-weight: 500;
  color: #1A1A1A;
  line-height: 1.3;
  margin: 0 22px 4px 0;
}

.mquiz__option-sub {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: rgba(26, 26, 26, 0.5);
  letter-spacing: 0.04em;
  margin: 0;
}

/* ── Navigation ── */
.mquiz__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}

.mquiz__back {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.45);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s ease;
  text-decoration: none;
}

.mquiz__back:hover {
  color: #1A1A1A;
}

.mquiz__back--hidden {
  visibility: hidden;
  pointer-events: none;
}

.mquiz__next {
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.mquiz__next--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* ── Result screen ── */
.mquiz__result {
  display: none;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.mquiz__result--active {
  display: block;
}

.mquiz__result--visible {
  opacity: 1;
  transform: translateY(0);
}

.mquiz__result-header {
  text-align: center;
  margin-bottom: 36px;
}

.mquiz__result-eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C9A84C;
  margin: 0 0 12px;
}

.mquiz__result-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(14px, 2.5vw, 18px);
  font-weight: 300;
  color: rgba(26, 26, 26, 0.55);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

/* ── Fragrance card ── */
.mquiz__card {
  background: #1F1C1A;
  padding: 44px 40px 40px;
  margin-bottom: 28px;
  position: relative;
  overflow: hidden;
}

.mquiz__card::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 168, 76, 0.07) 0%, transparent 70%);
  pointer-events: none;
}

.mquiz__card-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Raleway', sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #C9A84C;
  border: 1px solid rgba(201, 168, 76, 0.3);
  padding: 5px 12px;
  margin-bottom: 22px;
}

.mquiz__card-badge-dot {
  width: 4px;
  height: 4px;
  background: #C9A84C;
  border-radius: 50%;
  flex-shrink: 0;
}

.mquiz__card-name {
  font-family: "Playfair Display", serif;
  font-size: clamp(30px, 5vw, 44px);
  font-weight: 400;
  color: #F5E0C0;
  margin: 0 0 6px;
  line-height: 1.1;
  font-style: italic;
}

.mquiz__card-arabic {
  font-family: "Playfair Display", serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(245, 224, 192, 0.4);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 24px;
}

.mquiz__card-divider {
  width: 40px;
  height: 1px;
  background: rgba(201, 168, 76, 0.4);
  margin-bottom: 22px;
}

.mquiz__card-desc {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.75;
  color: rgba(245, 224, 192, 0.7);
  margin: 0 0 20px;
}

.mquiz__card-notes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 30px;
}

.mquiz__card-note {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(201, 168, 76, 0.8);
  border: 1px solid rgba(201, 168, 76, 0.2);
  padding: 5px 10px;
}

/* Runner up recommendation under the main quiz result button. */
.mquiz__card-alt {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: rgba(245, 224, 192, 0.6);
  margin: 14px 0 0;
}

.mquiz__card-alt a {
  color: #C9A84C;
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 168, 76, 0.4);
  padding-bottom: 1px;
}

.mquiz__card-alt a:hover {
  color: #E2C97E;
  border-bottom-color: #E2C97E;
}

/* ── Result actions ── */
.mquiz__result-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.mquiz__restart {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.4);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 0;
  transition: color 0.2s ease;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(26, 26, 26, 0.2);
}

.mquiz__restart:hover {
  color: #1A1A1A;
  text-decoration-color: rgba(26, 26, 26, 0.4);
}

/* ── Decorative corner lines ── */
.mquiz__card-corner {
  position: absolute;
  width: 20px;
  height: 20px;
  border-color: rgba(201, 168, 76, 0.25);
  border-style: solid;
}

.mquiz__card-corner--tl {
  top: 12px;
  left: 12px;
  border-width: 1px 0 0 1px;
}

.mquiz__card-corner--tr {
  top: 12px;
  right: 12px;
  border-width: 1px 1px 0 0;
}

.mquiz__card-corner--bl {
  bottom: 12px;
  left: 12px;
  border-width: 0 0 1px 1px;
}

.mquiz__card-corner--br {
  bottom: 12px;
  right: 12px;
  border-width: 0 1px 1px 0;
}

/* ── Transitions between steps ── */
.mquiz__step--exit {
  animation: quiz-step-out 0.28s ease forwards;
}

.mquiz__step--enter {
  animation: quiz-step-in 0.38s ease forwards;
}

@keyframes quiz-step-out {
  to {
    opacity: 0;
    transform: translateY(-12px);
  }
}

@keyframes quiz-step-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Mobile ── */
@media (max-width: 600px) {
  .mquiz {
    padding: 56px 16px 72px;
  }

  .mquiz__options {
    grid-template-columns: 1fr;
  }

  .mquiz__card {
    padding: 32px 24px 28px;
  }

  .mquiz__nav {
    flex-direction: row;
  }
}

@media (max-width: 400px) {
  .mquiz__card {
    padding: 28px 18px 24px;
  }
}


/* ---- muntaha-collection-header ---- */
/* =====================================================
   Muntaha Collection Header
   ===================================================== */

.mcoll-header {
  position: relative;
  background: #1F1C1A;
  min-height: 400px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

/* ── With image: full-height, content at bottom ── */
.mcoll-header__bg {
  position: absolute;
  inset: 0;
}

.mcoll-header__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mcoll-header__overlay {
  position: absolute;
  inset: 0;
  background: rgba(14, 13, 12, 0.55);
}

.mcoll-header__content {
  position: relative;
  z-index: 2;
  padding: 80px 0 64px;
}

/* ── No-image state: compact, centered ── */
.mcoll-header--no-image {
  min-height: 0;
  align-items: center;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(201,168,76,0.06) 0%, transparent 60%),
    #1A1A1A;
}

.mcoll-header--no-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(201,168,76,0.5) 30%, rgba(201,168,76,0.8) 50%, rgba(201,168,76,0.5) 70%, transparent 100%);
}

.mcoll-header--no-image .mcoll-header__content {
  padding: 64px 0 56px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ── Eyebrow ── */
.mcoll-header__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 20px;
  opacity: 0.8;
}

/* ── Title ── */
.mcoll-header__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(36px, 5.5vw, 72px);
  font-weight: 600;
  color: #F5E0C0;
  letter-spacing: 0.04em;
  line-height: 1.0;
  margin-bottom: 20px;
}

/* ── Description ── */
.mcoll-header__desc {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  color: rgba(245, 224, 192, 0.55);
  font-weight: 300;
  max-width: 540px;
  letter-spacing: 0.03em;
}

.mcoll-header--no-image .mcoll-header__desc {
  text-align: center;
}

/* ── Decorative bottom rule ── */
.mcoll-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.35), transparent);
}

/* ── Mobile ── */
@m

@media (max-width: 480px) {
  .mcoll-header { min-height: 180px; }
  .mcoll-header__title { font-size: clamp(22px, 7vw, 30px); }
}edia (max-width: 749px) {
  .mcoll-header {
    min-height: 280px;
  }

  .mcoll-header--no-image .mcoll-header__content {
    padding: 48px 0 40px;
  }

  .mcoll-header__title {
    font-size: clamp(28px, 8vw, 40px);
  }

  .mcoll-header__desc {
    font-size: 14px;
  }
}


/* ---- muntaha-collection-card ---- */
/* =====================================================
   Muntaha Collection Card
   ===================================================== */

.mcard {
  display: flex;
  flex-direction: column;
  background: #FAF6EF;
  border: 1px solid rgba(26, 26, 26, 0.06);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mcard:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(26, 26, 26, 0.08);
}

.mcard__img-link { display: block; }

.mcard__media {
  position: relative;
  aspect-ratio: 3 / 4;
  background: #F5EFE6;
  overflow: hidden;
}

.mcard__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease, opacity 0.3s ease;
}

.mcard__img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.mcard:hover .mcard__img--primary { transform: scale(1.04); }
.mcard:hover .mcard__img--hover   { opacity: 1; }

.mcard__img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mcard__img-placeholder svg { width: 55%; height: 55%; opacity: 0.1; }

.mcard__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  font-family: 'Raleway', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 999px;
}
.mcard__badge--sold { background: rgba(26, 26, 26,0.82); color: #F5E0C0; }
.mcard__badge--sale { background: #C9A84C; color: #1F1C1A; }

.mcard__info {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.mcard__info-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.mcard__title {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.02em;
}

.mcard__title-link {
  color: #1A1A1A;
  text-decoration: none;
}
.mcard__title-link:hover { color: #C9A84C; }

.mcard__rating {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  padding-top: 2px;
}
.mcard__stars { display: flex; gap: 1px; }
.mcard__rating-count {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  color: rgba(26, 26, 26,0.45);
  margin-left: 4px;
}

.mcard__pricing {
  display: flex;
  align-items: center;
  gap: 7px;
}
.mcard__price {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1A1A1A;
  letter-spacing: 0.03em;
}
.mcard__price--sale { color: #C9A84C; }
.mcard__price--compare {
  font-size: 12px;
  font-weight: 400;
  color: rgba(26, 26, 26,0.4);
  text-decoration: line-through;
}

.mcard__atc {
  width: 100%;
  height: 42px;
  padding: 0 13px;
  border-radius: 999px;
  background: #1F1C1A;
  color: #FAF6EF;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 1.5px solid #1A1A1A;
  cursor: pointer;
  transition: all 0.25s ease;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mcard__atc:hover:not(:disabled) {
  background: transparent;
  color: #1A1A1A;
}
.mcard__atc:disabled { opacity: 0.6; cursor: default; }

@media (max-width: 768px) {
  .mcard__title { font-size: 14px; }
  .mcard__atc { font-size: 10px; height: 38px; }
}

@media (max-width: 600px) {
  .mcard__price { font-size: 13px; }
  .mcard__info { padding: 10px 12px 12px; gap: 6px; }
}


/* ---- muntaha-collection-grid ---- */
/* =====================================================
   Muntaha Collection Grid — overrides Dawn defaults
   ===================================================== */

/* ── Page background ── */
.template-collection body,
.template-collection .color-scheme-1,
.template-collection .gradient {
  background-color: #FAF6EF !important;
  color: #1A1A1A;
}

/* ── Filter / sort bar — !important needed, component-facets.css loads after ── */
.facets-wrapper,
.facets__summary,
facet-filters-form,
.facets,
.facets-container {
  font-family: 'Raleway', sans-serif !important;
  color: rgba(26, 26, 26,0.6) !important;
}

/* "FILTER:" label */
.facet-filters__label,
.facets__label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(26, 26, 26,0.45) !important;
  font-weight: 600 !important;
}

/* Filter pill buttons: "AVAILABILITY", "PRICE" */
.facets__summary,
.mobile-facets__open,
details.js-filter > summary,
.facets-container details > summary {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(26, 26, 26,0.65) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: none !important;
  background: none !important;
}

.facets__summary:hover,
.facets__summary:focus {
  color: #1A1A1A !important;
}

/* Chevron SVGs inside filter pills */
.facets__summary svg,
details.js-filter > summary svg {
  color: rgba(26, 26, 26,0.4) !important;
}

/* Dropdown filter options */
.facets__display a,
.facets__list a,
.facet-checkbox label,
.facets__list .list-menu__item {
  color: rgba(26, 26, 26,0.7) !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
}

/* "SORT BY:" label */
.facet-filters__sort label,
.facets__sort label,
.collection-filters-form label,
.facets-vertical-sort label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(26, 26, 26,0.45) !important;
  font-weight: 600 !important;
}

/* "Most relevant" select dropdown */
.facet-filters__sort .select__select,
.facets-vertical-sort .select__select,
#SortBy {
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  color: rgba(26, 26, 26,0.75) !important;
  border-color: rgba(26, 26, 26,0.12) !important;
  background: transparent !important;
  letter-spacing: 0.04em !important;
}

/* "7 products" count */
.product-count,
.product-count__text,
.facets__product-count,
.product-count span {
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  color: rgba(26, 26, 26,0.35) !important;
}

.facet-filters__sort select,
.collection-filters-form select {
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  color: #1A1A1A !important;
  border-color: rgba(26, 26, 26,0.15) !important;
  background-color: transparent !important;
  letter-spacing: 0.04em !important;
}

/* Product count */
.product-count__text,
.facets__product-count {
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  color: rgba(26, 26, 26,0.35) !important;
}

/* Active filter tags */
.active-facets__button {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  border-radius: 999px !important;
  background: rgba(201,168,76,0.1) !important;
  border-color: rgba(201,168,76,0.3) !important;
  color: #1A1A1A !important;
}

/* ── Product cards — match mprow__card design ── */
.card-wrapper {
  background: transparent !important;
  margin-bottom: 0 !important;
}

.card,
.card--product {
  border-radius: 16px !important;
  box-shadow: none !important;
  background: #FAF6EF !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Image area */
.card__inner {
  border-radius: 16px 16px 0 0 !important;
  background: #F5EFE6 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

.card__inner img,
.card__media img {
  object-fit: contain !important;
  padding: 24px !important;
  transition: transform 0.4s ease !important;
}

.card-wrapper:hover .card__inner img,
.card-wrapper:hover .card__media img {
  transform: scale(1.04) !important;
}

/* No-image placeholder */
.card__media {
  background: #F5EFE6 !important;
}

/* Placeholder SVGs — faint, visible */
.card__inner svg.placeholder-svg,
.card__media svg,
.card__media .placeholder-svg {
  opacity: 0.1 !important;
  color: #1A1A1A !important;
  fill: #1A1A1A !important;
  width: 55% !important;
  height: 55% !important;
}

/* Info strip below image */
.card__content,
.card-information {
  background: #FAF6EF !important;
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* Underline links hover */
.underline-links-hover a:hover {
  color: #C9A84C !important;
  text-decoration: none !important;
}

/* ── Card title — Jost to match mprow ── */
.card__heading,
.card__heading a,
.card__heading .full-unstyled-link,
.card__information .card__heading {
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.03em !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  margin: 0 !important;
}

.card__heading a:hover,
.card__heading .full-unstyled-link:hover {
  color: #C9A84C !important;
}

/* ── Price ── */
.price,
.price-item,
.price-item--regular {
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.03em !important;
}

.price-item--sale { color: #C9A84C !important; }

.price-item--regular.price-item--last {
  text-decoration: line-through !important;
  color: rgba(26, 26, 26,0.35) !important;
  font-size: 12px !important;
}

/* ── Sold Out / Sale badges ── */
.badge {
  border-radius: 999px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  box-shadow: none !important;
}

.badge--bottom-left,
.card__badge .badge {
  background: rgba(26, 26, 26,0.82) !important;
  color: #F5E0C0 !important;
  border: none !important;
  border-radius: 999px !important;
}

.badge--on-sale {
  background: #C9A84C !important;
  color: #1A1A1A !important;
  border: none !important;
  border-radius: 999px !important;
}

/* ── Quick add / Add to Cart button — pill style matching mprow__atc ── */
.quick-add__submit,
.card .button--secondary,
.card .button--full-width,
.card-wrapper .button {
  border-radius: 999px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  background: #1F1C1A !important;
  color: #FAF6EF !important;
  border: 1.5px solid #1A1A1A !important;
  padding: 13px !important;
  transition: all 0.25s ease !important;
  width: 100% !important;
}

.quick-add__submit:hover,
.card .button--secondary:hover,
.card-wrapper .button:hover {
  background: transparent !important;
  color: #1A1A1A !important;
  border-color: #1A1A1A !important;
}

/* Vendor / caption */
.card-information .caption-with-letter-spacing {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  color: rgba(26, 26, 26,0.35) !important;
}

/* ── Pagination ── */
.pagination__item,
.pagination .page-link {
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  color: rgba(26, 26, 26,0.55) !important;
  border-radius: 999px !important;
  border-color: rgba(26, 26, 26,0.15) !important;
}

.pagination__item--current {
  background: #C9A84C !important;
  color: #1A1A1A !important;
  border-color: #C9A84C !important;
}


/* ---- muntaha-product-row ---- */
.mprow {
  background: #FAF6EF;
  padding: 32px 0;
}

.mprow__header {
  margin-bottom: 16px;
}

.mprow__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 3.5vw, 48px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.01em;
}

/* ---- Body: image left + cards right ---- */
.mprow__body {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 16px;
  align-items: stretch;
  border-radius: 0;
  overflow: visible;
}

/* ---- Lifestyle image ---- */
.mprow__image {
  overflow: hidden;
  border-radius: 16px;
  background: #E8DAC8;
  min-height: 380px;
}

.mprow__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mprow__image-placeholder {
  width: 100%;
  height: 100%;
  min-height: 380px;
  background: linear-gradient(160deg, #EDE3D6 0%, #E0D4C2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mprow__image-placeholder svg {
  width: 50%;
  opacity: 0.12;
}

/* ---- Product cards ---- */
.mprow__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  background: transparent;
  overflow: visible;
}

/* Sharp inside — outer border-radius on .mprow__body handles the 4 corners */
.mprow__card {
  background: #FAF6EF;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
}

/* Badge */
.mprow__badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 600;
  background: #C9A84C;
  color: #1A1A1A;
  padding: 4px 10px;
}

/* Product image */
.mprow__card-image {
  display: block;
  overflow: hidden;
  background: #F5EFE6;
  aspect-ratio: 1 / 1;
  position: relative;
  border-radius: 0;
}

.mprow__card-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 24px;
  display: block;
  transition: transform 0.5s ease, opacity 0.4s ease;
}

/* Primary image — scale on hover when no second image */
.mprow__card:hover .mprow__card-image:not(.mprow__card-image--has-hover) .mprow__card-img {
  transform: scale(1.04);
}

/* Hover swap — two image version */
.mprow__card-img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.mprow__card-image--has-hover:hover .mprow__card-img--primary {
  opacity: 0;
  transform: scale(1.04);
}

.mprow__card-image--has-hover:hover .mprow__card-img--hover {
  opacity: 1;
  transform: scale(1.0);
}

.mprow__card-placeholder {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #F0E8DC;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mprow__card-placeholder svg {
  width: 55%;
  height: 55%;
  opacity: 0.1;
}

/* Info strip */
.mprow__card-info {
  padding: 16px 18px;
  background: #FAF6EF;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.mprow__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.mprow__card-name {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.03em;
  text-decoration: none;
  line-height: 1.4;
}

.mprow__card-name:hover {
  color: #C9A84C;
}

.mprow__card-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.mprow__card-score {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #1A1A1A;
}

.mprow__card-price {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mprow__price-compare {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: rgba(26, 26, 26, 0.35);
  text-decoration: line-through;
}

.mprow__price-current {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #1A1A1A;
}

.mprow__atc {
  width: 100%;
  background: #1F1C1A;
  color: #FAF6EF;
  border: 1.5px solid #1A1A1A;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 13px;
  cursor: pointer;
  transition: all 0.25s ease;
  margin-top: auto;
  border-radius: 0;
}

.mprow__atc:hover {
  background: transparent;
  color: #1A1A1A;
  border-color: #1A1A1A;
}

/* Image on right variant */
.mprow--image-right .mprow__body {
  grid-template-columns: 1fr 400px;
}

.mprow--image-right .mprow__image {
  grid-column: 2;
  grid-row: 1;
  border-radius: 0;
}

.mprow--image-right .mprow__cards {
  grid-column: 1;
  grid-row: 1;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .mprow__body {
    grid-template-columns: 1fr;
  }
  .mprow__image {
    height: 260px;
    border-radius: 14px;
    min-height: unset;
  }
  .mprow__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  /* Reset image-right variant — grid-column/row invalid on 1-col grid */
  .mprow--image-right .mprow__body {
    grid-template-columns: 1fr;
  }
  .mprow--image-right .mprow__image,
  .mprow--image-right .mprow__cards {
    grid-column: auto;
    grid-row: auto;
  }
  .mprow--image-right .mprow__image {
    border-radius: 14px;
  }
}

@media (max-width: 480px) {
  /* Hide lifestyle banner — let product cards lead */
  .mprow__image {
    display: none;
  }
  /* Keep 2 products side by side on small screens */
  .mprow__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .mprow__card-img {
    padding: 10px;
  }
  .mprow__card-info {
    padding: 10px 12px;
    gap: 6px;
  }
  .mprow__card-name {
    font-size: 12px;
  }
  .mprow__price-current {
    font-size: 12px;
  }
  .mprow__atc {
    font-size: 10px;
    padding: 10px 8px;
  }
}


/* ---- muntaha-product-grid ---- */
.muntaha-grid {
  background: #FAF6EF;
  padding: 80px 0;
}

.muntaha-grid__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 48px;
  flex-wrap: wrap;
  gap: 16px;
}

.muntaha-grid__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.1;
  margin: 0;
}

.muntaha-grid__title em {
  font-style: italic;
  color: #C9A84C;
}

.muntaha-grid__filters {
  display: flex;
  align-items: center;
  gap: 12px;
}

.muntaha-grid__filter {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.4);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: color 0.25s ease;
  font-weight: 400;
}

.muntaha-grid__filter--active,
.muntaha-grid__filter:hover {
  color: #1A1A1A;
}

.muntaha-grid__filter-sep {
  color: rgba(26, 26, 26, 0.2);
  font-size: 13px;
}

.muntaha-grid__products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

/* Card (used by homepage / featured-products sections) */
.muntaha-card {
  background: #FAF6EF;
  position: relative;
  border: 1px solid rgba(26, 26, 26, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.muntaha-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(26, 26, 26, 0.08);
  border-color: rgba(26, 26, 26, 0.12);
}

.muntaha-card__image-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  background: #F0E8DC;
}

.muntaha-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease, opacity 0.4s ease;
  display: block;
}

.muntaha-card__img--secondary {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.muntaha-card:hover .muntaha-card__img--primary {
  opacity: 0;
}

.muntaha-card:hover .muntaha-card__img--secondary {
  opacity: 1;
}

.muntaha-card:hover .muntaha-card__img--primary,
.muntaha-card:hover .muntaha-card__img--secondary {
  transform: scale(1.04);
}

.muntaha-card__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FAF6EF;
}

.muntaha-card__placeholder-svg {
  width: 60%;
  height: 60%;
  opacity: 0.15;
}

.muntaha-card__notes {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #C9A84C;
  padding: 8px 16px;
  border-top: 1px solid rgba(201, 168, 76, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.muntaha-card:hover .muntaha-card__notes {
  opacity: 1;
}

.muntaha-card__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(201, 168, 76, 0.1);
}

.muntaha-card__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.muntaha-card__name {
  font-family: "Playfair Display", serif;
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: color 0.25s ease;
}

.muntaha-card__name:hover {
  color: #C9A84C;
}

.muntaha-card__price {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: #1A1A1A;
  letter-spacing: 0.06em;
  font-weight: 500;
}

.muntaha-card__add {
  width: 100%;
  height: 42px;
  padding: 0 13px;
  border-radius: 999px;
  background: #1F1C1A;
  color: #FAF6EF;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 1.5px solid #1A1A1A;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

.muntaha-card__add:hover {
  background: transparent;
  color: #1A1A1A;
}

@media (max-width: 1024px) {
  .muntaha-grid__products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .muntaha-grid {
    padding: 60px 0;
  }
  .muntaha-grid__products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .muntaha-grid__header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 32px;
  }
  .muntaha-card__name { font-size: 14px; }
  .muntaha-card__add { height: 38px; font-size: 10px; }
}

@media (max-width: 600px) {
  .muntaha-grid__products {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .muntaha-card__info {
    padding: 10px 12px 12px;
    gap: 8px;
  }
  .muntaha-card__name {
    font-size: 14px;
  }
  .muntaha-card__price {
    font-size: 13px;
  }
  .muntaha-card__add {
    height: 38px;
    font-size: 10px;
  }
}

/* Pagination / View All — mobile */
@media (max-width: 600px) {
  .muntaha-grid__pagination,
  .muntaha-grid__view-all {
    width: 100%;
    text-align: center;
  }
  .muntaha-grid__pagination a,
  .muntaha-grid__view-all a,
  .muntaha-grid__pagination button,
  .muntaha-grid__view-all button {
    display: block;
    width: 100%;
    padding: 14px;
    border: 1px solid rgba(201, 168, 76, 0.5);
    background: transparent;
    color: #1A1A1A;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.25s ease;
    text-decoration: none;
  }
  .muntaha-grid__pagination a:hover,
  .muntaha-grid__view-all a:hover,
  .muntaha-grid__pagination button:hover,
  .muntaha-grid__view-all button:hover {
    color: #C9A84C;
    border-color: #C9A84C;
  }
}


/* ---- muntaha-product ---- */
/* =====================================================
   Muntaha Product Page — light cream theme
   ===================================================== */

/* ── Dawn CSS variable override — warm brown replaces cool black ── */
.template-product,
.template-product .color-scheme-1 {
  --color-foreground: 28, 10, 3;
  --color-base-text: 28, 10, 3;
  --color-background: 250, 246, 239;
  --color-base-background-1: 250, 246, 239;
  --color-base-background-2: 240, 232, 220;
  /* Selected swatch pill → gold */
  --color-button: 201, 168, 76;
  --color-button-text: 26, 14, 6;
}

/* ── Page background ── */
.template-product body,
.template-product .color-scheme-1,
.template-product .gradient {
  background-color: #FAF6EF !important;
  color: #1A1A1A;
}

.template-product .section-main-product,
.template-product product-info,
.template-product product-info.gradient {
  background: #FAF6EF;
}

.template-product .product,
.template-product #MainContent {
  background: #FAF6EF;
}

/* ── Breadcrumb ── */
.template-product nav[aria-label="breadcrumbs"],
.template-product .mp-breadcrumb {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.4);
}
.template-product .mp-breadcrumb__link,
.template-product nav[aria-label="breadcrumbs"] a {
  color: rgba(26, 26, 26, 0.45);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.template-product .mp-breadcrumb__current {
  color: rgba(26, 26, 26, 0.6);
  text-decoration: none;
}

.template-product nav[aria-label="breadcrumbs"] a {
  color: rgba(26, 26, 26, 0.4);
  text-decoration: none;
}

.template-product nav[aria-label="breadcrumbs"] a:hover { color: #C9A84C; }

/* ── Media gallery — main image + thumbnail strip ── */
.template-product .product__media-wrapper {
  background: transparent;
  border: none;
}

.template-product .product__media-list {
  gap: 8px;
}

/* Main image */
.template-product .product__media-item {
  background: #F0E8DC;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}

.template-product .product-media-container {
  background: #F0E8DC;
  border-radius: 4px;
  overflow: hidden;
}

.template-product .product__media-item img {
  border-radius: 4px;
  object-fit: contain;
}

.template-product .product__modal-opener--image { border: none; }

/* ── Thumbnail strip ── */
.template-product .thumbnail-list {
  display: grid !important;
  /* auto-fit keeps every thumbnail on one row whatever the image count:
     5 for the fragrances, 3 for the Discovery Set, no orphan second row */
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) !important;
  gap: 8px !important;
  padding: 12px 0 4px;
  overflow: visible !important;
}

/* Narrow screens: the strip is about 350px, so the 80px floor above only fits
   four and pushes the fifth onto its own row. Drop the floor so all five sit
   on one line. */
@media (max-width: 749px) {
  .template-product .thumbnail-list {
    grid-template-columns: repeat(auto-fit, minmax(52px, 1fr)) !important;
    gap: 6px !important;
  }
}

/* Dawn leaves the thumbnail arrows rendered but disabled when there is nothing
   to scroll. They read as dead controls, so hide them until they do something. */
.template-product .thumbnail-slider .slider-button[disabled] {
  display: none !important;
}

/* Kill Dawn's ::before aspect-ratio hack — we use aspect-ratio on the button instead */
.template-product .thumbnail-list__item {
  position: relative;
  width: auto !important;
  max-width: none !important;
}

/* Restore Dawn's ::before spacer — provides square height via padding-bottom: 100% */
.template-product .thumbnail-list__item::before {
  content: '' !important;
  display: block !important;
  padding-bottom: 100% !important;
}

/* Button is absolutely positioned inside the spacer — style it visually */
.template-product .thumbnail-list__item .thumbnail,
.template-product .thumbnail-list__item button.thumbnail {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 2px solid rgba(201, 168, 76, 0.2) !important;
  background: #F0E8DC !important;
  padding: 0 !important;
}

.template-product .thumbnail-list__item button.is-active,
.template-product .thumbnail-list__item button:hover {
  border-color: #C9A84C !important;
}

.template-product .thumbnail-list__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: 12px;
}

/* Thumbnail slider arrows */
.template-product .slider-button {
  background: rgba(250, 246, 239, 0.95) !important;
  border: 1.5px solid rgba(26, 26, 26, 0.18) !important;
  border-radius: 50% !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  color: #1A1A1A !important;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.template-product .slider-button:hover {
  background: #1F1C1A !important;
  color: #FAF6EF !important;
}

.template-product .slider-button svg { color: inherit !important; }

/* ── Info panel ── */
.template-product .product__info-wrapper {
  background: #FAF6EF;
}

/* ── Info container — let Dawn's default block layout handle stacking ── */
.template-product .product__info-container {
  display: block !important;
}

.template-product .product__info-container > * {
  margin-bottom: 0 !important;
}

.template-product .product__info-container > .product__title {
  margin-bottom: 2px !important;
}

.template-product .product__info-container > .price {
  margin-bottom: 6px !important;
}

.template-product .product__info-container .product-form {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}

/* ── Vendor / eyebrow ── */
.template-product .product__text.caption-with-letter-spacing {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.2em;
  color: #C9A84C;
  font-weight: 400;
  margin-bottom: 8px;
}

/* ── Product title ── */
.template-product .product__title h1,
.template-product .product__title .h1 {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.03em !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
}

.template-product .product__title a { text-decoration: none; }

/* ── Product title — direct selector for font/color inheritance ── */
.template-product .product__title {
  font-family: "Playfair Display", serif;
  color: #1A1A1A;
}

/* ── Subtitle ── */
.template-product .product__text.subtitle {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  color: rgba(26, 26, 26, 0.5);
  letter-spacing: 0.06em;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 12px;
}

/* ── Price ── */
.template-product .price { color: #1A1A1A; }

.template-product .price__regular .price-item--regular,
.template-product .price--large .price-item {
  font-family: 'Raleway', sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #C9A84C !important;
  letter-spacing: 0.06em !important;
}

.template-product .price__sale .price-item--sale { color: #C9A84C !important; }
.template-product .price__sale .price-item--regular { color: rgba(26, 26, 26, 0.3) !important; text-decoration: line-through; }

.template-product .price__badges .badge {
  background: #C9A84C;
  color: #FAF6EF;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.12em;
  font-weight: 600;
  border-radius: 999px;
  padding: 4px 10px;
}

.template-product .price__badges .badge--on-sale {
  background: #C9A84C;
  color: #FAF6EF;
}

.template-product .product__tax {
  display: none !important;
}


/* ── Inspired By + Short Description ── */
.template-product .mp-inspired-by {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: rgba(26, 26, 26, 0.5);
  margin: 0 0 6px;
}

.template-product .mp-inspired-by__label {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.12em;
  font-weight: 600;
  color: rgba(26, 26, 26, 0.35);
  margin-right: 2px;
}

.template-product .mp-inspired-by__value {
  font-style: italic;
  color: rgba(26, 26, 26, 0.55);
}

.template-product .mp-short-desc {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
  color: rgba(26, 26, 26, 0.65);
  margin: 6px 0 10px;
  letter-spacing: 0.02em;
}

/* ── Variant picker ── */
.template-product .product-form__input label,
.template-product .product-form__input .form__label {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.55);
  font-weight: 500;
}

/* ── Variant pills — Dawn renders size options as pill fieldset with plain radio+label ── */
/* Unselected */
.template-product .product-form__input--pill input[type='radio'] + label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1.5px solid rgba(26, 26, 26, 0.2) !important;
  box-shadow: none !important;
  color: rgba(26, 26, 26, 0.78) !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  cursor: pointer;
  transition: all 0.2s ease;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Selected state */
.template-product .product-form__input--pill input[type='radio']:checked + label {
  background: rgba(201, 168, 76, 0.08) !important;
  background-color: rgba(201, 168, 76, 0.08) !important;
  background-image: none !important;
  border-color: #C9A84C !important;
  color: #1A1A1A !important;
}

/* Hover state */
.template-product .product-form__input--pill input[type='radio']:not(:checked) + label:hover {
  border-color: #C9A84C !important;
  color: #C9A84C !important;
}

/* Hide "DEFAULT-TITLE" when there's only one variant */
.template-product .product-form__input:only-child .product-form__input--pill input[type='radio'] + label,
.template-product .product-form__input.product-form__input--dropdown:has(option:only-child) {
  display: none;
}

/* ── Quantity selector ── */
/* Quantity pill — kill Dawn's ::after box-shadow border, apply our own */
.template-product .quantity {
  border: 1px solid rgba(26, 26, 26, 0.25) !important;
  border-radius: 999px !important;
  background: transparent;
  color: #1A1A1A;
  overflow: hidden;
}

.template-product .quantity::after,
.template-product .quantity::before {
  box-shadow: none !important;
  border: none !important;
}

.template-product .quantity__button {
  color: rgba(26, 26, 26, 0.45);
  background: transparent;
}

.template-product .quantity__button:hover { color: #C9A84C; }

.template-product .quantity__input {
  font-family: 'Raleway', sans-serif;
  color: #1A1A1A;
  background: transparent;
  letter-spacing: 0.06em;
}

/* ── Hide QUANTITY label — keep stepper clean ── */
.template-product .product-form__input.product-form__quantity .form__label {
  display: none !important;
}

/* ── Quantity selector — stacked layout ── */
.template-product .product-form__input.product-form__quantity {
  display: block !important;
  float: none !important;
  margin-bottom: 16px !important;
}

.template-product product-form {
  display: block !important;
  overflow: visible !important;
}

.template-product .product-form {
  background: transparent;
}

/* ── Add to cart button — gold, rounded ── */

/* Kill Dawn's ::after and ::before pseudo-element box-shadow border on ATC button */
.template-product .product-form__cart-submit::after,
.template-product .product-form__cart-submit::before,
.template-product .product-form__submit::after,
.template-product .product-form__submit::before {
  box-shadow: none !important;
  border: none !important;
}

.template-product .product-form__cart-submit,
.template-product .product-form__submit,
.template-product .product-form__submit.button--secondary,
.template-product .product-form__submit.button--primary {
  background: #C9A84C !important;
  color: #1A1A1A !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  height: 56px !important;
  transition: background 0.25s ease !important;
}

.template-product .product-form__cart-submit:hover:not(:disabled),
.template-product .product-form__submit:hover:not(:disabled) {
  background: #b8963e !important;
  color: #1A1A1A !important;
  border: none !important;
  box-shadow: none !important;
}

.template-product .product-form__cart-submit:disabled,
.template-product .product-form__submit:disabled {
  background: rgba(201, 168, 76, 0.28) !important;
  color: rgba(26, 26, 26, 0.4) !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Dynamic checkout (Buy It Now) — sharp ── */
.template-product .shopify-payment-button__button--unbranded {
  background: #1F1C1A !important;
  border: none !important;
  box-shadow: none !important;
  color: #F5E0C0 !important;
  border-radius: 4px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.2em !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  min-height: 52px !important;
  transition: all 0.25s ease !important;
}

.template-product .shopify-payment-button__button--unbranded:hover {
  background: rgba(26, 26, 26, 0.85) !important;
}

/* ── Product description ── */
.template-product .product__description {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  color: rgba(26, 26, 26, 0.65);
  font-weight: 400;
  letter-spacing: 0.03em;
  border-top: 1px solid rgba(201, 168, 76, 0.15);
  padding-top: 24px;
  margin-top: 24px;
}

.template-product .product__description p { margin-bottom: 12px; }

/* ── Collapsible accordions ── */
.template-product .product__accordion {
  clear: both;
  border-top: 1px solid rgba(26, 26, 26, 0.12);
  border-bottom: 1px solid rgba(26, 26, 26, 0.12);
  margin: 0 0 -1px;
}

.template-product .product__accordion details { border: none; }

/* Summary row = flex container */
.template-product .product__accordion details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  cursor: pointer;
  list-style: none;
}

.template-product .product__accordion details > summary::-webkit-details-marker { display: none; }

/* Hide Dawn's icon */
.template-product .product__accordion .svg-wrapper,
.template-product .product__accordion .icon-caret { display: none !important; }

/* Title text — takes up all space on left */
.template-product .accordion__title,
.template-product .summary__title {
  flex: 1;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A1A1A;
  font-weight: 700;
  margin: 0;
  line-height: 1;
}

/* +/− on right via summary::after */
.template-product .product__accordion details > summary::after {
  content: '+';
  font-size: 20px;
  font-weight: 300;
  color: #1A1A1A;
  line-height: 1;
  flex-shrink: 0;
  margin-left: 12px;
  transition: color 0.2s ease;
  font-family: 'Raleway', sans-serif;
}

.template-product .product__accordion details > summary:hover::after,
.template-product .product__accordion details > summary:hover .accordion__title { color: #C9A84C; }

.template-product .product__accordion details[open] > summary::after { content: '−'; }

.template-product .accordion__content {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(26, 26, 26, 0.68);
  padding-bottom: 14px;
  padding-top: 0;
  font-weight: 400;
  letter-spacing: 0.03em;
}

.template-product .accordion__content p { margin-bottom: 10px; }
.template-product .accordion__content strong { color: #1A1A1A; font-weight: 600; }

/* Also hide the .h4 heading wrapper Dawn adds — we keep only the text */
.template-product .summary__title .h4.accordion__title { margin: 0; }

/* ── Share button ── */
.template-product .share-button { color: rgba(26, 26, 26, 0.3); }
.template-product .share-button:hover { color: #C9A84C; }

/* ── Product form ── */
.template-product .product-form { background: transparent; }

/* ── Sticky column ── */
.template-product .product__column-sticky { position: sticky; top: 80px; }

/* ── No-image placeholder — branded empty state ── */
.template-product .product__media-item--placeholder,
.template-product .product__media-item:has(.placeholder-svg),
.template-product .product-media-modal .placeholder-svg-tag {
  background: #F0E8DC !important;
  min-height: 480px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative;
}

.template-product .product__media-item--placeholder .placeholder-svg,
.template-product .product__media-item .placeholder-svg {
  width: 42% !important;
  height: 42% !important;
  opacity: 0.18 !important;
  color: #1A1A1A !important;
  fill: none !important;
  stroke: #1A1A1A !important;
}

.template-product .product__media-item--placeholder::after {
  content: 'MUNTAHA';
  font-family: "Playfair Display", serif;
  font-size: 13px;
  letter-spacing: 0.5em;
  color: rgba(26, 26, 26, 0.2);
  font-weight: 600;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

/* Thumbnail placeholder */
.template-product .thumbnail-list__item--placeholder {
  background: #F0E8DC !important;
}

/* ── Explicit text color fixes — prevent Dawn defaults bleeding through ── */
.template-product .product__info-container,
.template-product .product__info-container p,
.template-product .product__info-container span,
.template-product .product__info-container li {
  color: #1A1A1A;
}

.template-product .product-form__input label,
.template-product .product-form__input .form__label {
  color: rgba(26, 26, 26, 0.6) !important;
}

.template-product .quantity__input,
.template-product .quantity__button {
  color: #1A1A1A !important;
}

.template-product .product__tax,
.template-product .unit-price {
  color: rgba(26, 26, 26, 0.4) !important;
}

/* ── Site-wide rounded corners for ALL Dawn buttons ── */
.template-product .button,
.template-product button.button,
.template-product a.button,
.template-product .btn,
.template-product [type="submit"],
.template-product .shopify-payment-button__button,
.template-product .cart__checkout-button,
.template-product .link {
  border-radius: 999px !important;
}

/* Gallery prev/next arrows — make them visible */
/* Gallery prev/next nav arrows only — NOT media-icon (video/3D badge) or media-toggle */
.template-product .slider-button {
  background: rgba(250, 246, 239, 0.9) !important;
  border: 1px solid rgba(26, 26, 26, 0.15) !important;
  border-radius: 999px !important;
  color: #1A1A1A !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
}

.template-product .slider-button:hover {
  background: #1F1C1A !important;
  color: #FAF6EF !important;
}

/* ── Mobile 749px ── */
@media (max-width: 749px) {
  .template-product .product__title h1,
  .template-product .product__title .h1 {
    font-size: 1.9rem !important;
  }

  .template-product .product__media-item--placeholder {
    min-height: 320px;
  }
}

/* ── Mobile 767px ── */
@media (max-width: 767px) {
  .template-product .product__title {
    font-size: clamp(24px, 7vw, 34px);
  }

  .template-product .product-form__cart-submit,
  .template-product .product-form__submit {
    width: 100%;
    height: 54px !important;
  }

  .template-product .product__media-list {
    gap: 6px;
  }
}

/* ── Fragrance notes — mp-scent chips rendered from metafields in collapsible_tab blocks ── */
.mp-scent {
  padding: 4px 0 8px;
}

.mp-scent__heading {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.55);
  margin: 0 0 8px;
}

.mp-scent__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}

.mp-scent__chip {
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #C9A84C;
  background: rgba(201, 168, 76, 0.08);
  border: 1px solid rgba(201, 168, 76, 0.3);
  border-radius: 20px;
  padding: 3px 10px;
  white-space: nowrap;
}

.mp-scent__toggle {
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: rgba(26, 26, 26, 0.5);
  text-decoration: underline;
  text-underline-offset: 2px;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  cursor: pointer;
  margin-top: 4px;
  min-height: unset !important;
  min-width: unset !important;
  border-radius: 0 !important;
}

.mp-scent__toggle:hover {
  color: #C9A84C;
  background: none !important;
}

.mp-scent__full[hidden] {
  display: none !important;
}

.mp-scent__divider {
  height: 1px;
  background: rgba(201, 168, 76, 0.2);
  margin: 12px 0;
}

.mp-scent__group {
  margin-bottom: 10px;
}

.mp-scent__group-label {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.45);
  margin: 0 0 6px;
}

/* ── Remove Dawn border from product-form buttons container ── */
.template-product .product-form__buttons,
.template-product .product-form__buttons--no-variants {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
}

/* ── Mobile product image modal — reel size ── */
@media screen and (max-width: 749px) {
  .template-product .product-media-modal[open] {
    background: rgba(0, 0, 0, 0.80) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .template-product .product-media-modal__dialog {
    width: 82vw !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 78vh !important;
    aspect-ratio: 9 / 16 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #1F1C1A !important;
    position: relative !important;
    flex-shrink: 0 !important;
  }

  .template-product .product-media-modal__content {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .template-product .product-media-modal__content .media img,
  .template-product .product-media-modal__content img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .template-product .product-media-modal__toggle {
    position: absolute !important;
    top: 0.8rem !important;
    right: 0.8rem !important;
    background: rgba(201, 168, 76, 0.18) !important;
    border: 1px solid rgba(201, 168, 76, 0.35) !important;
    color: #C9A84C !important;
    border-radius: 50% !important;
    width: 3.2rem !important;
    height: 3.2rem !important;
    padding: 0.6rem !important;
    z-index: 10 !important;
  }
}


/* ---- muntaha-product-blocks ---- */
/* =====================================================
   Muntaha Product Page — Custom block CSS
   category_badge · trust_badges · note_chips · delivery_panel
   ===================================================== */

/* ---- Category badge ---- */
.mp-cat-badge {
  margin-bottom: 4px;
}

.mp-cat-badge__chip {
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  color: #FAF6EF;
  background: #C9A84C;
  padding: 4px 12px;
  line-height: 1.6;
}

/* ---- Trust badges strip — horizontal inline (reference style) ---- */
.mp-trust {
  display: flex;
  align-items: center;
  gap: 0;
  border-top: 1px solid rgba(26, 26, 26, 0.1);
  border-bottom: 1px solid rgba(26, 26, 26, 0.1);
  padding: 10px 0;
  margin: 4px 0;
}

.mp-trust__item {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 8px;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.78);
  font-weight: 600;
  white-space: nowrap;
  line-height: 1;
}

.mp-trust__item:not(:last-child) {
  border-right: 1px solid rgba(26, 26, 26, 0.12);
}

.mp-trust__item svg {
  color: #C9A84C;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

/* ---- Note chips — dark card style ---- */
.mp-notechips {
  background: #1F1C1A;
  border-radius: 16px;
  padding: 18px 20px 14px;
  border: none;
  margin: 6px 0;
}

.mp-notechips__headline {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #FAF6EF;
  margin: 0 0 12px;
}

.mp-notechips__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.mp-notechips__chip {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.03em;
  color: rgba(250, 246, 239, 0.85);
  border: 1.5px solid rgba(250, 246, 239, 0.3);
  padding: 6px 15px;
  font-weight: 500;
  border-radius: 999px;
  transition: all 0.2s ease;
  cursor: default;
  background: transparent;
}

.mp-notechips__chip:hover {
  border-color: #C9A84C;
  color: #C9A84C;
}

/* Expand/collapse */
.mp-notechips__full {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
}

.mp-notechips__full[aria-hidden="false"] { max-height: 500px; }

.mp-notechips__divider {
  border-top: 1.5px dashed rgba(250, 246, 239, 0.18);
  margin: 14px 0 12px;
}

.mp-notechips__tier { margin-bottom: 12px; }

.mp-notechips__tier-label {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #FAF6EF;
  margin: 0 0 8px;
}

.mp-notechips__toggle {
  background: none;
  border: none;
  padding: 10px 0 2px;
  cursor: pointer;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #C9A84C;
  display: block;
}

.mp-notechips__toggle:hover { text-decoration: underline; }
.mp-notechips__toggle-hide { display: none; }
.mp-notechips__toggle[aria-expanded="true"] .mp-notechips__toggle-see { display: none; }
.mp-notechips__toggle[aria-expanded="true"] .mp-notechips__toggle-hide { display: inline; }

/* ---- Delivery panel ---- */
.mp-delivery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 10px 0 4px;
}

.mp-delivery__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 16px 16px 14px;
  background: #FAF6EF;
  border: 1px solid rgba(201, 168, 76, 0.22);
  border-left: 3px solid #C9A84C;
  border-radius: 10px;
  transition: border-color 0.25s ease;
}

.mp-delivery__item:hover {
  border-color: rgba(201, 168, 76, 0.45);
  border-left-color: #C9A84C;
}

.mp-delivery__item svg {
  color: #C9A84C;
  flex-shrink: 0;
  margin-top: 2px;
  width: 18px;
  height: 18px;
}

.mp-delivery__item > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.mp-delivery__item-label {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 700;
  display: block;
}

.mp-delivery__item-value {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: rgba(26, 26, 26, 0.85);
  letter-spacing: 0.02em;
  font-weight: 400;
  display: block;
  line-height: 1.4;
}

/* ---- Payment methods row ---- */
.mp-payment-methods {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 2px;
  border-top: 1px solid rgba(26, 26, 26, 0.08);
  margin-top: 8px;
  flex-wrap: wrap;
}

.mp-payment-methods__label {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.45);
  font-weight: 500;
  white-space: nowrap;
}

.mp-payment-methods__icons {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.mp-pm-icon {
  border-radius: 3px;
  display: block;
}

/* ---- Promo banner block ---- */
.mp-promo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 8px;
  overflow: hidden;
  margin: 2px 0 4px;
  position: relative;
}

.mp-promo__text {
  flex: 1;
  z-index: 1;
}

.mp-promo__headline {
  font-family: "Playfair Display", serif;
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 700;
  color: #FAF6EF;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin: 0 0 6px;
}

.mp-promo__sub {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(250, 246, 239, 0.75);
  letter-spacing: 0.04em;
  margin: 0;
}

.mp-promo__image {
  flex-shrink: 0;
  width: 120px;
  height: 100px;
  overflow: hidden;
  border-radius: 4px;
}

.mp-promo__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mp-promo--empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: rgba(201, 168, 76, 0.06) !important;
  border: 1.5px dashed rgba(201, 168, 76, 0.35);
  min-height: 80px;
  padding: 24px;
}

.mp-promo__empty-label {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(201, 168, 76, 0.55);
  text-align: center;
}

.mp-promo__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(201, 168, 76, 0.08);
  border: 1px dashed rgba(201, 168, 76, 0.35);
  border-radius: 4px;
  padding: 8px 4px;
}

.mp-promo__placeholder-label {
  font-family: 'Raleway', sans-serif;
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(201, 168, 76, 0.5);
  text-align: center;
  line-height: 1.3;
}

@media (max-width: 480px) {
  .mp-trust {
    flex-wrap: wrap;
    gap: 0;
  }
  .mp-trust__item {
    white-space: normal;
    text-align: center;
    font-size: 10px;
    padding: 6px 4px;
  }
  .mp-promo__image { display: none; }
  .mp-delivery { grid-template-columns: 1fr; }
}


/* ---- muntaha-product-notes ---- */
.mpnotes {
  background: #F0E8DC;
  padding: 100px 0;
  border-top: 1px solid rgba(201, 168, 76, 0.1);
}

.mpnotes__header {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 72px;
}

.mpnotes__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3.5vw, 44px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.02em;
  margin-bottom: 14px;
}

.mpnotes__subtext {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.70);
  font-weight: 400;
  letter-spacing: 0.04em;
}

.mpnotes__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

/* ---- Pyramid ---- */
.mpnotes__pyramid {
  background: #FAF6EF;
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid rgba(201, 168, 76, 0.07);
  border-radius: 16px;
}

.mpnotes__tier {
  padding: 20px 0;
  border-bottom: 1px solid rgba(201, 168, 76, 0.12);
}

.mpnotes__tier:last-child {
  border-bottom: none;
}

.mpnotes__tier-label {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.mpnotes__tier-notes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mpnotes__note-tag {
  font-family: "Playfair Display", serif;
  font-size: 16px;
  color: #1A1A1A;
  font-weight: 400;
  letter-spacing: 0.04em;
  font-style: italic;
}

.mpnotes__note-tag:not(:last-child)::after {
  content: ' ·';
  color: rgba(201, 168, 76, 0.5);
  font-style: normal;
}

/* ---- Profile bars ---- */
.mpnotes__profile {
  background: #FAF6EF;
  padding: 48px 40px;
  border: 1px solid rgba(201, 168, 76, 0.07);
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: 16px;
}

.mpnotes__profile-heading {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 500;
  margin-bottom: 24px;
}

.mpnotes__bar-row {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: 80px 1fr 70px;
  gap: 12px;
  align-items: center;
}

.mpnotes__bar-label {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.55);
  letter-spacing: 0.06em;
  font-weight: 300;
}

.mpnotes__bar-track {
  height: 2px;
  background: rgba(201, 168, 76, 0.12);
  position: relative;
  overflow: hidden;
}

.mpnotes__bar-fill {
  height: 100%;
  background: #C9A84C;
  transition: width 1s ease;
}

.mpnotes__bar-value {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: rgba(26, 26, 26, 0.4);
  letter-spacing: 0.06em;
  text-align: right;
}

.mpnotes__badges {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid rgba(201, 168, 76, 0.12);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.mpnotes__badge {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mpnotes__badge-icon {
  color: #C9A84C;
  flex-shrink: 0;
}

.mpnotes__badge-label {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: rgba(26, 26, 26, 0.4);
  letter-spacing: 0.08em;
  font-weight: 300;
  flex: 1;
}

.mpnotes__badge-value {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: #1A1A1A;
  letter-spacing: 0.06em;
  font-weight: 400;
}

/* ---- Application tips ---- */
.mpnotes__application {
  background: #FAF6EF;
  padding: 48px 40px;
  border: 1px solid rgba(201, 168, 76, 0.07);
  border-radius: 16px;
}

.mpnotes__application-heading {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 500;
  margin-bottom: 28px;
}

.mpnotes__tips {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mpnotes__tip {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.mpnotes__tip-num {
  font-family: "Playfair Display", serif;
  font-size: 1.4rem;
  color: rgba(201, 168, 76, 0.25);
  font-weight: 400;
  line-height: 1;
  flex-shrink: 0;
  min-width: 28px;
  margin-top: 2px;
}

.mpnotes__tip-text {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(26, 26, 26, 0.5);
  font-weight: 300;
  letter-spacing: 0.03em;
}

@media (max-width: 1024px) {
  .mpnotes__body {
    grid-template-columns: 1fr 1fr;
  }
  .mpnotes__application {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  .mpnotes {
    padding: 72px 0;
  }
  .mpnotes__body {
    grid-template-columns: 1fr;
  }
  .mpnotes__application {
    grid-column: auto;
  }
}

@media (max-width: 600px) {
  .mpnotes {
    padding: 32px 0 !important;
  }
  .mpnotes__header {
    margin-bottom: 32px;
  }
  .mpnotes__title {
    font-size: clamp(22px, 6vw, 32px);
  }
  .mpnotes__body {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  .mpnotes__pyramid,
  .mpnotes__profile,
  .mpnotes__application {
    padding: 16px;
  }
  .mpnotes__tier {
    padding: 12px 0;
  }
  .mpnotes__tier-label {
    font-size: 10px;
    letter-spacing: 0.2em;
  }
  .mpnotes__note-tag {
    font-size: 13px;
  }
}


/* ---- muntaha-related-products ---- */
.muntaha-related {
  background: #FAF6EF;
  padding: 80px 0 100px;
  border-top: 1px solid rgba(201, 168, 76, 0.1);
}

.muntaha-related__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36px;
}

.muntaha-related__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(24px, 3vw, 40px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.02em;
  margin: 0;
}

/* Arrow nav */
.muntaha-related__nav {
  display: flex;
  gap: 8px;
}

.muntaha-related__nav-btn {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(26, 26, 26, 0.2);
  background: transparent;
  color: #1A1A1A;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

.muntaha-related__nav-btn:hover {
  background: #1F1C1A;
  color: #FAF6EF;
  border-color: #1A1A1A;
}

/* Scrollable track */
.muntaha-related__track-wrap {
  overflow: hidden;
}

.muntaha-related__products {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 4px;
}

.muntaha-related__products::-webkit-scrollbar { display: none; }

/* Related-specific card overrides */
.muntaha-card--related {
  flex: 0 0 calc(25% - 12px);
  min-width: 220px;
  scroll-snap-align: start;
}

/* Full-width ATC button inside related card */
.muntaha-card__info--related {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px 0;
  border-top: 1px solid rgba(201, 168, 76, 0.1);
}

.muntaha-card__price-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.muntaha-card__price-compare {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.35);
  text-decoration: line-through;
  letter-spacing: 0.04em;
}

.muntaha-card__add--full {
  width: 100%;
  background: #1F1C1A;
  color: #FAF6EF;
  border: 1px solid #1A1A1A;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 13px 0;
  cursor: pointer;
  transition: all 0.25s ease;
  display: block;
  text-align: center;
  border-radius: 0;
  margin-top: 4px;
}

.muntaha-card__add--full:hover {
  background: #C9A84C;
  color: #1A1A1A;
  border-color: #C9A84C;
}

@media (max-width: 1024px) {
  .muntaha-card--related {
    flex: 0 0 calc(33.333% - 12px);
  }
}

@media (max-width: 768px) {
  .muntaha-related {
    padding: 60px 0 80px;
  }
  .muntaha-card--related {
    flex: 0 0 calc(50% - 8px);
  }
}

@media (max-width: 600px) {
  .muntaha-related {
    padding: 32px 0;
  }
  .muntaha-related__title {
    font-size: clamp(20px, 6vw, 28px);
  }
  .muntaha-related__products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    overflow-x: hidden;
    scroll-snap-type: none;
  }
  .muntaha-card--related {
    flex: none;
    min-width: unset;
    width: 100%;
    scroll-snap-align: none;
  }
  .muntaha-related__nav {
    display: none;
  }
}


/* ---- muntaha-faq ---- */
.mfaq {
  background: #FAF6EF;
  padding: 100px 0;
}

/* ── Two-column layout ── */
.mfaq__inner {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 80px;
  align-items: start;
}

/* ── Left: sticky header ── */
.mfaq__header {
  position: sticky;
  top: 100px;
}

.mfaq__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
}

.mfaq__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(32px, 3.5vw, 52px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.01em;
  line-height: 1.1;
  margin-bottom: 20px;
}

.mfaq__subtext {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.85;
  color: rgba(26, 26, 26, 0.55);
  font-weight: 300;
  letter-spacing: 0.03em;
  margin-bottom: 36px;
}

/* gold rule under header */
.mfaq__header::after {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: #C9A84C;
  margin-top: 8px;
}

/* ── Right column ── */
.mfaq__right {
  width: 100%;
}

.mfaq__body {
  width: 100%;
}

.mfaq__group { margin-bottom: 0; }

.mfaq__group-title {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(201,168,76,0.2);
}

.mfaq__item {
  border-bottom: 1px solid rgba(26, 26, 26, 0.08);
}


.mfaq__question {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.03em;
  line-height: 1.4;
  user-select: none;
  transition: color 0.2s ease;
}

.mfaq__question::-webkit-details-marker { display: none; }

details[open] .mfaq__question {
  color: #1A1A1A;
  font-weight: 500;
}

/* toggle icon */
.mfaq__toggle {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(201, 168, 76, 0.3);
  transition: background 0.25s ease, border-color 0.25s ease;
}

.mfaq__toggle::before,
.mfaq__toggle::after {
  content: '';
  position: absolute;
  background: #C9A84C;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.mfaq__toggle::before { width: 10px; height: 1px; }
.mfaq__toggle::after  { width: 1px;  height: 10px; }

details[open] .mfaq__toggle {
  background: #C9A84C;
  border-color: #C9A84C;
}

details[open] .mfaq__toggle::before,
details[open] .mfaq__toggle::after {
  background: #1F1C1A;
}

details[open] .mfaq__toggle::after {
  opacity: 0;
  transform: rotate(90deg);
}

.mfaq__answer {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.9;
  color: rgba(26, 26, 26, 0.6);
  font-weight: 300;
  letter-spacing: 0.03em;
  padding-bottom: 22px;
  max-width: 92%;
}

.mfaq__answer p { margin-bottom: 8px; }
.mfaq__answer p:last-child { margin-bottom: 0; }

/* ── Footer CTA ── */
.mfaq__footer {
  margin-top: 40px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.mfaq__footer-text {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(26, 26, 26, 0.5);
  letter-spacing: 0.03em;
}

/* ── Mobile: single column ── */
@media (max-width: 768px) {
  .mfaq {
    padding: 64px 0;
  }
  .mfaq__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .mfaq__header {
    position: static;
  }

  .mfaq__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .mfaq {
    padding: 48px 0;
  }
  .mfaq__title {
    font-size: clamp(28px, 8vw, 38px);
  }
}


/* ---- muntaha-contact ---- */
/* =========================================================
   Muntaha — Contact Page
   muntaha-contact.css
   ========================================================= */

/* Section — gold top rule anchors the section visually */
.mcontact {
  background: #FAF6EF;
  padding: 0 0 120px;
  border-top: 2px solid #C9A84C;
}

.mcontact > .page-width {
  padding-top: 0;
}

.mcontact__inner {
  display: grid;
  grid-template-columns: 1fr 1.45fr;
  gap: 0;
  align-items: start;
}

/* ==========================================================
   Info column — warm panel
   ========================================================== */
.mcontact__info {
  background: #F0E8DC;
  padding: 64px 52px 72px;
  position: sticky;
  top: 100px;
}

/* Short gold rule above eyebrow */
.mcontact__info::before {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background: #C9A84C;
  margin-bottom: 28px;
}

.mcontact__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 14px;
}

.mcontact__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 2.8vw, 40px);
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.02em;
  line-height: 1.15;
  margin-bottom: 20px;
}

/* Subtext — faint gold underline rule separates from details */
.mcontact__subtext {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  color: rgba(26, 26, 26, 0.65);
  font-weight: 400;
  letter-spacing: 0.03em;
  margin-bottom: 0;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(201, 168, 76, 0.22);
}

/* Contact detail rows */
.mcontact__details {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 40px;
  margin-bottom: 44px;
}

.mcontact__detail {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(201, 168, 76, 0.16);
}

.mcontact__detail:first-child {
  padding-top: 0;
}

.mcontact__detail-label {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 500;
}

.mcontact__detail-value,
a.mcontact__detail-value {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  color: #1A1A1A;
  letter-spacing: 0.04em;
  font-weight: 300;
  text-decoration: none;
  line-height: 1.5;
}

a.mcontact__detail-value:hover {
  color: #C9A84C;
}

/* Social links */
.mcontact__social-label {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 500;
  display: block;
  margin-bottom: 14px;
}

.mcontact__social-links {
  display: flex;
  gap: 18px;
}

.mcontact__social-links a {
  color: rgba(26, 26, 26, 0.45);
  transition: color 0.25s ease;
  display: flex;
  align-items: center;
}

.mcontact__social-links a:hover {
  color: #C9A84C;
}

/* ==========================================================
   Form column
   ========================================================== */
.mcontact__form-wrap {
  padding: 64px 56px 72px;
  border-left: 1px solid rgba(201, 168, 76, 0.18);
}

.mcontact__form {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.mcontact__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.mcontact__field {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mcontact__field label {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.5);
  font-weight: 500;
}

/* Inputs — defined border with gold bottom emphasis */
.mcontact__field input,
.mcontact__field textarea {
  background: #F0E8DC;
  border: 1px solid rgba(201, 168, 76, 0.22);
  border-bottom: 2px solid rgba(201, 168, 76, 0.35);
  color: #1A1A1A;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  letter-spacing: 0.03em;
  padding: 14px 18px;
  outline: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  border-radius: 8px;
  -webkit-appearance: none;
  font-weight: 300;
  width: 100%;
  box-sizing: border-box;
}

/* Focus — full gold border + soft glow */
.mcontact__field input:focus,
.mcontact__field textarea:focus {
  border-color: #C9A84C;
  border-bottom-color: #C9A84C;
  box-shadow: 0 3px 0 rgba(201, 168, 76, 0.18);
  background: #EDE2D4;
}

.mcontact__field textarea {
  resize: vertical;
  min-height: 168px;
}

/* Submit button sits below form gap */
.mcontact__form .muntaha-btn {
  align-self: flex-start;
  border-radius: 999px;
}

/* Success state */
.mcontact__success {
  background: rgba(201, 168, 76, 0.07);
  border: 1px solid rgba(201, 168, 76, 0.28);
  border-left: 3px solid #C9A84C;
  padding: 28px 24px;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  color: rgba(26, 26, 26, 0.8);
  letter-spacing: 0.04em;
  line-height: 1.75;
}

/* Error state */
.mcontact__error {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: rgba(170, 50, 50, 0.9);
  letter-spacing: 0.03em;
  padding: 14px 18px;
  background: rgba(200, 60, 60, 0.05);
  border-left: 3px solid rgba(180, 60, 60, 0.4);
  line-height: 1.6;
}

/* ==========================================================
   Responsive
   ========================================================== */
@media (max-width: 960px) {
  .mcontact {
    padding-bottom: 80px;
  }

  .mcontact__inner {
    grid-template-columns: 1fr;
  }

  .mcontact__info {
    position: static;
    padding: 52px 36px 56px;
  }

  .mcontact__form-wrap {
    border-left: none;
    border-top: 1px solid rgba(201, 168, 76, 0.18);
    padding: 52px 36px 56px;
  }

  .mcontact__row {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

@media (max-width: 600px) {
  .mcontact {
    padding-bottom: 64px;
  }

  .mcontact__info {
    padding: 40px 24px 48px;
  }

  .mcontact__form-wrap {
    padding: 40px 24px 48px;
  }
}

/* ── Contact Fixes ── */
@media (max-width: 900px) {
  .mcontact__inner {
    grid-template-columns: 1fr;
  }
  .mcontact__info {
    position: static;
    padding: 48px 32px;
  }
  .mcontact__form-wrap {
    padding: 48px 32px;
  }
}

@media (max-width: 600px) {
  .mcontact {
    padding-bottom: 72px;
  }
  .mcontact__info {
    padding: 40px 24px;
  }
  .mcontact__form-wrap {
    padding: 40px 24px;
  }
  .mcontact__submit {
    width: 100%;
    justify-content: center;
  }
}


/* ---- muntaha-about ---- */
.mabout__hero {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: #FAF6EF;
}

.mabout__hero-bg { position: absolute; inset: 0; }
.mabout__hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.mabout__hero-bg--solid { background: #1F1C1A; }
.mabout__hero-overlay { position: absolute; inset: 0; background: rgba(14, 13, 12,0.55); }

.mabout__hero-content {
  position: relative;
  z-index: 2;
  padding: 80px 0 64px;
}

.mabout__eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 16px;
}

.mabout__hero-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(32px, 5vw, 64px);
  font-weight: 400;
  color: #F5E0C0;
  letter-spacing: 0.04em;
  line-height: 1.1;
  max-width: 700px;
}

/* Opening quote */
.mabout__statement {
  background: #F0E8DC;
  padding: 80px 0;
  border-bottom: 1px solid rgba(201,168,76,0.1);
}

.mabout__quote {
  font-family: "Playfair Display", serif;
  font-size: clamp(20px, 3vw, 32px);
  font-weight: 400;
  color: rgba(26, 26, 26,0.75);
  font-style: italic;
  line-height: 1.5;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.02em;
}

/* Story rows */
.mabout__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 560px;
  background: #FAF6EF;
}

.mabout__row--2 { direction: rtl; }
.mabout__row--2 > * { direction: ltr; }

.mabout__row-image {
  overflow: hidden;
  background: #F0E8DC;
  border-radius: 12px;
}

.mabout__row-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mabout__row-placeholder {
  width: 100%;
  height: 100%;
  min-height: 400px;
  border-radius: 12px;
  background: linear-gradient(135deg, #F0E8DC 0%, #FAF6EF 100%);
}

.mabout__row-content {
  padding: 80px 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FAF6EF;
}

.mabout__row-eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 16px;
}

.mabout__row-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3vw, 42px);
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin-bottom: 20px;
}

.mabout__row-text {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.9;
  color: rgba(26, 26, 26,0.55);
  font-weight: 300;
  letter-spacing: 0.03em;
}

/* Values */
.mabout__values {
  background: #FAF6EF;
  padding: 100px 0;
}

.mabout__values-eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C9A84C;
  font-weight: 600;
  margin-bottom: 48px;
  text-align: center;
}

.mabout__values-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}

.mabout__value {
  background: #F0E8DC;
  padding: 40px 32px;
  border-radius: 8px;
  border: 1px solid rgba(201,168,76,0.07);
}

.mabout__value-num {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 300;
  color: rgba(201,168,76,0.15);
  display: block;
  margin-bottom: 16px;
  line-height: 1;
}

.mabout__value-title {
  font-family: "Playfair Display", serif;
  font-size: 18px;
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}

.mabout__value-text {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(26, 26, 26,0.45);
  font-weight: 300;
  letter-spacing: 0.03em;
}

/* CTA */
.mabout__cta {
  background: #F0E8DC;
  padding: 100px 0;
  text-align: center;
  border-top: 1px solid rgba(201,168,76,0.1);
}

.mabout__cta-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.04em;
  margin-bottom: 32px;
}

.mabout__row {
  gap: 0;
}

.mabout__row-image {
  border-radius: 0;
}

@media (max-width: 900px) {
  .mabout__row {
    grid-template-columns: 1fr;
    direction: ltr;
    min-height: auto;
  }
  .mabout__row--2 { direction: ltr; }
  .mabout__row-image {
    min-height: 320px;
    max-height: 480px;
  }
  .mabout__row-content {
    padding: 48px 24px;
  }
  .mabout__values-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .mabout__hero { min-height: 340px; }
  .mabout__hero-content { padding: 60px 0 48px; }
  .mabout__statement { padding: 56px 0; }
  .mabout__values-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 400px) {
  .mabout__values-grid { grid-template-columns: 1fr; }
}


/* ---- muntaha-pages ---- */
/* =====================================================
   Muntaha — Global page overrides (all non-homepage/product templates)
   Collection · Cart · Blog · Article · 404 · Search · Page
   ===================================================== */

/* ---- Universal background ---- */
body.template-collection,
body.template-cart,
body.template-blog,
body.template-article,
body.template-404,
body.template-search,
body.template-page,
body.template-list-collections {
  background-color: #FAF6EF !important;
  --color-background: 250, 246, 239;
  --gradient-background: #FAF6EF;
  color: #1A1A1A;
}

/* =====================================================
   COLLECTION PAGE
   ===================================================== */

/* Banner */
.template-collection .collection-hero,
.template-collection .main-collection-banner,
.template-collection .section-main-collection-banner {
  background: #F0E8DC;
}

.template-collection .collection-hero__title,
.template-collection h1.collection-hero__title {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(28px, 5vw, 60px) !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.04em !important;
}

.template-collection .collection-hero__desc,
.template-collection .collection-description {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(26, 26, 26, 0.5);
  font-weight: 300;
}

/* Grid section */
.template-collection .main-collection-product-grid,
.template-collection .collection,
.template-collection .section-collection {
  background: #FAF6EF;
}

/* Filter/sort bar */
.template-collection .facets__heading,
.template-collection .facets__label {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.70);
  font-weight: 400;
}

.template-collection .facets-container,
.template-collection .facets__form {
  border-color: rgba(201, 168, 76, 0.15);
}

.template-collection .facets__disclosure-horizontal {
  border-color: rgba(201, 168, 76, 0.15);
}

.template-collection .facets__summary {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: rgba(26, 26, 26, 0.6);
  text-transform: uppercase;
}

.template-collection .facets__summary:hover,
.template-collection .facets__summary[aria-expanded="true"] {
  color: #C9A84C;
}

.template-collection .facets__panel {
  background: #F0E8DC;
  border: 1px solid rgba(201, 168, 76, 0.15);
}

.template-collection .facets__item input[type="checkbox"] {
  accent-color: #C9A84C;
}

.template-collection .facets__item label {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  color: rgba(26, 26, 26, 0.7);
  letter-spacing: 0.04em;
}

.template-collection .facets__item label:hover {
  color: #1A1A1A;
}

.template-collection .collection-filters-form__reset {
  color: #C9A84C;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Sort select */
.template-collection .facets__sort .select__select,
.template-collection .facets__sort select {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  background: #F0E8DC;
  color: rgba(26, 26, 26, 0.6);
  border-color: rgba(201, 168, 76, 0.2);
  letter-spacing: 0.06em;
  border-radius: 8px;
}

/* Product count */
.template-collection .product-count {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.35);
  letter-spacing: 0.08em;
}

/* Product cards inside collection grid — reuse muntaha-card styles */
.template-collection .card-wrapper {
  background: #F0E8DC;
}

.template-collection .card__heading .full-unstyled-link {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.04em;
}

.template-collection .card__heading .full-unstyled-link:hover {
  color: #C9A84C;
}

.template-collection .price .price-item {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  color: #C9A84C;
  letter-spacing: 0.06em;
}

.template-collection .card--product {
  border: 1px solid rgba(201, 168, 76, 0.08);
  border-radius: 16px;
  background: #F0E8DC;
  transition: border-color 0.3s ease;
}

.template-collection .card--product:hover {
  border-color: rgba(201, 168, 76, 0.25);
}

.template-collection .card__media {
  background: #F0E8DC;
}

/* Quick-add button */
.template-collection .quick-add__submit {
  background: #C9A84C !important;
  color: #FAF6EF !important;
  border-radius: 999px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border: none !important;
}

.template-collection .quick-add__submit:hover {
  background: transparent !important;
  color: #C9A84C !important;
  border: 1px solid #C9A84C !important;
}

/* Pagination */
.template-collection .pagination .page-link {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: rgba(26, 26, 26, 0.5);
  border-color: rgba(201, 168, 76, 0.15);
  letter-spacing: 0.06em;
  border-radius: 999px;
}

.template-collection .pagination .page-link.is-current,
.template-collection .pagination .page-link:hover {
  background: #C9A84C;
  color: #FAF6EF;
  border-color: #C9A84C;
}

/* =====================================================
   CART PAGE
   ===================================================== */

.template-cart .main-cart-items,
.template-cart .main-cart-footer,
.template-cart .cart__items,
.template-cart .cart {
  background: #FAF6EF;
}

.template-cart h1,
.template-cart .cart__title {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(26px, 4vw, 48px) !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.04em !important;
}

.template-cart .cart__item {
  border-color: rgba(201, 168, 76, 0.12);
}

.template-cart .cart-item__name a {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  color: #1A1A1A;
  text-decoration: none;
  letter-spacing: 0.04em;
}

.template-cart .cart-item__name a:hover {
  color: #C9A84C;
}

.template-cart .cart-item__details {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: rgba(26, 26, 26, 0.45);
  letter-spacing: 0.04em;
}

.template-cart .price .price-item {
  font-family: 'Raleway', sans-serif;
  color: #C9A84C;
  letter-spacing: 0.06em;
}

.template-cart .quantity {
  border-color: rgba(201, 168, 76, 0.2);
  background: transparent;
  border-radius: 999px;
}

.template-cart .quantity__button { color: rgba(26, 26, 26, 0.5); }
.template-cart .quantity__input {
  font-family: 'Raleway', sans-serif;
  color: #1A1A1A;
  background: transparent;
}

.template-cart .cart-item__remove a,
.template-cart button[class*="remove"] {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: rgba(26, 26, 26, 0.3);
  text-transform: uppercase;
}

.template-cart .cart-item__remove a:hover { color: #C9A84C; }

/* Cart footer */
.template-cart .totals,
.template-cart .cart__footer {
  border-color: rgba(201, 168, 76, 0.15);
  background: #F0E8DC;
}

.template-cart .totals__subtotal {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.5);
}

.template-cart .totals__subtotal-value {
  font-family: "Playfair Display", serif;
  font-size: 1.4rem;
  color: #C9A84C;
  letter-spacing: 0.04em;
}

.template-cart .cart__checkout-button {
  background: #C9A84C !important;
  color: #FAF6EF !important;
  border-radius: 999px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  border: 1px solid #C9A84C !important;
  height: 52px !important;
  transition: all 0.25s ease !important;
}

.template-cart .cart__checkout-button:hover {
  background: transparent !important;
  color: #C9A84C !important;
}

.template-cart .tax-note,
.template-cart .cart__tax-note {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: rgba(26, 26, 26, 0.3);
  letter-spacing: 0.04em;
}

.template-cart .cart__ctas .button--secondary {
  border-color: rgba(201, 168, 76, 0.3);
  color: #C9A84C;
  border-radius: 999px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Empty cart */
.template-cart .cart__empty-text {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgba(26, 26, 26, 0.4);
  font-style: italic;
}

/* Cart drawer — global (visible on all templates) */
cart-drawer {
  background: #F0E8DC;
}

.drawer[id="CartDrawer"],
#CartDrawer {
  background: #F0E8DC !important;
}

.cart-drawer__header {
  border-color: rgba(201, 168, 76, 0.15);
  background: #F0E8DC;
}

.cart-drawer__heading,
#CartDrawer h2 {
  font-family: "Playfair Display", serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.06em !important;
}

.cart-drawer__contents {
  background: #F0E8DC;
}

.cart-drawer__footer {
  background: #F0E8DC;
  border-color: rgba(201, 168, 76, 0.15);
}

.cart-drawer .totals__subtotal {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.5);
}

.cart-drawer .totals__subtotal-value {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  color: #C9A84C;
}

.cart-drawer .button--checkout,
.cart-drawer .cart__checkout-button {
  background: #C9A84C !important;
  color: #FAF6EF !important;
  border-radius: 999px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  border: 1px solid #C9A84C !important;
  transition: all 0.25s ease !important;
}

.cart-drawer .button--checkout:hover {
  background: transparent !important;
  color: #C9A84C !important;
}

/* Cart item row in drawer */
.cart-drawer .cart-item {
  border-color: rgba(201, 168, 76, 0.1);
}

.cart-drawer .cart-item__name {
  font-family: "Playfair Display", serif;
  font-size: 15px;
  color: #1A1A1A;
}

.cart-drawer .cart-item__price .price-item {
  color: #C9A84C;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
}

/* =====================================================
   BLOG / JOURNAL PAGE
   ===================================================== */

.template-blog .main-blog,
.template-blog section[class*="main-blog"] {
  background: #FAF6EF;
}

.template-blog .blog h1,
.template-blog .blog__title {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(28px, 5vw, 56px) !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.04em !important;
}

.template-blog .article-card {
  background: #F0E8DC;
  border: 1px solid rgba(201, 168, 76, 0.08);
  border-radius: 16px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.template-blog .article-card:hover {
  border-color: rgba(201, 168, 76, 0.2);
}

.template-blog .article-card__title .full-unstyled-link,
.template-blog .article-card h2 {
  font-family: "Playfair Display", serif !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
}

.template-blog .article-card__title a:hover {
  color: #C9A84C !important;
}

.template-blog .article-card__footer {
  border-color: rgba(201, 168, 76, 0.1);
}

.template-blog .article-card__date,
.template-blog .article-card__info {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #C9A84C;
  text-transform: uppercase;
}

.template-blog .article-card__excerpt {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(26, 26, 26, 0.70);
  font-weight: 400;
}

/* =====================================================
   ARTICLE PAGE
   ===================================================== */

.template-article .main-article {
  background: #FAF6EF;
}

.template-article h1.article__title,
.template-article .article__title {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(28px, 4.5vw, 50px) !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
}

.template-article .article__meta,
.template-article .article__date {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  color: #C9A84C;
  text-transform: uppercase;
}

.template-article .article__content {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 1.95;
  color: rgba(26, 26, 26, 0.7);
  font-weight: 300;
}

.template-article .article__content h2,
.template-article .article__content h3,
.template-article .article__content h4 {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.02em;
}

.template-article .article__content a {
  color: #C9A84C;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.template-article .article__content blockquote {
  border-left: 2px solid #C9A84C;
  padding-left: 24px;
  font-family: "Playfair Display", serif;
  font-size: 1.2rem;
  font-style: italic;
  color: rgba(26, 26, 26, 0.7);
}

.template-article .article__back-link {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.4);
}

.template-article .article__back-link:hover { color: #C9A84C; }

.template-article .article__share-title {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.4);
}

/* =====================================================
   GENERIC PAGE (About, FAQ, etc.)
   ===================================================== */

body.template-page .section,
body.template-page .gradient {
  background: #FAF6EF;
}

.template-page h1.page-title,
.template-page .page-title {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.04em !important;
}

.template-page .main-page .rte {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 1.9;
  color: rgba(26, 26, 26, 0.6);
  font-weight: 300;
  letter-spacing: 0.03em;
}

.template-page .main-page .rte h2,
.template-page .main-page .rte h3 {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.02em;
}

/* Contact form */
.template-page .contact-form input,
.template-page .contact-form textarea,
.template-page .contact-form select {
  background: #F0E8DC;
  border: 1px solid rgba(201, 168, 76, 0.2);
  border-radius: 8px;
  color: #1A1A1A;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  letter-spacing: 0.04em;
}

.template-page .contact-form input:focus,
.template-page .contact-form textarea:focus {
  border-color: #C9A84C;
  outline: none;
  box-shadow: none;
}

.template-page .contact-form label {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.5);
  font-weight: 400;
}

.template-page .contact-form .button {
  background: #C9A84C;
  color: #FAF6EF;
  border: 1px solid #C9A84C;
  border-radius: 999px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.25s ease;
}

.template-page .contact-form .button:hover {
  background: transparent;
  color: #C9A84C;
}

/* =====================================================
   404 PAGE
   ===================================================== */

.template-404 .main-404,
.template-404 section[class*="404"] {
  background: #FAF6EF;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.template-404 h1 {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(28px, 5vw, 56px) !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.04em !important;
}

.template-404 .error-message,
.template-404 p {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  color: rgba(26, 26, 26, 0.45);
  letter-spacing: 0.04em;
  font-weight: 300;
}

.template-404 .button {
  background: #C9A84C;
  color: #FAF6EF;
  border-radius: 999px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border: 1px solid #C9A84C;
  transition: all 0.25s ease;
}

.template-404 .button:hover {
  background: transparent;
  color: #C9A84C;
}

/* =====================================================
   SEARCH PAGE
   ===================================================== */

.template-search .main-search { background: #FAF6EF; }

.template-search h1 {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
}

.template-search .search__input {
  background: #F0E8DC;
  border: 1px solid rgba(201, 168, 76, 0.2);
  border-radius: 999px;
  color: #1A1A1A;
  font-family: 'Raleway', sans-serif;
}

.template-search .search__input:focus {
  border-color: #C9A84C;
  box-shadow: none;
}

.template-search .search__button {
  background: #C9A84C;
  color: #FAF6EF;
  border-radius: 999px;
}

.template-search .search__results-title,
.template-search .search__title {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.4);
}

/* =====================================================
   LIST COLLECTIONS PAGE
   ===================================================== */

.template-list-collections .main-list-collections { background: #FAF6EF; }

.template-list-collections h1 {
  font-family: "Playfair Display", serif !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
}

.template-list-collections .card__heading a {
  font-family: "Playfair Display", serif;
  color: #1A1A1A;
}

.template-list-collections .card--card {
  background: #F0E8DC;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(201, 168, 76, 0.08);
}

.template-list-collections .card--card:hover {
  border-color: rgba(201, 168, 76, 0.22);
}

/* =====================================================
   ARTICLE — reading width + featured image
   ===================================================== */

.template-article .article__content {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.template-article .article-template__hero-container {
  background: #1F1C1A;
  overflow: hidden;
}

.template-article .article-template__hero-container img {
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  display: block;
  opacity: 0.9;
}

/* Article header area — constrained width */
.template-article .article__header {
  max-width: 680px;
  margin: 0 auto;
  padding: 48px 0 32px;
}

/* No-image article: add a thin gold top border as a hero substitute */
.template-article .main-article {
  border-top: 3px solid #C9A84C;
}

/* Blog cards — no-image placeholder */
.template-blog .article-card__image-wrapper:empty,
.template-blog .article-card__image-wrapper:not(:has(img)) {
  background: linear-gradient(135deg, #1F1C1A 0%, #2B2825 100%);
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.template-blog .article-card__image-wrapper:not(:has(img))::after {
  content: 'MUNTAHA';
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  letter-spacing: 0.35em;
  color: rgba(201, 168, 76, 0.3);
  font-weight: 400;
}

/* Blog grid: tighter gaps, richer card */
.template-blog .blog-articles {
  gap: 2px;
}

.template-blog .article-card__content {
  padding: 24px;
}

/* Article reading typography improvements */
.template-article .article__content p {
  margin-bottom: 1.6em;
}

.template-article .article__content h2 {
  font-size: clamp(20px, 3vw, 32px);
  margin-top: 2.2em;
  margin-bottom: 0.8em;
}

.template-article .article__content h3 {
  font-size: clamp(18px, 2.5vw, 26px);
  margin-top: 1.8em;
  margin-bottom: 0.6em;
}


/* ======================================================================
   Merged in from muntaha-global.css and muntaha-theme.css on 2026-09-11,
   immediately before those files and four more duplicates were removed.

   These are the ONLY declarations whose computed value came from a file
   other than this bundle. Everything else in those files was identical,
   or already beaten by an !important rule above.

   The menu-drawer rules are load bearing: without them the mobile menu
   does not open. This bundle carried the drawer's styling but none of
   its open state.
   ====================================================================== */

.mnotes__image img {
  border-radius: 16px;
}

details.menu-drawer-container > #menu-drawer {
  display: block !important;
}

details.menu-drawer-container > .mhm-drawer {
  display: block !important;
}

details.menu-drawer-container[open] > .mhm-drawer {
  z-index: 300;
  visibility: visible;
  pointer-events: all;
}

details.menu-drawer-container[open] > .mhm-drawer .mhm-backdrop {
  opacity: 1;
}

details.menu-drawer-container[open] > .mhm-drawer .mhm-panel {
  transform: translateX(0);
}

/* Portrait hero poster on small screens, falling back to the landscape one. */
@media (max-width: 749px) {
  .mhero__video { background-image: var(--mhero-poster-mobile, var(--mhero-poster)); }
}

/* ======================================================================
   Design pass, 13 Sep: hero rating card, brand story badge, review stars.
   ====================================================================== */

/* ---- Hero rating card ----
   Was bare text floating on the hero film, and the score was gold on cream
   at roughly 2:1 contrast so it read as nearly invisible. Now a glass card
   with the score set in the display face. */
.mhero__rating {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 13px 18px;
  border-radius: 16px;
  background: rgba(255, 253, 250, 0.74);
  border: 1px solid rgba(201, 168, 76, 0.30);
  box-shadow: 0 8px 26px rgba(26, 26, 26, 0.07);
  backdrop-filter: blur(10px) saturate(1.08);
  -webkit-backdrop-filter: blur(10px) saturate(1.08);
}
.mhero__rating-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mhero__rating-score {
  font-family: "Playfair Display", serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
  color: #1A1A1A;
  letter-spacing: 0.01em;
}
.mhero__rating-stars {
  display: flex;
  gap: 3px;
}
.mhero__rating-stars svg {
  width: 15px;
  height: 15px;
  filter: drop-shadow(0 1px 1px rgba(26, 26, 26, 0.14));
}
.mhero__rating-text {
  font-size: 12.5px;
  color: rgba(26, 26, 26, 0.66);
  margin: 5px 0 0;
  max-width: 200px;
}
.mhero__rating-avatars {
  display: flex;
  align-items: center;
}
.mhero__rating-avatars img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 253, 250, 0.95);
  margin-left: -9px;
}
.mhero__rating-avatars img:first-child { margin-left: 2px; }

/* ---- Brand story corner badge ----
   Replaces the second lifestyle photo. Same anchor point as the old accent
   image so the composition is unchanged. */
.muntaha-story__badge {
  position: absolute;
  bottom: -28px;
  right: -28px;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background: #1A1A1A;
  border: 5px solid #FAF6EF;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 14px 34px rgba(26, 26, 26, 0.20);
}
.muntaha-story__badge img {
  width: 74px;
  height: auto;
  display: block;
}
@media (max-width: 900px) {
  .muntaha-story__badge {
    width: 124px;
    height: 124px;
    bottom: -18px;
    right: -14px;
    border-width: 4px;
  }
  .muntaha-story__badge img { width: 56px; }
}
@media (max-width: 600px) {
  .muntaha-story__badge {
    width: 96px;
    height: 96px;
    bottom: 8px;
    right: 8px;
  }
  .muntaha-story__badge img { width: 44px; }
}

/* ---- Review stars ----
   Were 13px and pale, so they disappeared above each quote. */
.mrev__stars {
  gap: 5px;
  margin-bottom: 18px;
}
.mrev__stars svg {
  width: 18px;
  height: 18px;
}
.mrev__stars svg path {
  fill: #C9A84C;
}

/* ---- FAQ footer, now in the left column under the heading ---- */
.mfaq__header .mfaq__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  margin-top: 28px;
  padding-top: 0;
  border-top: 0;
}
.mfaq__header .mfaq__footer-text {
  margin: 0;
}
@media (max-width: 900px) {
  .mfaq__header .mfaq__footer { margin-top: 20px; }
}

/* ======================================================================
   Design pass 2, 13 Sep
   ====================================================================== */

/* ---- Button radius consistency ----
   .muntaha-card__add--full explicitly reset the radius to 0, which is why
   Add to Cart was square in the related-products row while every other
   button on the site is a pill. The Shopify payment button was on 4px. */
.muntaha-card__add--full { border-radius: 999px; }
.template-product .shopify-payment-button__button--unbranded { border-radius: 999px !important; }

/* ---- Related products: a real 3 up row instead of a scroll track ---- */
@media (min-width: 901px) {
  .muntaha-related__products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .muntaha-related__products > * { width: auto; min-width: 0; flex: none; scroll-snap-align: none; }
  .muntaha-related__nav { display: none; }
}

/* ---- Customer reviews: readability ----
   Body copy was small and low contrast against the cream ground. */
.mreviews__title { margin-bottom: 10px; }
.mreviews__aggregate-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mreviews__score-inline {
  font-family: "Playfair Display", serif;
  font-size: 17px;
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0.01em;
}
.mreviews__count-inline { font-size: 13px; color: rgba(26, 26, 26, 0.55); }
.mreviews__stars--inline svg { width: 19px; height: 19px; }

.mreview {
  padding: 26px 28px;
  border-radius: 14px;
  background: rgba(255, 253, 250, 0.66);
  border: 1px solid rgba(201, 168, 76, 0.20);
  margin-bottom: 14px;
}
.mreview__stars svg { width: 17px; height: 17px; }
.mreview__date { font-size: 12.5px; color: rgba(26, 26, 26, 0.45); letter-spacing: 0.04em; }
.mreview__title {
  font-family: "Playfair Display", serif;
  font-size: 19px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 10px 0 8px;
  letter-spacing: 0.01em;
}
.mreview__body {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgba(26, 26, 26, 0.82);
  margin: 0 0 16px;
  max-width: 70ch;
}
.mreview__author { font-weight: 600; color: #1A1A1A; font-size: 14px; }
.mreview__location { font-size: 13px; color: rgba(26, 26, 26, 0.5); }
.mreview__footer { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
@media (max-width: 600px) {
  .mreview { padding: 20px 18px; }
  .mreview__body { font-size: 15px; }
}

/* ---- Footer brand column ---- */
.mfooter__logo img { width: 190px; }
.mfooter__logo { margin-bottom: 12px; }
.mfooter__tagline { margin-top: 0; }
.mfooter__social { margin-top: 22px; }

/* Breathing room above the divider above the credits. */
.mfooter__inner { padding-bottom: 46px; }
.mfooter__bottom { padding: 22px 0 26px; }

/* ---- Credits: copyright left, MH Tech right on desktop ---- */
@media (min-width: 750px) {
  .mfooter__bottom-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .mfooter__logo img { width: 160px; }
}
@media (max-width: 600px) {
  .mfooter__logo img { width: 150px; }
  .mfooter__inner { padding-bottom: 32px; }
}

/* ---- Product card images square ----
   The source shots are 1200x1200, so a 3/4 box was cropping the top and
   bottom off every one of them. */
.muntaha-card__image-wrap { aspect-ratio: 1 / 1; }

/* ---- One header everywhere ----
   Inner pages were on scheme-1 (#1A1A1A). With a single dark ink logo site
   wide that would have been 1:1 contrast, so the header itself now matches
   the homepage's scrolled state. */
.header-wrapper:not(.muntaha-header-transparent) {
  background: rgba(250, 246, 239, 0.97) !important;
  border-bottom: 1px solid rgba(26, 26, 26, 0.08) !important;
  box-shadow: 0 2px 24px rgba(26, 26, 26, 0.05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.header-wrapper:not(.muntaha-header-transparent) .header__menu-item a,
.header-wrapper:not(.muntaha-header-transparent) .header__menu-item > a,
.header-wrapper:not(.muntaha-header-transparent) .list-menu__item--link,
.header-wrapper:not(.muntaha-header-transparent) .header__heading-link,
.header-wrapper:not(.muntaha-header-transparent) .header__icon,
.header-wrapper:not(.muntaha-header-transparent) .header__icon svg,
.header-wrapper:not(.muntaha-header-transparent) .header__icon .icon {
  color: #1A1A1A !important;
}
.header-wrapper:not(.muntaha-header-transparent) .header__icon svg path {
  stroke: currentColor;
}

/* ---- Mobile hero overlay fix ----
   The old mobile treatment was a LEFT TO RIGHT cream gradient on
   .mhero__content, inherited from when the hero was a landscape still with
   the bottle parked on the right. With a portrait film the bottle now runs
   up the middle of the frame, so that gradient left a visible diagonal edge
   and the subtext and buttons sat straight on top of the bottle.

   Replaced with a top to bottom scrim on the film itself: solid enough
   through the copy, then clearing so the bottle is seen properly in the
   lower third, below the buttons. */
@media (max-width: 600px) {
  .mhero {
    align-items: flex-start;
  }
  .mhero__content {
    background: none;
    padding-top: calc(var(--header-height, 52px) + 26px);
    padding-bottom: 40px;
  }
  .mhero__video::after {
    /* Lightened so the film reads through. 0.55x of the original was the
       measured floor before the subtext dropped under 4.5:1, so this sits at
       0.62x for headroom. Worst case after the change: subtext 5.7:1. */
    background: linear-gradient(
      to bottom,
      rgba(250, 246, 239, 0.60) 0%,
      rgba(250, 246, 239, 0.58) 42%,
      rgba(250, 246, 239, 0.48) 58%,
      rgba(250, 246, 239, 0.21) 74%,
      rgba(250, 246, 239, 0.04) 90%,
      rgba(250, 246, 239, 0) 100%
    );
  }
  /* The card carries its own glass, so it only needs to be a touch more
     opaque now that it sits lower down where the scrim has thinned out. */
  .mhero__rating {
    background: rgba(255, 253, 250, 0.86);
  }
}

/* ---- Breadcrumb restyle 13 Sep ---- */
.template-product .mp-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}
.template-product .mp-breadcrumb__link,
.template-product nav[aria-label="breadcrumb"] a {
  color: rgba(26, 26, 26, 0.5);
  text-decoration: none;
  transition: color 0.2s ease;
}
.template-product .mp-breadcrumb__link:hover,
.template-product nav[aria-label="breadcrumb"] a:hover {
  color: #1A1A1A;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(201, 168, 76, 0.7);
}
.template-product .mp-breadcrumb__sep {
  color: rgba(201, 168, 76, 0.6);
  font-size: 13px;
  line-height: 1;
}
.template-product .mp-breadcrumb__current {
  color: #1A1A1A;
  font-weight: 600;
}
@media (max-width: 600px) {
  .template-product .mp-breadcrumb { gap: 7px; }
}

/* ---- Mobile hero: hard clearance under the header ----
   --header-height is 72px in CSS and only corrected to the real offsetHeight
   by the sticky-header script, which does not always run before first paint.
   The mobile header is taller than 72px (the logo is capped at 72px tall plus
   padding), so the eyebrow was landing on top of the logo and the hamburger.
   max() gives a floor that holds even if the variable is never updated. */
@media (max-width: 900px) {
  .mhero__content {
    padding-top: max(calc(var(--header-height, 72px) + 30px), 122px);
  }
}
@media (max-width: 600px) {
  .mhero__content {
    padding-top: max(calc(var(--header-height, 72px) + 30px), 128px);
    padding-bottom: 40px;
  }
  /* keep the whole block inside the fold now that it starts lower */
  .mhero__eyebrow { margin-bottom: 10px; }
}

/* ---- Mobile hero: stop depending on --header-height ----
   The hero was pulled up by `margin-top: calc(-1 * var(--header-height))` so it
   could sit behind the transparent header, and the copy was then pushed back
   down by a padding derived from the same variable. That variable is 72px in
   CSS and only corrected to the real height by the sticky-header script, so the
   two halves disagreed and the eyebrow landed on the logo.

   On mobile the film already carries a top scrim, so the overlap buys nothing.
   Drop the negative margin and let the hero simply start below the header. No
   variable involved, so it cannot drift. */
@media (max-width: 749px) {
  /* The header is `position: fixed` on the homepage (set inline in
     theme.liquid), so it is out of flow and the hero ALWAYS starts at the top
     of the viewport. Margins on the section change nothing. The copy simply
     has to clear the header's own height: logo capped at 72px plus 6px padding
     top and bottom, so ~84px, plus breathing room. */
  .shopify-section:has(.mhero) { margin-top: 0; }
  .mhero { min-height: 100svh; }
  .mhero__content { padding-top: max(calc(var(--header-height, 84px) + 36px), 124px); }
}

/* ---- Touch devices: no hover image at all ----
   The hover shot is deliberately never fetched on touch, which leaves an <img>
   with no src in the DOM. Mobile browsers fire a sticky :hover on tap, which
   was revealing that empty element as a broken image. Hide it outright and
   keep the primary shot visible through the tap. */
@media (hover: none), (pointer: coarse) {
  .mprow__card-img--hover,
  .mcard__img--hover,
  .muntaha-card__img--secondary {
    display: none !important;
  }
  .mprow__card-image--has-hover:hover .mprow__card-img--primary,
  .mcard:hover .mcard__img--primary,
  .muntaha-card:hover .muntaha-card__img--primary {
    opacity: 1 !important;
  }
}
/* Belt and braces: an img that never received a src is never shown. */
img[data-hover-src]:not([src]) { display: none !important; }

/* ---- Fragrance chips: restore the last pill's bottom border ----
   `.mnotes__note:last-child { border-bottom: none }` exists for the DESKTOP
   stacked list, where each row is separated by a bottom rule and the final row
   should not carry one. On mobile the same elements become pills with a full
   1px rounded border, so that rule was slicing the bottom off the last chip
   (Velvet Noir). Put it back at the pill breakpoint. */
@media (max-width: 600px) {
  .mnotes__note:last-child {
    border-bottom: 1px solid rgba(26, 26, 26, 0.12) !important;
  }
  .mnotes__note--active:last-child {
    border-bottom-color: #1A1A1A !important;
  }
  /* and never let a chip sit hard against the viewport edge */
  .mnotes__notes { padding-left: 4px; padding-right: 4px; }
}

/* ---- Fragrance image full bleed on mobile ----
   The wrapper was already width:100%, so what was actually holding the image
   in was `max-height: 300px` with `object-fit: contain` on the img: a square
   source capped at 300px tall renders 300px wide and letterboxes itself.
   Lift the cap and break out of .page-width's side padding.
   Safe to do: .page-width is overflow:visible and .mnotes does not clip. */
@media (max-width: 600px) {
  .mnotes__image {
    width: 100vw;
    max-width: 100vw;
    max-height: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-radius: 0;
  }
  .mnotes__image img {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 0;
  }
  .mnotes__slide { height: auto; }
  .mnotes__image-placeholder { aspect-ratio: 1 / 1; border-radius: 0; }
}

/* ---- Mobile logo down to a sane size ----
   It was forced to 200px wide / 72px tall while desktop is 60px, so the mobile
   header was taller than the desktop one and ate the top of every page. */
@media screen and (max-width: 989px) {
  .header__heading-logo {
    width: 128px !important;
    max-height: 52px !important;
  }
  .header__heading-logo-wrapper {
    width: 128px !important;
    max-width: 128px !important;
  }
}