:root{
  --bg:#ffffff; --text:#0f172a; --muted:#6b7280; --border:#e5e7eb;
  --shadow:0 10px 30px rgba(2,8,23,.08);
  --black:#111827;
  --footer-bg:#0f172a; --footer-text:#d1d5db; --footer-muted:#9ca3af; --footer-border:rgba(255,255,255,.08);
  /* Gris à 45% d’opacité */
  --gray-45: rgba(189,189,189,.45);  /* basé sur #bdbdbd */
  --gray-light-45: rgba(238,238,238,.45); /* basé sur #eee si tu en as besoin */
}

*{box-sizing:border-box}
html,body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Book Antiqua","Palatino Linotype",Palatino,"URW Palladio L",P052,serif;
}
img{max-width:100%;display:block}


.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* HERO */
.hero{padding:72px 0}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.title-xl{font-size:clamp(40px,6vw,72px);line-height:1.02;font-weight:800;letter-spacing:-.02em}
.title-xl .muted{color:#9ca3af;font-weight:700}
.subtitle{margin-top:10px;color:#6b7280;font-weight:600}
.lead{margin-top:22px;color:#6b7280;max-width:56ch}
.actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:999px;border:1px solid var(--black);
  text-decoration:none;font-weight:700}
.btn-primary{background:var(--black);color:#fff}
.btn-soft{background:#f3f4f6;color:var(--black);border-color:#f3f4f6}
.pill{border-radius:999px}

/* HERO Card de droite */
.card{background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);padding:24px}
/* ⬇️ gris des visuels/areas à 45% */
.thumb{background:var(--gray-45);height:220px;border-radius:14px;display:grid;place-items:center}
.flacon{width:64px;height:88px;border-radius:18px;background:#8b4513;position:relative}
.flacon:before{content:"";position:absolute;top:8px;right:8px;width:26px;height:10px;border-radius:6px;background:#b76722}
.pill{display:inline-block;margin-top:16px;background:#f3f4f6;border:1px solid var(--border);padding:6px 10px;border-radius:999px;font-size:12px;color:#6b7280;font-weight:600}
.card h3{margin:10px 0 4px;font-size:20px}
.card p{margin:4px 0;color:#6b7280}
.price{margin-top:10px;font-weight:800}

/* SECTION GENERIC */
.section{padding:48px 0}
.section-head{max-width:900px;margin:0 auto 24px;text-align:center}
.section-title{font-size:clamp(28px,4vw,42px);margin:0 0 8px}
.section-subtitle{color:var(--muted);margin:0}

/* BEST SELLERS */
.cards-3{display:grid;gap:28px;grid-template-columns:repeat(3,1fr);margin-top:28px}
.pcard{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;position:relative}
.pcard-badge{position:absolute;top:16px;left:16px;background:#0b0b0c;color:#fff;font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px}
/* ⬇️ vignettes produit en gris 45% */
.pcard-thumb{aspect-ratio: 16/10; background: var(--gray-45); display:grid; place-items:center}
.pcard-body{padding:18px}
.pcard-title{margin:8px 0 4px;font-size:20px}
.pcard-sub{color:var(--muted)}
.pcard-price{margin-top:10px;display:flex;gap:12px;align-items:baseline}
.pcard-price strong{font-size:20px}
.pcard-price s{color:#9ca3af}
.pcard-btn{
  margin-top:12px; display:inline-flex; align-items:center; gap:8px;
  background:#0b0b0c; color:#fff; padding:12px 16px; border-radius:12px;
  text-decoration:none; font-weight:700;
}
.center{text-align:center}
.mt-28{margin-top:28px}

/* NOTRE UNIVERS */
/* ⬇️ carte éditoriale grise à 45% */
.univers-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.univers-title{font-size:clamp(28px,4vw,42px);margin:0 0 12px}
.univers-lead{color:var(--muted);margin:0 0 16px;max-width:60ch}
.univers-text{color:var(--muted);margin:0 0 20px;max-width:60ch}
.univers-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.univers-list ul{margin:0;padding-left:18px}
.univers-list li{margin:8px 0}
.univers-card{
  background: var(--gray-45); color:#1f2937; border-radius:28px; padding:28px;
  box-shadow: var(--shadow); border: 1px solid rgba(0,0,0,.05);
}
.bottles{display:flex;gap:12px;justify-content:center;margin-bottom:14px}
.bottles span{width:36px;height:50px;border-radius:10px;background:#b76722}
.univers-card-title{text-align:center;margin:8px 0 6px;font-size:22px;color:#111827}
.univers-card-sub{text-align:center;color:#374151;margin:0 auto 16px;max-width:48ch}
.univers-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}
.univers-stats strong{font-size:22px;color:#111827}
.univers-stats span{display:block;color:#374151}

/* RESPONSIVE & utilitaires identiques à avant... (garde tes règles existantes) */

/* Sections plein écran */
.section-full { min-height:100vh; display:flex; align-items:center; }

/* Grids/utilitaires (inchangés) */
.cards-2{display:grid;gap:24px;grid-template-columns:1fr 1fr}
.category-wrap{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:24px}
.pagination .page{padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;text-decoration:none;color:var(--text)}
.pagination .page.is-active{background:#111827;color:#fff;border-color:#111827}

/* Cartes "collection" */
.pcard--soft{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.pcard-banner{height:130px;border-radius:16px;background:var(--gray-light-45);display:flex;align-items:center;justify-content:center;margin:16px}
.flacon-hero{width:64px;height:86px;background:linear-gradient(#8b4513,#6d3a0f);border-radius:10px;position:relative}
.flacon-hero__top{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:28px;height:8px;background:#b76722;border-radius:4px}
.pcard-features{display:grid;gap:8px;margin:12px 0}
.feat{display:flex;align-items:center;gap:10px}
.feat-dot{width:6px;height:6px;border-radius:999px;background:#c6a15c}

/* Catégories olfactives */
.category{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;text-align:center}
.category-icon{font-size:22px}
.category-name{font-weight:700;margin-top:8px}
.category-desc{color:var(--muted);font-size:14px;margin-top:4px}

/* Cartes produit */
.product-link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease}
.product-link:hover{transform:translateY(-2px)}

/* CTA bannière (inchangé) */
.cta-banner{background:#0f172a;color:#fff;border-radius:20px;padding:32px;text-align:center}
.cta-banner h2{margin:0 0 10px}
.cta-banner p{color:#d1d5db;margin:0 0 18px}