/* ══════════════════════════════════════════════════════
   shared_styles.css — La Paraphar'mam
   Palette & composants partagés (extrait de index.html)
══════════════════════════════════════════════════════ */

/* ─── TOKENS */
:root {
  --teal-900:  #7a4a5e;
  --teal-700:  #a8677c;
  --teal-500:  #c98da0;
  --teal-200:  #e8c2cf;
  --teal-50:   #fbf1f4;
  --sage:      #f5e6ea;
  --cream:     #fdfaf6;
  --gold:      #c9a84c;
  --gold-lt:   #f5e9c8;
  --promo:     #c0392b;
  --promo-lt:  #fdecea;
  --text-main: #1a2e2e;
  --text-muted:#6b8080;
  --border:    #ddeaea;
  --white:     #ffffff;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --radius-card: 1.25rem;
  --radius-btn:  2rem;
  --shadow-card: 0 4px 24px rgba(168,103,124,0.08);
  --shadow-hover:0 16px 48px rgba(168,103,124,0.16);
  --transition:  all .28s cubic-bezier(.4,0,.2,1);
}

/* ─── BASE */
*, *::before, *::after { box-sizing: border-box; }
html  { scroll-behavior: smooth; }
body  { font-family: var(--font-body); background: var(--cream); color: var(--text-main); overflow-x: hidden; }
::-webkit-scrollbar       { width: 6px; }
::-webkit-scrollbar-track { background: var(--teal-50); }
::-webkit-scrollbar-thumb { background: var(--teal-500); border-radius: 3px; }

