/* Ajustements communs : même identité, lecture plus calme sur chaque page. */
html { scroll-behavior:auto; }
body.site-harmonise {
  --noir:#111218; --panneau:#191b25; --blanc:#f5f5fc;
  --gris:#b0b2c3; --gris2:#a4a6b9; --or:#b395ff; --rose:#b395ff; --trait:#353649;
  font-family:Arial,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.page-aide,.page-collection,.page-mentions { background:#111218; color:#f5f5fc; }
.site-harmonise :is(a,button,summary,select):focus-visible { outline:2px solid #c8b2ff; outline-offset:5px; }
.site-harmonise :is(section[id],h2[id]) { scroll-margin-top:28px; }
.site-harmonise :is(.barre nav,.navigation-cadrans) { gap:12px 22px; align-items:center; }
.site-harmonise :is(.barre nav,.navigation-cadrans) a { text-decoration:none; line-height:1.5; padding-block:8px; }
.site-harmonise :is(.barre nav,.navigation-cadrans) a:hover { color:#e0d1ff; text-decoration:underline; }
.page-produit .hero { gap:clamp(30px,5vw,64px); padding-block:48px 64px; }
.page-produit section { padding-block:clamp(48px,6vw,80px); }
.page-produit section > h2,.page-produit .colour-gallery > h3 {
  font-family:inherit; font-size:clamp(27px,3.2vw,38px);
  line-height:1.2; letter-spacing:-.025em; font-weight:650;
}
.page-produit section > p { max-width:70ch; line-height:1.8; margin-top:20px; color:var(--gris); }
.page-produit .points { gap:32px 48px; margin-top:36px; }
.page-produit .points li { padding-bottom:22px; border-bottom:1px solid var(--trait); }
.page-produit .points b { line-height:1.45; margin-bottom:8px; }
.page-produit .points span:not(.puce) { line-height:1.8; }
.page-produit .qr { gap:30px; }
.page-produit .qr > div { max-width:72ch; }
.page-produit .qr p { margin-top:10px; line-height:1.8; }
.page-produit .planches { gap:22px; margin-top:30px; }
.page-produit .achat { padding:28px; }
.page-produit .rassure { line-height:1.75; }
.page-produit #version-54 .reglages { margin-top:40px; }
.page-produit #version-54 .reglages > p { max-width:70ch; margin-top:20px; line-height:1.8; }
.page-produit .guide-lead { line-height:1.8; }
.page-produit .guide-grid { gap:28px; }
.page-produit .guide-card p { line-height:1.8; }
.page-produit .reperes {
  display:flex; flex-wrap:wrap; gap:10px; padding:24px 0;
  border-bottom:1px solid var(--trait);
}
.reperes a {
  display:inline-flex; align-items:center; min-height:44px; padding:9px 17px;
  border:1px solid var(--trait); border-radius:999px; color:var(--gris); text-decoration:none;
  font-size:14px; line-height:1.5;
}
.reperes a:hover { border-color:#b395ff; color:var(--blanc); }
.site-harmonise .reperes { display:flex; flex-wrap:wrap; gap:10px; padding:24px 0; }
/* Une démonstration = une action nommée et ses étapes, à côté de la montre. */
.page-produit .gestes { display:grid; grid-template-columns:1fr; gap:24px; margin-top:32px; }
.gestes .geste-carte {
  display:grid; grid-template-columns:minmax(180px,240px) minmax(0,1fr);
  align-items:center; gap:clamp(24px,4vw,56px); margin:0; padding:28px;
  border:1px solid var(--trait); border-radius:20px; background:#191b2580; text-align:left;
}

/* La même navigation sur l'accueil, les produits et les pages pratiques. */
.site-harmonise .site-entete.barre {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:20px 28px; padding:24px 0; border-bottom:1px solid #353649;
}
.site-entete .site-marque {
  display:inline-flex; flex:none; align-items:center; gap:10px; padding:0;
  color:#f5f5fc; text-decoration:none; white-space:nowrap;
  font-size:23px; font-weight:800; letter-spacing:.025em;
}
.site-marque img { width:48px; height:48px; max-width:none; display:block; }
.site-marque > span > span { font-size:15px; font-weight:500; letter-spacing:.05em; }
.site-marque .site-w { color:#b395ff; font-weight:700; }
.site-entete.barre .site-navigation {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;
  gap:8px 18px; padding:0; margin:0; border:0; font-size:13px;
}
.site-entete .site-navigation a {
  display:inline-flex; align-items:center; min-height:44px; padding:8px 0;
  color:#b0b2c3; text-decoration:none; font-weight:500; line-height:1.5;
}
.site-entete .site-navigation a[aria-current="page"] { color:#d6c4ff; box-shadow:0 2px #b395ff; }
.site-entete .site-navigation a:hover { color:#fff; }
.site-navigation .choix-langue { position:static; }
.site-navigation .choix-langue select { min-height:40px; max-width:155px; }
.site-harmonise .site-pied {
  display:flex; flex-direction:column; align-items:flex-start; gap:24px;
  padding:36px 0 44px; margin-top:32px; border-top:1px solid #353649;
  color:#a4a6b9; font-size:14px; line-height:1.7; text-align:left;
}
.site-pied .site-pied-liens {
  display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px 24px;
  padding:0; margin:0; border:0; font-size:14px; line-height:1.5;
}
.site-pied-liens a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; color:#b0b2c3; overflow-wrap:anywhere; }
.site-pied-liens a:hover { color:#e0d1ff; text-decoration:underline; }
.site-pied > p { margin:0; }
.page-aide .contenu,.page-mentions .contenu { max-width:1120px; padding-block:0 32px; }
.page-aide .contenu > :is(h1,p,.reperes),.page-mentions .contenu > :is(h1,p,.reperes),.fiche-lecture {
  max-width:800px; margin-inline:auto;
}
.page-aide .contenu > h1,.page-mentions .contenu > h1 { margin-top:48px; }
.site-harmonise .fiche-lecture {
  padding:32px; margin-block:24px; border:1px solid #353649;
  border-radius:18px; background:#191b2580;
}
.site-harmonise .fiche-lecture h2 { margin:0 0 20px; padding:0; border:0; font-size:24px; line-height:1.35; }
.fiche-lecture li + li { margin-top:12px; }
.fiche-lecture :is(p,li,dd) { overflow-wrap:anywhere; }
.page-mentions .fiche-lecture dl { display:grid; grid-template-columns:minmax(150px,1fr) 2fr; gap:16px 24px; align-items:baseline; }
.page-mentions .fiche-lecture :is(dt,dd) { margin:0; }
.page-collection main { max-width:1160px; padding-top:0; padding-bottom:40px; }
.page-collection .site-entete { margin-bottom:36px; }
.page-collection .card > strong { font-size:16px; line-height:1.4; }
.page-collection .card > span:last-child { line-height:1.5; }
.page-produit .caisse { padding:clamp(24px,4vw,44px); }
.page-produit .inclus { gap:18px; margin-block:28px; }
.page-produit .inclus li { line-height:1.7; }
.page-produit .meteo { gap:20px 32px; padding:24px; background:#191b2580; border-radius:16px; }
.page-produit .colour-grid { gap:40px 28px; }
.page-accueil #produits .infos { display:inline-flex; align-items:center; min-height:44px; font-size:14px; }
@media(max-width:800px) {
  .site-harmonise .site-entete.barre { gap:14px; padding:20px 0; }
  .site-entete.barre .site-navigation { width:100%; justify-content:flex-start; gap:2px 18px; }
  .site-entete .site-marque { font-size:22px; }
  .site-marque img { width:42px; height:42px; }
  .site-harmonise .site-pied { gap:18px; }
  .page-produit .colour-grid { gap:30px 18px; }
}
@media(max-width:480px) {
  .site-entete.barre .site-navigation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 12px; font-size:11px; }
  .site-entete .site-navigation a { padding-block:10px; min-height:40px; }
  .site-navigation .choix-langue { grid-column:1/-1; justify-content:flex-end; margin-top:4px; }
  .site-harmonise .site-pied-liens { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:4px 20px; font-size:13px; }
  .site-pied-liens a:last-child { grid-column:1/-1; }
  .site-harmonise .fiche-lecture { padding:24px 20px; }
  .site-harmonise .fiche-lecture h2 { font-size:22px; }
  .page-mentions .fiche-lecture dl { display:block; }
  .page-mentions .fiche-lecture dt { margin-top:20px; }
  .page-mentions .fiche-lecture dd { margin-top:6px; }
}
.geste-media { min-width:0; }
.gestes .geste-media img { width:100%; border-radius:12px; }
.gestes .geste-carte figcaption { margin:0; font-size:16px; line-height:1.75; color:var(--gris); }
.geste-carte h3 { font-size:clamp(22px,2.4vw,28px); line-height:1.3; color:var(--blanc); margin:0 0 18px; }
.geste-carte ol { padding-left:22px; }
.geste-carte li + li { margin-top:14px; }
.geste-carte p { margin-top:18px; }
.geste-carte .geste-numero { color:var(--or); letter-spacing:.14em; font-size:12px; margin:0 0 12px; }
.geste-lecture {
  width:100%; margin-top:12px; padding:12px 14px; border:1px solid #73638f;
  border-radius:999px; background:#252034; color:#f5f5fc;
  font-family:inherit; font-size:14px; font-weight:600; line-height:1.5; cursor:pointer;
}
.geste-lecture[hidden] { display:none; }
.geste-lecture:hover { background:#34294b; }
.geste-planche { margin-top:28px; border-top:1px solid var(--trait); padding-top:22px; }
.geste-planche summary { cursor:pointer; padding:10px 0; color:var(--blanc); font-size:16px; }
.geste-planche img { width:100%; max-width:900px; margin:24px auto 0; height:auto; border-radius:12px; }
.geste-planche p { margin-top:16px; color:var(--gris); }
.page-accueil .intro { padding-block:44px 36px; }
.page-accueil .intro > p { font-size:16px; line-height:1.75; max-width:34ch; }
.page-accueil .products { gap:28px; }
.page-accueil .product { padding:30px; border-radius:18px; }
.page-accueil .benefits { gap:32px; margin-block:44px; padding-top:32px; }
.page-accueil .benefits h3 { font-size:16px; margin-bottom:10px; }
.page-accueil .benefits p { font-size:14px; line-height:1.75; }
.page-accueil .instagram-bande { margin-block:36px; }
.page-accueil #produits .bouton { border-radius:999px; }
.page-accueil .intro .eyebrow { font-size:12px; }
.page-aide .contenu,.page-mentions .contenu { max-width:800px; }
.page-aide h2,.page-mentions h2 { padding-top:32px; margin-top:52px; }
.page-aide p,.page-aide li,.page-mentions p { line-height:1.8; }
.page-collection main { padding-top:40px; }
.page-collection h1 { font-size:clamp(30px,4vw,44px); line-height:1.2; }
.page-collection .grid { gap:22px; margin-top:28px; }
.page-collection .card { padding:24px 14px; gap:10px; background:#191b25; }
.page-collection .notice { line-height:1.8; padding:20px 24px; margin-block:28px; background:#211d30; }
@media(min-width:1100px) {
  .page-accueil .products { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page-accueil #produits .commandes { flex-direction:column; }
}
@media(max-width:680px) {
  .page-produit .hero { padding-block:28px 40px; }
  .page-produit .achat { padding:24px 20px; }
  .page-produit .points { gap:24px; }
  .page-produit .planches { gap:14px; }
  .gestes .geste-carte { grid-template-columns:1fr; padding:24px 20px; gap:24px; }
  .geste-media { width:min(100%,260px); margin:auto; }
  .geste-carte figcaption { grid-row:1; }
  .page-accueil .intro { padding-block:28px; }
  .page-accueil .product { padding:24px; }
  .page-accueil .benefits { padding:4px 20px; margin-block:32px; }
  .page-accueil .benefits > div { padding-block:20px; }
  .page-collection .grid { gap:12px; }
  .page-collection .card { padding:18px 10px; }
  .page-collection main { padding-top:24px; }
  .page-produit .reperes { gap:8px; }
  .reperes a { font-size:13px; padding:9px 13px; }
}