/** Shopify CDN: Minification failed

Line 196:3 Unexpected "="

**/
/* ============================================================
   MARGAUX PARIS — v35 GLOBAL REFINEMENTS
   (sin overrides de footer - el mp-footer custom maneja eso)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=Inter:wght@400;500;600;700;800&display=swap');

/* ===== BARRA NEGRA - ULTRA COMPACTA 1 LINEA ===== */
.utility-bar,
.announcement-bar,
.shopify-section--announcement-bar,
.shopify-section-group-header-group .announcement-bar {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  min-height: auto !important;
}

.announcement-bar p,
.announcement-bar__message,
.announcement-bar span,
.utility-bar p,
.utility-bar span,
[class*="announcement-bar"] p,
[class*="announcement-bar"] span {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 1px 0 !important;
  color: #FFFFFF !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.announcement-bar strong,
.announcement-bar em,
[class*="announcement-bar"] strong,
[class*="announcement-bar"] em {
  color: #C8A062 !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  margin-right: 4px !important;
}

@media (min-width: 750px) {
  [class*="announcement-bar"] p,
  [class*="announcement-bar"] span { font-size: 11px !important; }
  [class*="announcement-bar"] strong,
  [class*="announcement-bar"] em { font-size: 12px !important; }
}

/* ===== FRANJA CREMA - COMPACTA 1 LINEA ===== */
[class*="ai-announcement-bar-"] {
  background-color: #F5F0E6 !important;
  padding: 5px 12px !important;
  border-bottom: 1px solid rgba(184, 147, 90, 0.18) !important;
}
[class*="ai-announcement-bar-"] [class*="ai-announcement-bar__content-"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

[class*="ai-announcement-bar__heading-"] {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #8a6a2f !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

[class*="ai-announcement-bar__subheading-"] {
  font-family: 'Playfair Display', serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  font-style: italic !important;
  color: #B8935A !important;
  margin: 0 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

@media (max-width: 749px) {
  [class*="ai-announcement-bar-"] { padding: 4px 8px !important; }
  [class*="ai-announcement-bar__heading-"] { font-size: 9px !important; letter-spacing: 0.08em !important; }
  [class*="ai-announcement-bar__subheading-"] { font-size: 10px !important; }
}
@media (min-width: 750px) {
  [class*="ai-announcement-bar__heading-"] { font-size: 11px !important; }
  [class*="ai-announcement-bar__subheading-"] { font-size: 12px !important; }
}

/* ===== LOGO COMPACTO ===== */
.header__heading-logo,
.header__logo img,
.header__heading-link img,
[class*="header__heading"] img {
  max-height: 32px !important;
  width: auto !important;
}
@media (min-width: 750px) {
  .header__heading-logo,
  .header__logo img,
  .header__heading-link img,
  [class*="header__heading"] img { max-height: 40px !important; }
}
.header,
header.header,
.header-wrapper {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* ===== FONDO CREMA EN COLECCION ===== */
body.template-collection {
  background-color: #FAF6EF !important;
}
body.template-collection .main-content,
body.template-collection main,
body.template-collection #MainContent {
  background-color: transparent !important;
}
body.template-collection .section-mp-intro,
body.template-collection .section-mp-coll-grid {
  background-color: transparent !important;
}

/* ============================================================
   IMAGE-WITH-TEXT (Façonné À La Main) - estilo elegante
   ============================================================ */
.image-with-text__heading,
.section--image-with-text h2,
.section--image-with-text h3,
[class*="image-with-text"] .h0,
[class*="image-with-text"] .h1,
[class*="image-with-text"] .h2,
[class*="image-with-text"] .h3 {
  font-family: 'Playfair Display', 'Georgia', serif !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  color: #0A0A0B !important;
}
@media (min-width: 750px) {
  .image-with-text__heading,
  .section--image-with-text h2 { font-size: 30px !important; }
}

.image-with-text__text,
.image-with-text__text p,
[class*="image-with-text"] .rte p {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  color: #2a2a2b !important;
}
.image-with-text__text strong,
[class*="image-with-text"] strong {
  font-weight: 700 !important;
  color: #0A0A0B !important;
}
.image-with-text__text em,
[class*="image-with-text"] em {
  font-style: italic !important;
  color: #B8935A !important;
  font-family: 'Playfair Display', serif !important;
  font-weight: 500 !important;
}
@media (min-width: 750px) {
  .image-with-text__text p { font-size: 15px !important; }
}
   MENU DRAWER LATERAL — PREMIUM v36
   Overlay con blur, fondo crema, tipografia editorial
   ============================================================ */

/* ===== BACKDROP CON BLUR DETRAS DEL DRAWER ===== */
.js menu-drawer > details > summary::before,
.js menu-drawer > details[open]:not(.menu-opening) > summary::before {
  background: rgba(10, 10, 11, 0.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* ===== EL PANEL DEL MENU - 85% ancho + fondo crema ===== */
.menu-drawer {
  background-color: #FAF6EF !important;
  width: 85% !important;
  max-width: 420px !important;
  border-right: 1px solid rgba(184, 147, 90, 0.18) !important;
  box-shadow: 8px 0 32px rgba(0, 0, 0, 0.18) !important;
}
@media (min-width: 750px) {
  .menu-drawer {
    width: 380px !important;
  }
}

/* Contenedor interno con padding */
.menu-drawer__inner-container,
.menu-drawer__navigation-container {
  background-color: #FAF6EF !important;
  padding-top: 8px !important;
}

/* ===== ITEMS DEL MENU ===== */
.menu-drawer__menu-item,
.menu-drawer__navigation .menu-drawer__menu-item,
.menu-drawer__menu-item.list-menu__item {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid rgba(184, 147, 90, 0.12) !important;
  text-decoration: none !important;
  transition: all 240ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  position: relative !important;
  background-color: transparent !important;
  border-top: none !important;
  border-left: 3px solid transparent !important;
}

.menu-drawer__menu-item:hover,
.menu-drawer__menu-item--active {
  color: #B8935A !important;
  background-color: rgba(184, 147, 90, 0.06) !important;
  border-left-color: #B8935A !important;
  padding-left: 28px !important;
}

/* ===== SUBMENUS (si existen) ===== */
.menu-drawer__submenu {
  background-color: #FAF6EF !important;
}
.menu-drawer__submenu .menu-drawer__menu-item {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  padding-left: 40px !important;
  color: #2a2a2b !important;
  font-weight: 500 !important;
}

/* ===== BOTON CERRAR (X) ===== */
.menu-drawer .menu-drawer__close-button,
.menu-drawer .header__icon {
  color: #1a1a1a !important;
}
.menu-drawer .menu-drawer__close-button:hover {
  color: #B8935A !important;
}

/* ===== ZONA INFERIOR DEL MENU (Connexion + Pais) ===== */
.menu-drawer__utility-links {
  background-color: #F5F0E6 !important;
  border-top: 1px solid rgba(184, 147, 90, 0.22) !important;
  padding: 20px 24px !important;
  margin-top: auto !important;
}

/* Connexion */
.menu-drawer__account,
.menu-drawer__utility-links a {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #B8935A !important;
  text-decoration: none !important;
  padding: 8px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.menu-drawer__account:hover,
.menu-drawer__utility-links a:hover {
  color: #8A6A2F !important;
}
.menu-drawer__account svg,
.menu-drawer__utility-links svg {
  color: #B8935A !important;
  fill: #B8935A !important;
  width: 18px !important;
  height: 18px !important;
}

/* Selector de país en el menu */
.menu-drawer__localization,
.menu-drawer .disclosure {
  margin-top: 12px !important;
}
.menu-drawer__localization button,
.menu-drawer .disclosure__button,
.menu-drawer .localization-form button {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: #1a1a1a !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(184, 147, 90, 0.3) !important;
  border-radius: 4px !important;
  padding: 8px 32px 8px 12px !important;
  text-transform: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none'><path d='M1 1l4 4 4-4' stroke='%23B8935A' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px !important;
}

/* Logo en la cabecera del drawer (si existe) */
.menu-drawer__header,
.menu-drawer .header__heading-logo {
  filter: none !important;
  max-height: 30px !important;
  padding: 16px 24px !important;
}

/* Animacion de slide */
.js details[open] > .menu-drawer {
  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s !important;
}

/* ============================================================
   v44 - Fix flecha duplicada en selector pais del menu
   ============================================================ */
.menu-drawer__localization svg,
.menu-drawer .disclosure svg,
.menu-drawer .localization-form svg,
.menu-drawer__localization .icon-caret,
.menu-drawer .disclosure__button .icon-caret {
  display: none !important;
}

/* ============================================================
   v58 - BOTÓN "VOIR TOUTE LA COLLECTION" - MÁS COMPACTO
   ============================================================ */
body.template-index a.mp-home-viewall,
.section-mp-home-grid .mp-home-viewall,
a.mp-home-viewall {
  display: inline-block !important;
  padding: 13px 28px !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}
@media (min-width: 750px) {
  body.template-index a.mp-home-viewall {
    padding: 14px 32px !important;
    font-size: 12px !important;
  }
}
body.template-index a.mp-home-viewall:hover,
.section-mp-home-grid .mp-home-viewall:hover {
  letter-spacing: 0.2em !important;
  transform: translateY(-1px) !important;
}
/* Esconder flecha después del texto en el botón viewall (que viene de mp-home-grid CSS) */
body.template-index a.mp-home-viewall::after {
  font-size: 14px !important;
}

/* ============================================================
   v64 - LUMIN SLIDER (Regardez comment les autres adorent...)
   ============================================================ */

/* Titulo principal "Regardez comment..." */
.lumin-new-section h2,
[class*="main-title-template"] {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  line-height: 1.15 !important;
  font-size: 28px !important;
}
@media (min-width: 750px) {
  .lumin-new-section h2,
  [class*="main-title-template"] {
    font-size: 38px !important;
  }
}

/* Subtitulo "De vrais avis de vraies personnes" */
.lumin-new-section p,
[class*="subtitle-template"] {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #B8935A !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Boton "OBTENEZ LE VÔTRE MAINTENANT" - DORADO con borde negro */
.lumin-new-section .button,
.lumin-new-section a.button {
  background: linear-gradient(135deg, #B8935A 0%, #D4AC72 50%, #B8935A 100%) !important;
  background-color: #B8935A !important;
  color: #0A0A0B !important;
  border: 1.5px solid #0A0A0B !important;
  border-radius: 4px !important;
  padding: 15px 32px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-block !important;
  box-shadow: none !important;
  transition: all 240ms ease !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
}
.lumin-new-section .button:hover,
.lumin-new-section a.button:hover {
  background-color: #A07F4A !important;
  transform: translateY(-1px) !important;
}

/* Rating text "Noté 4.7/5 Par 2 550+..." */
.lumin-new-section .rating-section,
.lumin-new-section [class*="rating"] {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
  color: #6B6864 !important;
  font-size: 13px !important;
}
.lumin-new-section .rating-section span,
.lumin-new-section [class*="rating"] span {
  color: #C8A062 !important;
}