/* ─── TOP BANNER */
.top-banner { background: var(--teal-900); color: #b8e0df; font-size: .75rem; letter-spacing: .04em; padding: .5rem 0; }
.top-banner a { color: var(--teal-200); text-decoration: none; }
.top-banner a:hover { color: #fff; }

/* ─── NAVBAR */
.navbar-main {
  background: rgba(253,250,246,.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
  position: sticky; top: 0;
  z-index: 1030;
  transition: box-shadow .3s ease;
}
.navbar-main.scrolled { box-shadow: 0 4px 30px rgba(168,103,124,.1); }

.navbar-brand-text {
  font-family: var(--font-display);
  font-size: 1.6rem; font-weight: 600;
  color: var(--teal-700) !important;
  letter-spacing: -.01em; text-decoration: none;
}
.navbar-brand-text span { color: var(--gold); }

.nav-link {
  font-size: .82rem; font-weight: 500;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--text-main) !important;
  padding: .5rem .85rem !important;
  position: relative; transition: var(--transition);
}
.nav-link::after {
  content: ''; position: absolute; bottom: -2px;
  left: .85rem; right: .85rem;
  height: 2px; background: var(--teal-500);
  transform: scaleX(0); transition: transform .25s ease;
}
.nav-link:hover::after, .nav-link.active::after { transform: scaleX(1); }
.nav-link:hover, .nav-link.active { color: var(--teal-700) !important; }

/* ─── MEGA MENU — z-index corrigé */
.mega-menu {
  position: absolute !important;
  top: 100%; left: 50%;
  transform: translateX(-50%) translateY(8px);
  width: min(960px, 96vw);
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  box-shadow: 0 24px 80px rgba(0,0,0,.12);
  opacity: 0; visibility: hidden;
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
  pointer-events: none;
  z-index: 9999;   /* ← FIX : ne cache plus le contenu */
}
.nav-item.mega-item:hover .mega-menu {
  opacity: 1; visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
/* CORPS dropdown — z-index corrigé */
.dropdown-menu { z-index: 9999 !important; }
.dropdown:hover > .dropdown-menu {
  display: block;
  animation: fadeDown .2s ease forwards;
}
@keyframes fadeDown {
  from { opacity:0; transform: translateY(6px); }
  to   { opacity:1; transform: translateY(0); }
}
.mega-col-nav {
  background: var(--teal-50);
  border-radius: var(--radius-card) 0 0 var(--radius-card);
  padding: 2rem;
}
.mega-col-nav h6 { font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); margin-bottom: .75rem; }
.mega-col-nav a.dropdown-item { font-size: .85rem; color: var(--text-main); padding: .45rem .75rem; border-radius: .5rem; transition: var(--transition); }
.mega-col-nav a.dropdown-item:hover,
.mega-col-nav a.dropdown-item.active { background: var(--teal-200); color: var(--teal-900); }
.mega-col-products { padding: 2rem; }
.mini-product-card { border-radius: .75rem; overflow: hidden; border: 1px solid var(--border); transition: var(--transition); }
.mini-product-card:hover { box-shadow: var(--shadow-card); transform: translateY(-3px); }
.mini-product-card img { width: 100%; height: 110px; object-fit: cover; }
.mini-product-card .info { padding: .6rem .75rem; }
.mini-product-card .info h6 { font-size: .78rem; margin: 0 0 .15rem; }
.mini-product-card .info .price { font-size: .8rem; font-weight: 600; color: var(--teal-700); }

/* ─── SEARCH */
.search-wrap { position: relative; }
.search-wrap input {
  border: 1.5px solid var(--border); border-radius: var(--radius-btn);
  padding: .42rem 2.5rem .42rem 1rem; font-size: .82rem; width: 200px;
  background: var(--teal-50); transition: var(--transition); outline: none;
}
.search-wrap input:focus { border-color: var(--teal-500); background: white; width: 260px; box-shadow: 0 0 0 3px rgba(201,141,160,.12); }
.search-wrap .icon { position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: .8rem; pointer-events: none; }
.search-results {
  position: absolute; top: calc(100% + 8px); right: 0;
  width: 320px; background: white;
  border: 1px solid var(--border); border-radius: 1rem;
  box-shadow: var(--shadow-hover);
  display: none; z-index: 9999; /* ← FIX */
}
.search-results.active { display: block; }
.search-result-item { display: flex; align-items: center; gap: .75rem; padding: .6rem 1rem; cursor: pointer; transition: background .15s; }
.search-result-item:hover { background: var(--teal-50); }
.search-result-item img { width: 40px; height: 40px; object-fit: cover; border-radius: .5rem; }
.search-result-item .name { font-size: .82rem; font-weight: 500; }
.search-result-item .brand { font-size: .72rem; color: var(--text-muted); }

/* ─── CART BTN */
.btn-cart {
  background: var(--teal-700); color: white; border: none;
  border-radius: var(--radius-btn); padding: .42rem 1.1rem;
  font-size: .82rem; font-weight: 500;
  display: flex; align-items: center; gap: .4rem;
  transition: var(--transition); position: relative; cursor: pointer;
}
.btn-cart:hover { background: var(--teal-900); color: white; transform: scale(1.03); }
.cart-badge {
  position: absolute; top: -6px; right: -6px;
  background: var(--promo); color: white;
  border-radius: 50%; width: 18px; height: 18px;
  font-size: .65rem; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}

/* ─── ACCOUNT BTN */
.btn-account {
  border: 1.5px solid var(--border); background: transparent;
  color: var(--text-main); border-radius: var(--radius-btn);
  padding: .4rem .9rem; font-size: .82rem; transition: var(--transition);
  text-decoration: none;
}
.btn-account:hover, .btn-account.active { border-color: var(--teal-500); color: var(--teal-700); background: var(--teal-50); }

/* ─── SECTION COMMONS */
.section-eyebrow { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--teal-500); font-weight: 600; margin-bottom: .4rem; display: block; }
.section-title { font-family: var(--font-display); font-size: clamp(1.8rem,3vw,2.5rem); font-weight: 600; line-height: 1.15; color: var(--text-main); }
.section-title em { font-style: italic; color: var(--teal-500); }

/* ─── BREADCRUMB */
.breadcrumb-section { background: var(--teal-50); border-bottom: 1px solid var(--border); padding: .75rem 0; }
.breadcrumb { margin: 0; font-size: .78rem; }
.breadcrumb-item a { color: var(--teal-700); text-decoration: none; }
.breadcrumb-item a:hover { text-decoration: underline; }
.breadcrumb-item.active { color: var(--text-muted); }
.breadcrumb-item + .breadcrumb-item::before { color: var(--text-muted); }

/* ─── PRODUCT CARD */
.product-card { border-radius: var(--radius-card); border: 1px solid var(--border); background: white; overflow: hidden; position: relative; transition: var(--transition); height: 100%; }
.product-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.product-card-img { position: relative; overflow: hidden; background: var(--sage); }
.product-card-img img { width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .4s ease; }
.product-card:hover .product-card-img img { transform: scale(1.05); }
.product-badge { position: absolute; top: .75rem; left: .75rem; font-size: .66rem; font-weight: 700; letter-spacing: .04em; padding: .25rem .65rem; border-radius: 2rem; }
.product-badge.promo { background: var(--promo); color: white; }
.product-badge.new   { background: var(--gold); color: #1a1a1a; }
.product-wishlist { position: absolute; top: .75rem; right: .75rem; width: 32px; height: 32px; border-radius: 50%; background: white; border: none; display: flex; align-items: center; justify-content: center; font-size: .8rem; color: var(--text-muted); box-shadow: 0 2px 8px rgba(0,0,0,.1); transition: var(--transition); opacity: 0; cursor: pointer; }
.product-card:hover .product-wishlist { opacity: 1; }
.product-wishlist:hover { color: var(--promo); transform: scale(1.1); }
.product-card-body { padding: 1rem 1.1rem 1.25rem; }
.product-brand { font-size: .7rem; text-transform: uppercase; letter-spacing: .07em; color: var(--text-muted); margin-bottom: .25rem; }
.product-name  { font-size: .87rem; font-weight: 500; color: var(--text-main); margin-bottom: .5rem; line-height: 1.35; }
.product-price-block { display: flex; align-items: baseline; gap: .4rem; margin-bottom: .75rem; }
.price-current { font-size: 1.1rem; font-weight: 700; color: var(--teal-700); }
.price-old     { font-size: .8rem; text-decoration: line-through; color: var(--text-muted); }
.price-save    { font-size: .7rem; color: var(--promo); font-weight: 600; }
.btn-add-cart  { width: 100%; background: var(--teal-700); color: white; border: none; border-radius: .75rem; padding: .55rem; font-size: .82rem; font-weight: 500; transition: var(--transition); display: flex; align-items: center; justify-content: center; gap: .4rem; cursor: pointer; }
.btn-add-cart:hover { background: var(--teal-900); transform: scale(1.02); }
.btn-add-cart.added { background: #16a34a; }

/* ─── UTILITIES */
.btn-outline-teal { border: 1.5px solid var(--teal-700); color: var(--teal-700); border-radius: var(--radius-btn); background: transparent; padding: .55rem 1.5rem; font-size: .85rem; font-weight: 500; transition: var(--transition); text-decoration: none; display: inline-block; cursor: pointer; }
.btn-outline-teal:hover { background: var(--teal-700); color: white; }
.btn-teal { background: var(--teal-700); color: white; border: none; border-radius: var(--radius-btn); padding: .65rem 1.75rem; font-size: .88rem; font-weight: 600; transition: var(--transition); text-decoration: none; display: inline-block; cursor: pointer; }
.btn-teal:hover { background: var(--teal-900); color: white; transform: translateY(-1px); }
.text-teal { color: var(--teal-700) !important; }

/* ─── FOOTER */
.footer-main { background: var(--teal-900); color: #b8d8d7; padding: 4rem 0 2rem; }
.footer-brand { font-family: var(--font-display); font-size: 1.6rem; font-weight: 600; color: white; margin-bottom: .5rem; }
.footer-brand span { color: var(--gold); }
.footer-tagline { font-size: .82rem; color: rgba(255,255,255,.5); margin-bottom: 1.5rem; }
.footer-social { display: flex; gap: .6rem; }
.social-btn { width: 36px; height: 36px; border-radius: .6rem; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.7); font-size: .85rem; transition: var(--transition); text-decoration: none; }
.social-btn:hover { background: rgba(255,255,255,.18); color: white; }
.footer-heading { font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: rgba(255,255,255,.4); margin-bottom: .8rem; }
.footer-link { display: block; color: rgba(255,255,255,.65); font-size: .83rem; text-decoration: none; padding: .25rem 0; transition: color .2s, padding-left .2s; }
.footer-link:hover { color: white; padding-left: .3rem; }
.footer-newsletter .form-control { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15); color: white; font-size: .82rem; border-radius: .65rem; padding: .6rem 1rem; }
.footer-newsletter .form-control::placeholder { color: rgba(255,255,255,.35); }
.footer-newsletter .form-control:focus { box-shadow: none; border-color: var(--teal-200); background: rgba(255,255,255,.1); }
.footer-newsletter .btn { background: var(--gold); border: none; color: var(--teal-900); font-weight: 600; font-size: .82rem; border-radius: .65rem; padding: .6rem 1.25rem; margin-top: .5rem; width: 100%; transition: var(--transition); }
.footer-newsletter .btn:hover { background: #e6c870; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding-top: 1.5rem; margin-top: 3rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; font-size: .75rem; color: rgba(255,255,255,.35); }
.footer-bottom a { color: rgba(255,255,255,.45); text-decoration: none; }
.footer-bottom a:hover { color: white; }

/* ─── SAFETY / DISCLAIMER BANNER (compléments, grossesse, conseils) */
.safety-banner { background: var(--teal-50); border: 1px solid var(--teal-200); border-radius: 1rem; padding: 1rem 1.25rem; display: flex; gap: .85rem; align-items: flex-start; }
.safety-banner i { color: var(--teal-700); font-size: 1.1rem; margin-top: .15rem; }
.safety-banner p { margin: 0; font-size: .83rem; color: var(--text-main); line-height: 1.55; }
.safety-banner strong { color: var(--teal-900); }

/* ─── GUIDE / EDITORIAL CARDS (Conseils, Grossesse & Maternité) */
.guide-card { background: white; border: 1px solid var(--border); border-radius: var(--radius-card); padding: 1.5rem; height: 100%; transition: var(--transition); text-decoration: none; display: block; color: inherit; }
.guide-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); color: inherit; }
.guide-card i { font-size: 1.4rem; color: var(--teal-700); margin-bottom: .75rem; display: block; }
.guide-card h6 { font-size: .92rem; font-weight: 600; margin-bottom: .4rem; }
.guide-card p { font-size: .8rem; color: var(--text-muted); margin: 0; }

/* ─── LEGAL / INFO PAGES (mentions légales, CGV, confidentialité, FAQ...) */
.legal-hero { background: linear-gradient(135deg,var(--teal-50),var(--cream)); border-bottom: 1px solid var(--border); padding: 3rem 0 2.5rem; }
.legal-content { display: grid; gap: 1.25rem; max-width: 820px; margin: 0 auto; }
.legal-block { padding: 1.75rem 1.85rem; border: 1px solid var(--border); border-radius: var(--radius-card); background: white; }
.legal-block h2 { font-family: var(--font-display); font-size: 1.3rem; font-weight: 600; margin: 0 0 .85rem; color: var(--text-main); }
.legal-block p { color: var(--text-muted); margin: 0 0 .75rem; line-height: 1.7; font-size: .9rem; }
.legal-block p:last-child { margin-bottom: 0; }
.legal-block strong { color: var(--text-main); }
.legal-block a { color: var(--teal-700); font-weight: 600; text-decoration: none; }
.legal-block a:hover { text-decoration: underline; }
.legal-note { background: var(--gold-lt); border: 1px solid var(--gold); border-radius: 1rem; padding: 1rem 1.25rem; font-size: .83rem; color: #6b5518; margin-bottom: 1.25rem; max-width: 820px; margin-left: auto; margin-right: auto; }

/* ─── FAQ ACCORDION */
.faq-item { border: 1px solid var(--border); border-radius: 1rem; margin-bottom: .6rem; background: white; overflow: hidden; }
.faq-item summary { list-style: none; cursor: pointer; padding: 1rem 2.8rem 1rem 1.25rem; font-weight: 600; font-size: .9rem; position: relative; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:after { content: '+'; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); color: var(--teal-700); font-size: 1.3rem; font-weight: 400; }
.faq-item[open] summary:after { content: '–'; }
.faq-item-body { padding: 0 1.25rem 1.1rem; color: var(--text-muted); font-size: .87rem; line-height: 1.65; }

/* ─── ORDER TRACKING */
.tracking-card { background: white; border: 1px solid var(--border); border-radius: var(--radius-card); padding: 2rem; max-width: 480px; margin: 0 auto; }
.tracking-status { display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; border-radius: .85rem; background: var(--teal-50); margin-top: .5rem; }
.tracking-status i { color: var(--teal-700); }

/* ─── CART TOAST */
.cart-toast { position: fixed; bottom: 1.5rem; right: 1.5rem; background: white; border-radius: 1rem; box-shadow: 0 8px 40px rgba(0,0,0,.15); padding: 1rem 1.25rem; display: flex; align-items: center; gap: .75rem; z-index: 9999; min-width: 280px; transform: translateY(120%); transition: transform .3s cubic-bezier(.4,0,.2,1); border-left: 4px solid var(--teal-500); }
.cart-toast.show { transform: translateY(0); }
.cart-toast-icon { font-size: 1.5rem; }
.cart-toast-text .t { font-weight: 600; font-size: .9rem; }
.cart-toast-text .s { font-size: .78rem; color: var(--text-muted); }

/* ─── RESPONSIVE */
@media (max-width: 991px) { .mega-menu { display: none !important; } }
@media (max-width: 768px)  { .top-banner .d-flex > span:not(:first-child) { display: none; } }

/* ============================================================
   REFONTE UI — header, recherche et navigation
   ============================================================ */
.top-banner {
  background: var(--teal-900);
  color: rgba(255,255,255,.78);
  padding: .48rem 0;
  font-size: .72rem;
  letter-spacing: .015em;
}
.top-banner-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:28px; }
.top-banner-points,.top-banner-actions { display:flex; align-items:center; gap:1.35rem; }
.top-banner span,.top-banner a { color:inherit; text-decoration:none; white-space:nowrap; }
.top-banner i { color:#e8c2cf; margin-right:.35rem; }
.top-banner a:hover { color:#fff; }

.navbar-main {
  position:sticky; top:0; z-index:1030;
  background:rgba(253,250,246,.98);
  border-bottom:1px solid rgba(122,74,94,.13);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.navbar-main.scrolled { box-shadow:0 8px 30px rgba(122,74,94,.09); }
.navbar-topline { min-height:88px; display:grid; grid-template-columns:1fr minmax(280px,520px) 1fr; align-items:center; gap:2rem; }
.navbar-service { flex-direction:column; align-items:flex-start; gap:.15rem; }
.navbar-service .service-label { font-size:.65rem; text-transform:uppercase; letter-spacing:.12em; color:var(--text-muted); }
.navbar-service a { color:var(--teal-700); font-size:.82rem; font-weight:600; text-decoration:none; }
.navbar-search-wrap { width:100%; }
.search-wrap { position:relative; width:100%; }
.site-search-input {
  width:100%; height:46px; border:1px solid #d8d0d2; border-radius:999px;
  background:#fff; color:var(--text-main); padding:.7rem 3rem .7rem 2.9rem;
  font:400 .82rem var(--font-body); outline:none; transition:border-color .2s,box-shadow .2s,background .2s;
}
.site-search-input::placeholder { color:#8b8586; }
.site-search-input:focus { border-color:var(--teal-500); box-shadow:0 0 0 4px rgba(201,141,160,.11); background:#fff; }
.search-leading-icon { position:absolute; left:1.05rem; top:50%; transform:translateY(-50%); color:var(--teal-700); font-size:.82rem; z-index:2; }
.search-clear { position:absolute; right:.55rem; top:50%; transform:translateY(-50%); width:32px; height:32px; border:0; border-radius:50%; background:transparent; color:var(--text-muted); display:none; z-index:2; }
.search-clear.visible { display:block; }
.search-clear:hover { background:var(--teal-50); color:var(--teal-900); }

.brand-lockup { justify-self:end; display:flex; align-items:center; gap:1rem; color:var(--teal-900); text-decoration:none; min-width:0; }
.brand-copy { display:flex; flex-direction:column; align-items:flex-end; text-align:right; }
.brand-name { font-family:var(--font-display); font-size:2rem; line-height:.9; font-weight:600; letter-spacing:-.025em; color:var(--teal-900); }
.brand-name strong { color:var(--teal-700); font-weight:600; }
.brand-slogan { margin-top:.4rem; color:var(--text-muted); font-size:.62rem; letter-spacing:.055em; text-transform:uppercase; white-space:nowrap; }
.brand-logo { width:76px; height:76px; object-fit:contain; flex:0 0 auto; }

.navbar-navrow { min-height:50px; border-top:1px solid rgba(122,74,94,.08); display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.nav-main-links { list-style:none; margin:0; padding:0; display:flex; align-items:stretch; gap:.1rem; }
.nav-main-links > li { position:static; }
.nav-main-links .nav-link { position:relative; display:flex; align-items:center; gap:.4rem; height:50px; padding:.2rem .78rem !important; color:#493e41 !important; font-size:.72rem; font-weight:600; letter-spacing:.075em; text-transform:uppercase; text-decoration:none; }
.nav-main-links .nav-link::after { content:''; position:absolute; left:.78rem; right:.78rem; bottom:0; height:2px; background:var(--teal-700); transform:scaleX(0); transform-origin:center; transition:transform .2s ease; }
.nav-main-links .nav-link:hover,.nav-main-links .nav-link.active { color:var(--teal-700) !important; }
.nav-main-links .nav-link:hover::after,.nav-main-links .nav-link.active::after { transform:scaleX(1); }
.nav-chevron { font-size:.55rem; transition:transform .2s; }
.nav-has-menu:hover .nav-chevron { transform:rotate(180deg); }
.navbar-tools { align-items:center; gap:.25rem; }
.tool-link { position:relative; display:inline-flex; align-items:center; gap:.4rem; padding:.55rem .7rem; color:#493e41; text-decoration:none; font-size:.75rem; font-weight:600; }
.tool-link:hover,.tool-link.active { color:var(--teal-700); }
.cart-tool { padding-right:1rem; }
.cart-badge { position:absolute; top:0; right:0; width:17px; height:17px; display:flex; align-items:center; justify-content:center; background:var(--promo); color:#fff; border-radius:50%; font-size:.58rem; font-weight:700; }

.mega-menu-refined { top:100%; left:0; transform:none; width:min(1040px,94vw); border-radius:0 0 1rem 1rem; padding:0; overflow:hidden; }
.nav-has-menu:hover .mega-menu-refined { transform:translateY(0); }
.mega-menu-refined { display:grid; grid-template-columns:34% 66%; min-height:270px; }
.mega-menu-intro { padding:2rem; background:var(--teal-50); display:flex; flex-direction:column; justify-content:center; }
.mega-menu-intro h3 { font-family:var(--font-display); font-size:1.65rem; line-height:1.08; font-weight:600; margin:.15rem 0 1rem; color:var(--teal-900); }
.mega-menu-intro h3 em { color:var(--teal-700); }
.mega-menu-intro a { color:var(--teal-700); font-size:.78rem; font-weight:600; text-decoration:none; }
.mega-menu-intro a i { margin-left:.3rem; }
.mega-menu-columns { display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:2rem 2.25rem; }
.mega-menu-columns h6 { font-size:.64rem; text-transform:uppercase; letter-spacing:.12em; color:var(--text-muted); margin:0 0 .75rem; }
.mega-menu-columns a { display:block; padding:.4rem 0; color:var(--text-main); font-size:.82rem; text-decoration:none; }
.mega-menu-columns a:hover { color:var(--teal-700); }

.search-results { position:absolute; top:calc(100% + 9px); left:0; right:0; width:auto; background:#fff; border:1px solid #e3dfe0; border-radius:1rem; box-shadow:0 18px 45px rgba(45,31,35,.13); overflow:hidden; display:none; z-index:10000; }
.search-results.active { display:block; }
.search-results-head { padding:.7rem 1rem .5rem; font-size:.62rem; text-transform:uppercase; letter-spacing:.1em; color:var(--text-muted); border-bottom:1px solid #f0eded; }
.search-result-item { display:flex; align-items:center; gap:.7rem; padding:.72rem 1rem; text-decoration:none; color:var(--text-main); border-bottom:1px solid #f2eeee; }
.search-result-item:hover { background:#fcf7f8; }
.search-result-icon { width:38px; height:38px; border-radius:.65rem; display:grid; place-items:center; flex:0 0 auto; background:var(--teal-50); color:var(--teal-700); }
.search-result-copy { min-width:0; flex:1; }
.search-result-copy strong { display:block; font-size:.76rem; line-height:1.3; font-weight:600; }
.search-result-copy small { display:block; margin-top:.15rem; color:var(--text-muted); font-size:.64rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-result-arrow { color:#b3a7aa; font-size:.65rem; }
.search-view-all { display:block; padding:.75rem 1rem; color:var(--teal-700); font-size:.72rem; font-weight:600; text-decoration:none; text-align:center; background:#fff; }
.search-view-all:hover { background:var(--teal-50); }
.search-empty { display:flex; gap:.7rem; align-items:center; padding:1.1rem; color:var(--text-muted); }
.search-empty > i { color:var(--teal-500); }
.search-empty strong,.search-empty span { display:block; }
.search-empty strong { color:var(--text-main); font-size:.76rem; }
.search-empty span { margin-top:.15rem; font-size:.68rem; }

.navbar-mobile-actions { align-items:center; gap:.75rem; }
.navbar-mobile-actions a,.mobile-menu-button { color:var(--teal-900); background:none; border:0; font-size:1rem; text-decoration:none; position:relative; }
.mobile-menu-button { padding:.3rem; }
.mobile-menu { border-top:1px solid var(--border); padding:1rem 0 1.25rem; }
.mobile-search { margin-bottom:1rem; }
.mobile-nav-grid { display:grid; grid-template-columns:1fr 1fr; gap:.15rem .75rem; }
.mobile-nav-grid a { padding:.75rem .25rem; color:var(--text-main); border-bottom:1px solid var(--border); text-decoration:none; font-size:.82rem; }
.mobile-nav-grid a:hover { color:var(--teal-700); }

@media (max-width:1199px) {
  .navbar-topline { grid-template-columns:minmax(240px,1fr) minmax(330px,1.4fr); }
  .brand-lockup { grid-column:2; grid-row:1; }
  .navbar-service { display:none !important; }
  .navbar-search-wrap { grid-column:1; grid-row:1; }
  .brand-copy .brand-slogan { display:none; }
  .brand-name { font-size:1.65rem; }
  .brand-logo { width:64px; height:64px; }
  .nav-main-links .nav-link { padding-left:.55rem !important; padding-right:.55rem !important; font-size:.66rem; }
}
@media (max-width:991px) {
  .navbar-topline { grid-template-columns:1fr auto; min-height:76px; gap:1rem; }
  .navbar-search-wrap { grid-column:1; }
  .brand-lockup { display:none; }
  .navbar-navrow { display:none; }
  .top-banner-actions { display:none; }
  .top-banner-inner { justify-content:center; }
  .top-banner-points { gap:1rem; }
}
@media (max-width:575px) {
  .top-banner { font-size:.64rem; }
  .top-banner-points span:nth-child(2) { display:none; }
  .navbar-topline { min-height:68px; }
  .site-search-input { height:42px; font-size:.75rem; padding-left:2.55rem; }
  .search-leading-icon { left:.9rem; }
  .mobile-nav-grid { grid-template-columns:1fr; }
}

/* ============================================================
   V3 E-COMMERCE — header commun + accueil
   ============================================================ */
.navbar-main { background:#fffdfb; }
.navbar-topline {
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:1rem 0;
}
.brand-lockup {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:1rem;
  flex:1 1 auto;
  min-width:0;
  text-decoration:none;
  color:var(--teal-900);
}
.brand-logo {
  width:118px;
  height:72px;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
}
.brand-slogan {
  max-width:270px;
  padding-left:1rem;
  border-left:1px solid #e7dcdf;
  color:#75696c;
  font-family:var(--font-display);
  font-size:1.08rem;
  font-style:italic;
  line-height:1.15;
}
.navbar-help-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  flex:0 0 auto;
}
.help-link {
  display:flex;
  align-items:center;
  gap:.55rem;
  min-width:150px;
  padding:.45rem .7rem;
  color:#4f4548;
  text-decoration:none;
  border-radius:.75rem;
  transition:background .2s,color .2s;
}
.help-link:hover { background:#fbf1f4; color:var(--teal-700); }
.help-icon {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--teal-50);
  color:var(--teal-700);
  flex:0 0 auto;
}
.help-link small { display:block; font-size:.61rem; color:#8b7d81; line-height:1.1; }
.help-link strong { display:block; margin-top:.15rem; font-size:.73rem; font-weight:600; line-height:1.1; }
.header-tool {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.2rem;
  min-width:60px;
  min-height:54px;
  color:#514649;
  text-decoration:none;
  font-size:.65rem;
  font-weight:600;
  border-left:1px solid #eee6e7;
  padding-left:.8rem;
}
.header-tool i { font-size:1rem; color:var(--teal-700); }
.header-tool:hover { color:var(--teal-700); }
.header-tool .cart-badge { top:3px; right:2px; }
.navbar-search-row { padding:0 0 1rem; }
.navbar-search-wrap { width:min(760px,100%); margin:0 auto; }
.site-search-input { height:50px; border-color:#ddd3d6; background:#fff; box-shadow:0 3px 14px rgba(73,62,65,.04); }
.site-search-input:focus { box-shadow:0 0 0 4px rgba(201,141,160,.10),0 6px 20px rgba(73,62,65,.06); }
.navbar-navrow { min-height:50px; border-top:1px solid #eee5e7; }
.nav-main-links { flex-wrap:wrap; }
.nav-main-links .nav-link { height:50px; }
.navbar-utility-note { color:#8b7d81; font-size:.66rem; display:flex; align-items:center; gap:.35rem; white-space:nowrap; }
.navbar-utility-note i { color:var(--teal-700); }

/* Search: stronger ecommerce presentation */
.search-results { max-height:470px; overflow:auto; }
.search-result-item { min-height:58px; }
.search-result-copy strong { font-size:.78rem; }
.search-result-copy small { font-size:.66rem; }
.search-view-all { border-top:1px solid #eee7e8; }

/* Homepage hero */
.home-hero {
  background:#f9f2ef;
  border-bottom:1px solid #eadfe1;
  overflow:hidden;
}
.home-hero-grid {
  min-height:500px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  align-items:center;
  gap:3rem;
  padding:3.5rem 0;
}
.home-hero-copy { max-width:620px; }
.hero-kicker {
  display:inline-block;
  margin-bottom:1rem;
  color:var(--teal-700);
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.home-hero h1 {
  margin:0 0 1rem;
  color:var(--teal-900);
  font-family:var(--font-display);
  font-size:clamp(2.8rem,5vw,4.8rem);
  line-height:.98;
  font-weight:600;
  letter-spacing:-.025em;
}
.home-hero h1 em { color:var(--teal-700); font-style:italic; }
.home-hero-copy > p { max-width:560px; margin:0; color:#6e6265; font-size:.94rem; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; margin-top:1.65rem; }
.home-hero-primary {
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.85rem 1.35rem;
  background:var(--teal-900); color:#fff;
  border-radius:999px;
  text-decoration:none;
  font-size:.78rem; font-weight:700;
  transition:transform .2s,background .2s,box-shadow .2s;
}
.home-hero-primary:hover { color:#fff; background:#643b4d; transform:translateY(-2px); box-shadow:0 10px 24px rgba(122,74,94,.18); }
.home-hero-secondary { color:var(--teal-900); text-decoration:none; font-size:.78rem; font-weight:600; padding:.8rem .7rem; }
.home-hero-secondary:hover { color:var(--teal-700); }
.hero-reassurance { display:flex; flex-wrap:wrap; gap:1.1rem; margin-top:1.5rem; }
.hero-reassurance span { display:inline-flex; align-items:center; gap:.4rem; color:#827477; font-size:.68rem; }
.hero-reassurance i { color:var(--teal-700); }
.home-hero-visual { position:relative; display:flex; justify-content:center; align-items:center; min-height:420px; }
.hero-visual-card {
  position:relative;
  width:min(390px,100%);
  min-height:410px;
  border-radius:1.5rem;
  background:#fff;
  border:1px solid #eadfe1;
  box-shadow:0 22px 55px rgba(73,62,65,.10);
  overflow:hidden;
  padding:1.2rem 1.2rem .9rem;
}
.visual-label { color:var(--teal-700); font-size:.62rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.hero-visual-card img { display:block; width:90%; height:290px; margin:.25rem auto 0; object-fit:contain; object-position:center bottom; }
.visual-caption { border-top:1px solid #eee6e7; padding:.75rem .25rem 0; }
.visual-caption strong { display:block; color:var(--teal-900); font-family:var(--font-display); font-size:1.15rem; }
.visual-caption span { color:#8a7d80; font-size:.65rem; }
.hero-visual-note {
  position:absolute; right:-10px; bottom:24px;
  display:flex; align-items:center; gap:.55rem;
  padding:.65rem .85rem;
  background:#fff;
  border:1px solid #eadfe1;
  border-radius:.8rem;
  box-shadow:0 12px 28px rgba(73,62,65,.10);
  color:#6d6064;
  font-size:.66rem; font-weight:600;
}
.hero-visual-note i { color:var(--teal-700); }
.home-benefits { background:#fff; border-bottom:1px solid #eee6e7; }
.benefits-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.benefit-item { display:flex; align-items:center; gap:.75rem; padding:1.15rem 1rem; border-right:1px solid #eee6e7; }
.benefit-item:first-child { border-left:1px solid #eee6e7; }
.benefit-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--teal-50); color:var(--teal-700); flex:0 0 auto; }
.benefit-item strong { display:block; color:#4e4346; font-size:.69rem; }
.benefit-item small { display:block; margin-top:.12rem; color:#95898b; font-size:.59rem; }

@media (max-width:1199px) {
  .navbar-topline { min-height:88px; }
  .brand-logo { width:100px; height:66px; }
  .brand-slogan { font-size:.98rem; max-width:220px; }
  .help-link { min-width:125px; }
  .help-link strong { font-size:.68rem; }
}
@media (max-width:991px) {
  .navbar-topline { min-height:72px; padding:.7rem 0; }
  .brand-lockup { flex:1; }
  .brand-logo { width:94px; height:58px; }
  .brand-slogan { display:block; font-size:.86rem; max-width:210px; padding-left:.7rem; }
  .navbar-help-actions { gap:.35rem; }
  .help-link,.header-tool { display:none; }
  .mobile-menu-button { display:block !important; }
  .navbar-search-row { padding-bottom:.75rem; }
  .navbar-navrow { display:none; }
  .navbar-utility-note { display:none; }
  .home-hero-grid { grid-template-columns:1fr; padding:3rem 0; }
  .home-hero-copy { max-width:700px; }
  .home-hero-visual { min-height:360px; }
  .benefits-grid { grid-template-columns:repeat(2,1fr); }
  .benefit-item:nth-child(2n) { border-right:0; }
  .benefit-item:nth-child(n+3) { border-top:1px solid #eee6e7; }
}
@media (max-width:575px) {
  .navbar-topline { gap:.5rem; }
  .brand-logo { width:78px; height:50px; }
  .brand-slogan { font-size:.72rem; max-width:155px; }
  .site-search-input { height:44px; }
  .home-hero-grid { padding:2.5rem 0 2rem; gap:1.8rem; }
  .home-hero h1 { font-size:2.8rem; }
  .home-hero-copy > p { font-size:.85rem; }
  .hero-reassurance { gap:.65rem; }
  .hero-visual-card { min-height:360px; }
  .hero-visual-card img { height:245px; }
  .hero-visual-note { right:4px; bottom:10px; }
  .benefit-item { padding:.9rem .65rem; }
}
.product-name-link { display:block; text-decoration:none; color:var(--text-main); }
.product-name-link:hover { color:var(--teal-700); }


/* ── V3 E-COMMERCE — header horizontal, émotion et conseil ───────── */
.navbar-main .navbar-topline-ecommerce{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(420px,1.65fr) auto;align-items:center;gap:1.25rem;min-height:92px;padding:1rem 0}
.navbar-main .brand-lockup{min-width:235px;gap:.65rem;align-items:center}
.navbar-main .brand-logo{width:78px;height:78px;object-fit:contain;flex:none}
.navbar-main .brand-slogan{max-width:150px;font-family:var(--font-display);font-style:italic;font-size:.9rem;line-height:1.15;color:var(--promo);display:block}
.navbar-main .navbar-search-inline{min-width:0}
.navbar-main .navbar-search-inline .search-wrap{width:100%;position:relative}
.navbar-main .navbar-search-inline .site-search-input{width:100%;height:46px;border:1px solid #ded4d5;border-radius:999px;background:#fffaf8;padding:0 3.2rem 0 2.75rem;font-size:.78rem;box-shadow:none}
.navbar-main .navbar-search-inline .site-search-input:focus{border-color:#bd7d8b;box-shadow:0 0 0 4px rgba(189,125,139,.10)}
.navbar-main .navbar-help-actions{justify-content:flex-end;gap:.8rem;white-space:nowrap}
.navbar-main .help-link{padding:.3rem .55rem;border-radius:.7rem}
.navbar-main .help-link:hover{background:#fbf2f3}
.navbar-main .help-link small{font-size:.65rem}
.navbar-main .help-link strong{font-size:.72rem}
.navbar-main .header-tool{min-width:58px}
.navbar-main .navbar-navrow{border-top:1px solid #eee5e4}
.navbar-main .navbar-utility-note{display:none}
@media(max-width:1199px){.navbar-main .navbar-topline-ecommerce{grid-template-columns:auto minmax(230px,1fr) auto;gap:.8rem}.navbar-main .navbar-help-actions{gap:.35rem}.navbar-main .brand-slogan{display:none}.navbar-main .navbar-search-inline{grid-column:2}.navbar-main .brand-lockup{min-width:190px}}
@media(max-width:991px){.navbar-main .navbar-topline-ecommerce{display:flex;min-height:78px}.navbar-main .brand-lockup{margin-right:auto}.navbar-main .brand-logo{width:64px;height:64px}.navbar-main .navbar-search-inline{display:none}.navbar-main .help-link,.navbar-main .header-tool{display:none}.navbar-main .mobile-menu-button{display:flex!important}}

.home-hero-copy h1{max-width:720px}
.home-hero-copy h1 em{font-style:italic}
.home-hero .hero-reassurance{border-top:1px solid rgba(122,74,94,.14);padding-top:1rem;margin-top:1.25rem}
.home-benefits{display:none}
.home-article-card,.conseils-home-card{overflow:hidden}
.conseils-home-card .article-card-img{height:210px}
.conseils-home-card .article-card-img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:767px){.navbar-main .navbar-topline-ecommerce{padding:.65rem 0}.navbar-main .brand-lockup{min-width:0}.navbar-main .brand-slogan{display:block;font-size:.75rem;max-width:110px}.navbar-main .brand-logo{width:58px;height:58px}}

/* ── ACCUEIL V4 : émotion, conseil et e-commerce ───────────── */
.home-hero { position:relative; background:linear-gradient(105deg,#fdf7f4 0%,#f9eeed 48%,#f5e6e4 100%); overflow:hidden; }
.home-hero-copy { position:relative; z-index:2; }
.home-hero-copy h1 { max-width:720px; }
.home-hero-copy p { max-width:600px; }
.hero-kicker { color:#a8677c !important; }
.home-hero-primary { background:#b86f80 !important; border-color:#b86f80 !important; }
.home-hero-secondary { color:#a8677c !important; border-color:#c994a1 !important; }
.categories-refined { background:#fffdfb; }
.categories-refined .categories-heading { max-width:none; }
.categories-refined .section-title { max-width:760px; }

.editorial-home-banner { padding:1.4rem 0 2rem; background:#fffdfb; }
.editorial-home-banner-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:2rem 2.5rem; border-radius:1.35rem; background:linear-gradient(100deg,#fbefef,#fdf7f1); border:1px solid #eadbdd; }
.editorial-home-banner h2 { margin:.25rem 0 .4rem; font-family:var(--font-display); font-size:2.15rem; line-height:1.05; color:var(--teal-900); }
.editorial-home-banner h2 em { color:#b86f80; font-style:italic; }
.editorial-home-banner p { margin:0; max-width:650px; color:var(--text-muted); font-size:.9rem; }

.advice-home-card { display:block; height:100%; overflow:hidden; background:#fff; border:1px solid #e9e0df; border-radius:1rem; color:inherit; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.advice-home-card:hover { transform:translateY(-5px); box-shadow:0 16px 36px rgba(80,55,60,.10); border-color:#dcc5c9; color:inherit; }
.advice-home-img { aspect-ratio:1.65/1; overflow:hidden; background:#f7efed; }
.advice-home-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.advice-home-card:hover .advice-home-img img { transform:scale(1.035); }
.advice-home-body { padding:1.15rem 1.2rem 1.3rem; }
.advice-home-body > span { display:inline-flex; padding:.28rem .65rem; border-radius:999px; background:#fff0f1; color:#ad5f70; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.advice-home-body h3 { margin:.65rem 0 .45rem; font-family:var(--font-display); font-size:1.35rem; line-height:1.05; color:var(--teal-900); }
.advice-home-body p { margin:0; color:var(--text-muted); font-size:.76rem; line-height:1.55; }
.advice-home-body b { display:block; margin-top:1rem; color:#ad5f70; font-size:.72rem; }
.advice-home-body b i { margin-left:.3rem; transition:margin-left .2s; }
.advice-home-card:hover b i { margin-left:.6rem; }

/* Les produits utilisent les vraies photos fournies dans assets/products. */
.product-card-img { background:#fff; }
.product-card-img img { object-fit:contain !important; padding:1rem; background:#fff; }
.product-card { border-color:#e9e2df; box-shadow:0 4px 20px rgba(60,45,45,.045); }
.product-card:hover { box-shadow:0 16px 38px rgba(60,45,45,.10); }
.btn-add-cart { background:#b86f80 !important; border-color:#b86f80 !important; }

@media(max-width:767px){
  .editorial-home-banner-inner { flex-direction:column; align-items:flex-start; padding:1.5rem; }
  .editorial-home-banner h2 { font-size:1.8rem; }
}

/* =========================================================
   V4 — DA éditoriale, inclusive et e-commerce
   ========================================================= */
:root{
  --v4-ink:#172b35;
  --v4-rose:#b65f70;
  --v4-rose-soft:#f8e9e8;
  --v4-cream:#fffaf7;
  --v4-line:#eadfdb;
}
.home-hero-v4{background:#fbf2ee;overflow:hidden}
.home-hero-v4-inner{min-height:410px;display:grid;grid-template-columns:minmax(420px,42%) 1fr;position:relative}
.home-hero-v4-copy{padding:58px 30px 45px max(5vw,40px);position:relative;z-index:2;background:linear-gradient(90deg,#fbf2ee 0%,#fbf2eef2 78%,transparent 100%)}
.home-hero-v4 .hero-kicker{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--v4-rose);font-weight:700}
.home-hero-v4 h1{font-family:var(--font-display);font-size:clamp(2.8rem,4.1vw,4.35rem);line-height:.98;color:var(--v4-ink);margin:14px 0 20px;font-weight:500;letter-spacing:-.03em}
.home-hero-v4 h1 em{font-style:italic;color:var(--v4-rose)}
.home-hero-v4-copy>p{max-width:510px;color:#4e5a60;font-size:1rem;line-height:1.55;margin-bottom:22px}
.home-hero-v4-photo{background-image:url('assets/editorial/phototheque-2026/19-couple-grossesse-coucher-soleil.webp');background-size:cover;background-position:center;min-height:410px;position:relative}
.home-hero-v4-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fbf2ee 0%,transparent 25%)}
.hero-signature{font-family:var(--font-display)!important;font-style:italic;color:var(--v4-rose)!important;font-size:1.05rem!important;margin-top:22px!important}
.hero-signature span{font-size:1.5rem;margin-left:5px}
.hero-emotion-note{position:absolute;right:3.5%;top:34px;z-index:3;color:var(--v4-rose);font-family:var(--font-display);font-style:italic;text-align:center;font-size:1.05rem;line-height:1.2;transform:rotate(-3deg)}
.hero-emotion-note span{font-size:1.7rem;display:block}
.home-section{padding:48px 0;background:#fff}
.home-univers{padding-top:38px}
.section-heading-v4{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:24px}
.section-heading-v4 h2{font-family:var(--font-display);font-size:2.1rem;line-height:1.05;color:var(--v4-ink);margin:.2rem 0 0;font-weight:500}
.section-heading-v4 h2 em{color:var(--v4-rose);font-style:italic}
.section-heading-v4>a{color:var(--v4-rose);font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap}
.section-heading-v4>a i{margin-left:7px}
.univers-v4-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.universe-v4-card{border:1px solid var(--v4-line);border-radius:10px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:.25s ease;display:flex;flex-direction:column}
.universe-v4-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(54,38,38,.09);color:inherit}
.universe-v4-card>img{width:100%;height:132px;object-fit:cover;display:block}
.universe-v4-card>div{padding:13px 14px 15px;position:relative;min-height:116px}
.universe-v4-card h3{font-family:var(--font-display);font-size:1.1rem;line-height:1.05;margin:0 30px 5px;color:var(--v4-ink);font-weight:600}
.universe-v4-card p{font-size:.72rem;color:#6e7477;margin:0;line-height:1.35}
.universe-v4-card span{display:block;margin-top:10px;color:var(--v4-rose);font-size:.68rem;font-weight:700}
.universe-v4-card span i{margin-left:4px}
.home-products-v4{background:#fffaf8;padding-top:42px}
.products-v4-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.product-v4-card{background:#fff;border:1px solid var(--v4-line);border-radius:10px;overflow:hidden;min-width:0;transition:.25s ease}
.product-v4-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(55,40,40,.08)}
.product-v4-media{height:165px;position:relative;display:flex;align-items:center;justify-content:center;background:#fff}
.product-v4-media img{width:100%;height:100%;object-fit:contain;padding:15px}
.product-v4-media button{position:absolute;right:10px;top:10px;border:0;background:#fff;color:#b65f70;width:30px;height:30px;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.product-v4-info{padding:11px 13px 13px}
.product-v4-info small{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:#72777a;font-weight:700}
.product-v4-info h3{font-size:.92rem;color:var(--v4-ink);margin:4px 0 2px;font-weight:700}
.product-v4-info p{font-size:.68rem;color:#73797c;margin:0 0 7px;min-height:30px}
.product-rating{font-size:.62rem;color:#e2a126;letter-spacing:1px}.product-rating span{color:#858585;letter-spacing:0;margin-left:3px}
.product-v4-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:7px}
.product-v4-bottom strong{font-size:1rem;color:#9f314b}
.product-cart-btn{width:34px;height:34px;border-radius:50%;border:0;background:#bd6877;color:#fff;transition:.2s}.product-cart-btn:hover{background:#9f5262}.product-cart-btn.added{background:#6f9a80}
.home-advice-v4{padding-top:34px}
.advice-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.advice-v4-card{border:1px solid var(--v4-line);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:.25s ease}
.advice-v4-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(55,40,40,.08);color:inherit}
.advice-v4-card img{width:100%;height:150px;object-fit:cover;display:block}
.advice-v4-card>div{padding:12px 14px 15px}
.advice-v4-card span{display:inline-block;padding:4px 8px;background:#fff0f1;border-radius:99px;color:#ae5e6f;text-transform:uppercase;font-size:.58rem;font-weight:800;letter-spacing:.06em}
.advice-v4-card h3{font-family:var(--font-display);font-size:1.08rem;line-height:1.12;color:var(--v4-ink);margin:8px 0 14px;font-weight:600}
.advice-v4-card b{color:#b45c6c;font-size:.7rem}.advice-v4-card b i{margin-left:4px}
.home-reassurance-v4{background:#f9e9e7;padding:24px 0;border-top:1px solid #f1dcda}
.home-reassurance-v4 .container{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:2rem}
.reassurance-message{font-family:var(--font-display);font-size:1.45rem;color:#b45d6d;line-height:1.05}
.reassurance-items{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #e2c6c5}
.reassurance-items>div{display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid #e2c6c5;color:#b45d6d;font-size:.67rem;text-align:left}
.reassurance-items i{font-size:1.4rem}.reassurance-items b{font-weight:700;color:#4e5558}
@media(max-width:1100px){.home-hero-v4-inner{grid-template-columns:46% 54%}.univers-v4-grid{grid-template-columns:repeat(3,1fr)}.products-v4-grid{grid-template-columns:repeat(3,1fr)}.advice-v4-grid{grid-template-columns:repeat(2,1fr)}.home-reassurance-v4 .container{grid-template-columns:1fr}.reassurance-items{border-left:0}}
@media(max-width:767px){.home-hero-v4-inner{display:block}.home-hero-v4-copy{padding:42px 22px 28px;background:#fbf2ee}.home-hero-v4-photo{height:260px;min-height:260px}.home-hero-v4-photo:after{background:linear-gradient(180deg,#fbf2ee 0%,transparent 35%)}.hero-emotion-note{top:18px;right:18px;font-size:.85rem}.home-hero-v4 h1{font-size:2.7rem}.section-heading-v4{align-items:flex-start;flex-direction:column;gap:8px}.section-heading-v4 h2{font-size:1.8rem}.home-section{padding:34px 0}.univers-v4-grid{grid-template-columns:1fr 1fr}.products-v4-grid{grid-template-columns:1fr 1fr}.advice-v4-grid{grid-template-columns:1fr}.product-v4-media{height:145px}.home-reassurance-v4 .container{gap:22px}.reassurance-items{grid-template-columns:1fr 1fr;gap:16px;border:0}.reassurance-items>div{border:0;justify-content:flex-start}.universe-v4-card>img{height:110px}}
@media(max-width:480px){.univers-v4-grid,.products-v4-grid{grid-template-columns:1fr}.product-v4-media{height:190px}.home-hero-v4 h1{font-size:2.35rem}}

/* ================================================================
   V6 — DA UNIFIÉE / E-COMMERCE PREMIUM
   ================================================================ */
:root{
  --brand-ink:#182a31;
  --brand-rose:#b86472;
  --brand-rose-dark:#9d4e5d;
  --brand-blush:#fbefed;
  --brand-cream:#fffaf7;
  --brand-line:#eadcda;
}
html{scroll-behavior:smooth}
body{background:#fffdfb;color:var(--brand-ink)}

/* HEADER : recherche mathématiquement centrée */
.navbar-main{background:rgba(255,253,251,.98)!important;border-bottom:1px solid var(--brand-line);box-shadow:none!important;position:relative;z-index:1000}
.navbar-main .container{max-width:1440px}
.navbar-main .navbar-topline-ecommerce{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:1rem;min-height:88px;padding:10px 0}
.navbar-main .brand-lockup{display:flex;align-items:center;gap:12px;min-width:390px;max-width:420px;text-decoration:none}
.navbar-main .brand-logo{width:82px;height:68px;object-fit:contain}
.navbar-main .brand-slogan{display:block!important;max-width:185px;font-family:var(--font-display);font-style:italic;font-size:.92rem;line-height:1.15;color:var(--brand-rose)}
.navbar-main .navbar-search-inline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,34vw);z-index:3}
.navbar-main .navbar-search-inline .site-search-input{height:46px;background:#fff;border:1px solid #dfd2d0;padding-left:2.6rem;padding-right:3.2rem;font-size:.78rem}
.navbar-main .navbar-search-inline .site-search-input:focus{border-color:#c67a86;box-shadow:0 0 0 4px rgba(198,122,134,.11)}
.navbar-main .navbar-search-inline .search-leading-icon{color:var(--brand-rose)}
.navbar-main .navbar-help-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:.25rem;min-width:390px}
.navbar-main .help-link,.navbar-main .header-tool{color:var(--brand-ink)!important;text-decoration:none;border-radius:12px;transition:.2s ease}
.navbar-main .help-link{display:flex;align-items:center;gap:.45rem;padding:.5rem .6rem}
.navbar-main .help-link:hover,.navbar-main .header-tool:hover{background:var(--brand-blush)}
.navbar-main .help-link small{display:block;font-size:.66rem;font-weight:700;line-height:1.15}
.navbar-main .help-link strong{display:block;font-size:.62rem;font-weight:400;color:#8a7777;line-height:1.2;margin-top:2px}
.navbar-main .help-icon{font-size:1.2rem;color:var(--brand-ink)}
.navbar-main .header-tool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:.35rem .45rem;gap:.2rem;font-size:1.08rem}
.navbar-main .header-tool span:not(.cart-badge){font-size:.65rem;font-weight:600}
.navbar-main .cart-badge{background:var(--brand-rose)!important}
.navbar-main .navbar-navrow{min-height:48px!important;border-top:1px solid #eee3e1!important;background:#fff}
.navbar-main .nav-main-links{width:100%;justify-content:space-between!important}
.navbar-main .nav-link{color:#283238!important;font-size:.78rem;font-weight:500;padding:.85rem .55rem!important;position:relative}
.navbar-main .nav-link::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--brand-rose);transform:scaleX(0);transform-origin:center;transition:.2s}
.navbar-main .nav-link:hover,.navbar-main .nav-link.active{color:var(--brand-rose-dark)!important}
.navbar-main .nav-link:hover::after,.navbar-main .nav-link.active::after{transform:scaleX(1)}

/* Recherche : résultats plus riches et lisibles */
.navbar-main .search-results{width:430px;max-width:calc(100vw - 2rem);border:1px solid var(--brand-line);border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(57,31,36,.14);overflow:hidden}
.search-results-head{padding:.75rem 1rem .45rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:#9a7378;font-weight:700}
.search-result-item{display:grid!important;grid-template-columns:52px 1fr 18px;align-items:center;gap:.7rem;padding:.65rem 1rem!important;border-top:1px solid #f3e9e7;text-decoration:none!important;color:var(--brand-ink)!important}
.search-result-item img{width:52px!important;height:52px!important;object-fit:contain!important;background:#fffaf8;border-radius:10px}
.search-result-icon{width:52px;height:52px;border-radius:10px;background:#fbefed;color:var(--brand-rose);display:flex;align-items:center;justify-content:center;font-size:.9rem}
.search-result-copy strong{display:block;font-size:.78rem;line-height:1.25}
.search-result-copy small{display:block;margin-top:.2rem;font-size:.66rem;color:#8c7a7a}
.search-result-arrow{color:var(--brand-rose);font-size:.65rem}
.search-view-all{display:block;padding:.8rem 1rem;text-align:center;border-top:1px solid #f3e9e7;color:var(--brand-rose-dark)!important;text-decoration:none;font-size:.75rem;font-weight:700;background:#fffaf8}
.search-empty{display:flex;gap:.7rem;align-items:center;padding:1rem;color:#8a7777}
.search-empty i{color:var(--brand-rose)}

/* UNIVERS — visuels obligatoires, nets et beaucoup plus visibles */
.home-univers{padding-top:3.8rem!important;padding-bottom:4rem!important}
.univers-v4-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:14px!important}
.universe-v4-card{display:flex!important;flex-direction:column!important;background:#fff;border:1px solid var(--brand-line)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 3px 16px rgba(55,35,40,.04);min-height:320px!important;transition:transform .25s,box-shadow .25s!important}
.universe-v4-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 30px rgba(55,35,40,.10)!important}
.universe-v4-card img{display:block!important;width:100%!important;height:155px!important;object-fit:cover!important;object-position:center!important}
.universe-v4-card>div{padding:1rem 1rem 1.1rem!important;display:flex;flex-direction:column;flex:1}
.universe-v4-card h3{font-family:var(--font-display)!important;font-size:1.05rem!important;line-height:1.15!important;margin:0 0 .35rem!important;color:var(--brand-ink)!important}
.universe-v4-card p{font-size:.72rem!important;color:#786d6d!important;margin:0 0 auto!important;line-height:1.4!important}
.universe-v4-card span{margin-top:1rem;color:var(--brand-rose-dark);font-size:.68rem;font-weight:700}

/* PRODUITS accueil */
.home-products-v4{padding:3.8rem 0!important;background:#fffaf8!important}
.products-v4-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:14px!important}
.product-v4-card{background:#fff;border:1px solid var(--brand-line)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 3px 14px rgba(50,35,35,.04);transition:.25s!important}
.product-v4-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(50,35,35,.09)}
.product-v4-media{height:230px!important;background:#fff!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}
.product-v4-media img{width:100%!important;height:100%!important;object-fit:contain!important;padding:1.1rem!important}
.product-v4-media button{position:absolute;right:.7rem;top:.7rem;width:31px;height:31px;border-radius:50%;background:#fff;border:1px solid var(--brand-line);color:#9c8585}
.product-v4-info{padding:1rem!important}
.product-v4-info small{font-size:.64rem!important;text-transform:uppercase;letter-spacing:.07em;color:#8d7c7c}
.product-v4-info h3{font-size:.84rem!important;font-weight:650!important;margin:.25rem 0!important;line-height:1.3}
.product-v4-info p{font-size:.68rem!important;color:#887b7b!important;min-height:2.2em;margin:0 0 .35rem!important}
.product-rating{font-size:.66rem;color:#e5a52d;letter-spacing:1px}.product-rating span{color:#8a7b7b;letter-spacing:0}
.product-v4-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.65rem}.product-v4-bottom strong{font-size:.95rem;color:var(--brand-rose-dark)}
.product-cart-btn{width:34px;height:34px;border:0;border-radius:50%;background:var(--brand-rose);color:#fff;display:flex;align-items:center;justify-content:center}
.product-cart-btn.added{background:#71977a}

/* CONSEILS */
.home-advice-v4{padding:3.8rem 0!important;background:#fff!important}
.advice-v4-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.advice-v4-card{display:flex!important;flex-direction:column!important;border:1px solid var(--brand-line)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;text-decoration:none!important;color:inherit!important}
.advice-v4-card img{width:100%!important;height:180px!important;object-fit:cover!important;object-position:center!important;display:block!important}
.advice-v4-card>div{padding:1rem!important}.advice-v4-card>div>span{display:inline-block;background:#fae9e9;color:#a64f5d;border-radius:20px;padding:.2rem .55rem;font-size:.58rem;font-weight:700;text-transform:uppercase}
.advice-v4-card h3{font-family:var(--font-display)!important;font-size:1.05rem!important;line-height:1.2!important;margin:.55rem 0 .8rem!important}.advice-v4-card b{font-size:.68rem;color:var(--brand-rose-dark)}

/* Réassurance : plus e-commerce, plus légère */
.home-reassurance-v4{padding:1.15rem 0!important;background:var(--brand-blush)!important;border-top:1px solid #f0dfdc;border-bottom:1px solid #f0dfdc}
.home-reassurance-v4 .container{display:flex;align-items:center;gap:2rem}.reassurance-message{min-width:270px}.reassurance-message strong{font-family:var(--font-display);font-size:1.25rem;color:var(--brand-rose-dark);font-weight:500}
.reassurance-items{display:grid;grid-template-columns:repeat(4,1fr);flex:1}.reassurance-items>div{display:flex;align-items:center;gap:.6rem;justify-content:center;border-left:1px solid #ead5d2}.reassurance-items i{font-size:1.25rem;color:var(--brand-rose)}.reassurance-items span{font-size:.65rem;color:#6f6565}.reassurance-items b{color:var(--brand-ink)}

/* Pages internes : même langage visuel */
.breadcrumb-section{background:#fffaf8!important;border-bottom:1px solid #f0e3e1!important;padding:.65rem 0!important}
.breadcrumb{font-size:.7rem!important}.breadcrumb-item a{color:var(--brand-rose-dark)!important}
.page-hero,.legal-hero{background:linear-gradient(110deg,#fff7f4,#fbefed)!important;border:0!important;padding:2.6rem 0!important}
.page-hero h1,.legal-hero h1{font-family:var(--font-display)!important;color:var(--brand-ink)!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:500!important;margin:0}
.page-hero p,.legal-hero p{color:#776b6b!important;max-width:720px}
.cat-hero{background:linear-gradient(110deg,#fff7f4,#f8e9e8)!important;border:0!important}
.cat-hero-title{font-family:var(--font-display)!important;font-weight:500!important;color:var(--brand-ink)!important}
.cat-hero-title em{color:var(--brand-rose)!important}
.hero-pill{background:#fff!important;border:1px solid #ead4d1!important;color:var(--brand-rose-dark)!important}
.safety-banner{background:#fffaf8!important;border-color:#ecd9d6!important}

/* Catalogue */
.filters-sidebar,.filter-card,.products-toolbar,.rec-section,.cart-section,.order-summary,.auth-card,.auth-panel,.tracking-card,.form-section,.dash-card,.pay-panel,.related-section,.review-card,.legal-block{border-color:var(--brand-line)!important;border-radius:16px!important;box-shadow:0 3px 16px rgba(50,35,35,.035)!important}
.filter-card,.cart-section,.order-summary,.auth-card,.auth-panel,.tracking-card,.form-section,.dash-card,.pay-panel,.legal-block{background:#fff!important}
.product-card{border-color:var(--brand-line)!important;border-radius:16px!important;box-shadow:0 3px 14px rgba(50,35,35,.035)!important}
.product-card:hover{box-shadow:0 15px 28px rgba(50,35,35,.09)!important}
.product-card-img{background:#fff!important}.product-card-img img{object-fit:contain!important;padding:.8rem}
.btn-add-cart,.btn-teal{background:var(--brand-rose)!important}.btn-add-cart:hover,.btn-teal:hover{background:var(--brand-rose-dark)!important}
.btn-outline-teal,.btn-outline-teal-lg{border-color:var(--brand-rose)!important;color:var(--brand-rose-dark)!important}.btn-outline-teal:hover,.btn-outline-teal-lg:hover{background:var(--brand-rose)!important;color:#fff!important}

/* Conseils : images HD et cartes éditoriales */
.article-card{border-color:var(--brand-line)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 3px 16px rgba(50,35,35,.04)!important}
.article-card-img{height:190px!important;aspect-ratio:auto!important}.article-card-img img{width:100%!important;height:100%!important;object-fit:cover!important}
.topic-pill{border-color:#ead4d1!important;color:var(--brand-rose-dark)!important;background:#fff!important;border-radius:999px!important}.topic-pill.active{background:var(--brand-rose)!important;color:#fff!important}

/* FOOTER partagé */
.footer-main{background:#fff6f3!important;color:#6e6262!important;border-top:1px solid #eadbd8;padding:3.2rem 0 1.5rem!important}
.footer-brand{color:var(--brand-ink)!important}.footer-brand span{color:var(--brand-rose)!important}.footer-tagline{color:#837575!important}.footer-heading{color:#9c7478!important}.footer-link{color:#6f6262!important}.footer-link:hover{color:var(--brand-rose-dark)!important}.social-btn{background:#fff!important;border-color:#ead9d6!important;color:var(--brand-rose-dark)!important}.footer-bottom{border-top-color:#eadbd8!important;color:#9a8989!important}.footer-bottom a{color:#806f70!important}
.footer-newsletter .form-control{background:#fff!important;border-color:#e5d4d1!important;color:var(--brand-ink)!important}.footer-newsletter .form-control::placeholder{color:#aa9999!important}.footer-newsletter .btn{background:var(--brand-rose)!important;color:#fff!important}

/* Responsive */
@media(max-width:1199px){
 .navbar-main .brand-lockup{min-width:310px}.navbar-main .brand-slogan{max-width:135px;font-size:.8rem}.navbar-main .navbar-help-actions{min-width:320px}.navbar-main .navbar-search-inline{width:min(360px,30vw)}
 .univers-v4-grid{grid-template-columns:repeat(3,1fr)!important}.products-v4-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:991px){
 .navbar-main .navbar-topline-ecommerce{min-height:74px}.navbar-main .brand-lockup{min-width:0}.navbar-main .brand-logo{width:64px;height:58px}.navbar-main .brand-slogan{max-width:125px;font-size:.74rem}.navbar-main .navbar-search-inline{display:none}.navbar-main .navbar-help-actions{min-width:0}.navbar-main .help-link,.navbar-main .header-tool{display:none}.navbar-main .mobile-menu-button{display:flex!important}
 .advice-v4-grid{grid-template-columns:repeat(2,1fr)!important}.home-reassurance-v4 .container{display:block}.reassurance-message{margin-bottom:1rem}.reassurance-items{grid-template-columns:repeat(2,1fr);gap:.75rem}.reassurance-items>div{border-left:0;border-top:1px solid #ead5d2;padding-top:.7rem}
}
@media(max-width:767px){
 .navbar-main .brand-slogan{display:block!important;font-size:.68rem;max-width:105px}.navbar-main .brand-logo{width:55px;height:52px}.univers-v4-grid,.products-v4-grid{grid-template-columns:repeat(2,1fr)!important}.universe-v4-card{min-height:290px!important}.universe-v4-card img{height:125px!important}.product-v4-media{height:190px!important}.advice-v4-grid{grid-template-columns:1fr!important}.advice-v4-card img{height:200px!important}.home-section{padding-left:0!important;padding-right:0!important}.section-heading-v4{align-items:flex-start!important;gap:.5rem}.section-heading-v4 h2{font-size:1.75rem!important}
 .home-hero-v4-copy{padding:2.5rem 1.25rem!important}.home-hero-v4-photo{min-height:280px!important}
}
@media(max-width:480px){.univers-v4-grid,.products-v4-grid{grid-template-columns:1fr!important}.universe-v4-card img{height:190px!important}.product-v4-media{height:250px!important}.navbar-main .brand-slogan{max-width:92px}.home-reassurance-v4{padding:.9rem 0!important}}

/* Final cascade helpers — applied after page-specific legacy styles */
.cat-hero-real-image{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:18px;box-shadow:0 12px 30px rgba(70,40,45,.10)}
.cat-hero .cat-hero-img{border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(70,40,45,.10)}
.page-hero,.legal-hero{position:relative;overflow:hidden}
.page-hero::after,.legal-hero::after{content:'♡';position:absolute;right:6%;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:9rem;color:rgba(184,100,114,.08);pointer-events:none}
.products-toolbar{background:#fffaf8!important}
.products-toolbar .btn,.products-toolbar select,.products-toolbar input{border-color:var(--brand-line)!important}
.checkout-panel,.dash-panel{background:transparent}
.auth-tabs .auth-tab.active,.auth-tab.active{color:var(--brand-rose-dark)!important;border-color:var(--brand-rose)!important}
.tracking-status,.order-status{background:#fae9e9!important;color:var(--brand-rose-dark)!important}
@media(max-width:991px){.cat-hero-real-image{max-height:280px}.page-hero::after,.legal-hero::after{font-size:6rem}}

/* Identité fournie — intégration du logo La Paraphar'mam */
.navbar-main .brand-logo{object-fit:contain!important}
.footer-logo-link{transition:opacity .2s ease}
.footer-logo-link:hover{opacity:.92}
.delivery-note{margin:.65rem 0 0;font-size:.74rem;line-height:1.5;color:var(--text-muted)}

/* V18 — menu Univers : dropdown visible, cliquable et accessible */
.nav-main-links .nav-univers-menu{position:relative!important}.nav-main-links .nav-univers-menu .mega-menu-univers{top:100%;left:0;transform:translateY(8px);width:min(760px,92vw);max-height:min(70vh,520px);overflow:auto}.nav-main-links .nav-univers-menu:hover .mega-menu-univers,.nav-main-links .nav-univers-menu:focus-within .mega-menu-univers,.nav-main-links .nav-univers-menu.menu-open .mega-menu-univers{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-main-links .nav-univers-menu .mega-menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem 1.6rem}.nav-main-links .nav-univers-menu .mega-menu-intro{padding:1.5rem;background:#fffaf8;border-bottom:1px solid var(--border)}.nav-main-links .nav-univers-menu .mega-menu-columns h6{margin:0 0 .55rem;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.nav-main-links .nav-univers-menu .mega-menu-columns a{display:block;padding:.48rem .55rem;border-radius:.55rem;color:var(--text-main);text-decoration:none;font-size:.82rem}.nav-main-links .nav-univers-menu .mega-menu-columns a:hover{background:var(--teal-50);color:var(--teal-900)}@media(max-width:991px){.nav-main-links .nav-univers-menu .mega-menu-univers{display:none!important}}

/* La Paraphar'mam — footer global, identique sur toutes les pages */
.footer-main{background:#fff6f3!important;color:#6e6262!important;border-top:1px solid #eadbd8;padding:3.2rem 0 1.5rem!important}
.footer-brand{color:var(--brand-ink)!important}.footer-brand span{color:var(--brand-rose)!important}.footer-tagline{color:#837575!important}.footer-heading{color:#9c7478!important}.footer-link{color:#6f6262!important}.footer-link:hover{color:var(--brand-rose-dark)!important}.social-btn{background:#fff!important;border-color:#ead9d6!important;color:var(--brand-rose-dark)!important}.footer-bottom{border-top-color:#eadbd8!important;color:#9a8989!important}.footer-bottom a{color:#806f70!important}.footer-newsletter .form-control{background:#fff!important;border-color:#e5d4d1!important;color:var(--brand-ink)!important}.footer-newsletter .form-control::placeholder{color:#aa9999!important}.footer-newsletter .btn{background:var(--brand-rose)!important;color:#fff!important}
@media(max-width:991px){.footer-main .row{row-gap:2rem}}

/* Ratings sans avis fictifs */
.product-rating{display:flex;align-items:center;gap:.45rem;min-height:18px}.stars-empty{letter-spacing:.1em;color:#d8c8c5;font-size:.72rem}.rating-zero{font-size:.7rem;color:#7e7171;font-weight:600}.universe-product-rating{display:flex;align-items:center;gap:.35rem;margin:.45rem 0 0}.universe-product-rating .stars-empty{font-size:.68rem}.universe-product-rating .rating-zero{font-size:.68rem}

/* V22 shared editorial finish */
.site-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.site-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.site-reveal{opacity:1;transform:none;transition:none}}
#site-footer .footer-main.site-footer-v22{background:#fffaf7!important;color:#6f6262!important;border-top:1px solid #eadbd8!important;padding:54px 0 18px!important;box-shadow:none!important;border-radius:0!important}
#site-footer .footer-grid-v22{display:grid!important;grid-template-columns:1.6fr repeat(3,1fr) 1.2fr!important;gap:34px!important;align-items:start!important}
#site-footer .footer-logo-link{display:inline-flex!important;max-width:180px!important;margin-bottom:10px!important}#site-footer .footer-logo{width:168px!important;max-height:180px!important;object-fit:contain!important}#site-footer .footer-tagline{font-size:.78rem!important;line-height:1.65!important;color:#817476!important;margin:0 0 14px!important}
#site-footer .footer-heading{font-family:var(--font-body)!important;font-size:.64rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:700!important;color:#9b747a!important;margin:2px 0 12px!important}#site-footer .footer-link{display:block!important;color:#6f6262!important;font-size:.76rem!important;line-height:1.5!important;margin:0 0 8px!important;text-decoration:none!important}#site-footer .footer-link:hover{color:#8d5361!important}
#site-footer .social-btn{display:inline-flex!important;width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important;border:1px solid #e5d5d1!important;border-radius:50%!important;background:#fff!important;color:#8d5361!important;text-decoration:none!important}#site-footer .footer-contact-v22 p{font-size:.75rem!important;line-height:1.6!important;color:#817476!important;margin:0 0 9px!important}.footer-contact-mail{font-size:.76rem!important;color:#8d5361!important;text-decoration:none!important}.footer-note{font-size:.68rem!important;color:#a08f90!important}
#site-footer .footer-bottom-v22{display:grid!important;grid-template-columns:1.3fr 1fr 1fr!important;gap:18px!important;align-items:center!important;border-top:1px solid #eadbd8!important;padding-top:17px!important;margin-top:34px!important;color:#9a8989!important;font-size:.65rem!important}.footer-legal-links,.footer-payment{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.footer-legal-links a{color:#806f70!important;text-decoration:none!important}.footer-payment{justify-content:flex-end}.footer-payment i{font-size:1.2rem!important;opacity:.55}.footer-payment span{font-size:.64rem!important}
@media(max-width:1100px){#site-footer .footer-grid-v22{grid-template-columns:1.5fr repeat(2,1fr)!important}.footer-contact-v22{grid-column:span 2}}@media(max-width:720px){#site-footer .footer-grid-v22{grid-template-columns:repeat(2,1fr)!important;gap:26px 22px!important}.footer-brand-col{grid-column:1/-1}#site-footer .footer-bottom-v22{grid-template-columns:1fr!important;text-align:center}.footer-payment{justify-content:center}.footer-legal-links{justify-content:center}}@media(max-width:480px){#site-footer .footer-grid-v22{grid-template-columns:1fr!important}.footer-brand-col,.footer-contact-v22{grid-column:auto}}
