/* ============================================================
   MIND BLOOM WEAR — la feuille de style du site
   ------------------------------------------------------------
   La charte (Livrables/charte-graphique-mbw.md) : crème en fond,
   encre pour le texte, un seul accent, le vert sage. Playfair
   Display pour les titres, Inter pour le reste.

   Deux écarts voulus avec la charte, pour la lisibilité :

   - le sage #7A8B6F ne passe pas 4,5:1 pour un petit texte, ni
     sur blanc ni sous un texte blanc. Les textes et les boutons
     prennent sa déclinaison foncée #5C6B52 (5,7:1), et sur le
     charbon sa déclinaison claire #A9B89D (6,7:1). Le sage
     d'origine reste pour les filets et les aplats décoratifs ;
   - les polices sont servies par le site lui-même.
   ============================================================ */

@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(polices/inter-latin.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(polices/playfair-display-normal-latin.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;
  src:url(polices/playfair-display-italic-latin.woff2) format('woff2')}

/* Des polices de secours aux mêmes proportions : pendant les
   quelques centièmes de seconde où la vraie police arrive, le
   texte occupe déjà sa place, et rien ne saute. */
@font-face{font-family:'Inter repli';src:local('Arial'),local('Helvetica'),local('Liberation Sans');
  size-adjust:107.4%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}
@font-face{font-family:'Playfair repli';src:local('Times New Roman'),local('Times'),local('Liberation Serif');
  size-adjust:111.6%;ascent-override:97.3%;descent-override:22.6%;line-gap-override:0%}

:root{
  --creme:#FAF8F5; --blanc:#FFFFFF; --blanc-casse:#F5F5F0; --beige:#E8E0D8; --beige-chaud:#F5F0EB;
  --encre:#2C2C2C; --taupe:#6B6560; --noir:#1A1A1A; --charbon:#2C2C2C;
  --sage:#7A8B6F; --sage-fonce:#5C6B52; --sage-clair:#A9B89D;
  --titre:'Playfair Display','Playfair repli',Georgia,serif;
  --corps:'Inter','Inter repli',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --sortie:cubic-bezier(.22,.8,.24,1);
  --marge:clamp(20px,5vw,48px);
  --entete:84px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--entete) + 12px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--creme);color:var(--encre);font:400 16px/1.65 var(--corps);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--titre);font-weight:500;line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em;color:var(--noir)}
p{margin:0 0 1em}
button{font:inherit;color:inherit}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--sage-fonce);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.evitement{position:absolute;left:12px;top:-60px;z-index:100;background:var(--blanc);padding:10px 16px;border-radius:2px}
.evitement:focus{top:12px}
.enveloppe{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--marge)}
.etroite{max-width:680px}
.centre{text-align:center}
.section{padding-block:clamp(72px,10vw,128px)}
.surtitre{font:600 11.5px/1.4 var(--corps);letter-spacing:.22em;text-transform:uppercase;color:var(--sage-fonce);margin-bottom:14px}

/* ------------------------------------------------- les boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 30px;
  font:600 12.5px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
  border:1.5px solid transparent;border-radius:1px;cursor:pointer;
  transition:background-color .3s var(--sortie),color .3s var(--sortie),border-color .3s var(--sortie)}
.btn-plein{background:var(--sage-fonce);color:var(--blanc)}
.btn-plein:hover{background:#4C5A43}
.btn-ligne{border-color:var(--encre);color:var(--encre);background:transparent}
.btn-ligne:hover{background:var(--encre);color:var(--blanc)}
.lien-fleche{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--corps);text-decoration:none;
  padding-block:16px;border-bottom:1px solid transparent}
.lien-fleche .ico{width:18px;height:18px;transition:transform .35s var(--sortie)}
.lien-fleche:hover .ico{transform:translateX(4px)}
.lien-fleche.clair{color:var(--blanc)}

/* ------------------------------------------------- l'en-tête */
.entete{position:sticky;top:0;z-index:50;background:var(--charbon);color:var(--blanc);
  transition:box-shadow .35s var(--sortie)}
.entete-in{max-width:1200px;margin-inline:auto;padding-inline:var(--marge);height:var(--entete);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;
  transition:height .35s var(--sortie)}
.logo{justify-self:start;display:block;border-radius:50%}
.logo img{width:64px;height:64px;transition:width .35s var(--sortie),height .35s var(--sortie)}
.entete.reduit{box-shadow:0 6px 24px rgba(0,0,0,.18)}
.entete.reduit .entete-in{height:64px}
.entete.reduit .logo img{width:46px;height:46px}
.nav{display:flex;gap:clamp(18px,2.6vw,36px)}
.nav a{position:relative;font:500 12.5px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;color:rgba(255,255,255,.86);padding-block:14px;transition:color .25s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--sage-clair);
  transform:scaleX(0);transform-origin:left;transition:transform .4s var(--sortie)}
.nav a:hover,.nav a[aria-current]{color:var(--blanc)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.entete-actions{justify-self:end;display:flex;align-items:center;gap:6px}
.icone-lien{display:grid;place-items:center;width:44px;height:44px;color:rgba(255,255,255,.86);border-radius:50%}
.icone-lien:hover{color:var(--blanc)}
.btn-panier{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;margin-left:6px;
  border:1px solid var(--sage);color:var(--sage-clair);text-decoration:none;
  font:600 12px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;transition:background-color .3s,color .3s}
.btn-panier:hover{background:var(--sage);color:var(--blanc)}
.btn-panier .ico{width:19px;height:19px}
.compteur{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;
  background:var(--sage-clair);color:var(--charbon);font-size:11px;letter-spacing:0}
.compteur.vide{display:none}
.entete :focus-visible,.menu-mobile :focus-visible,.pied :focus-visible,.hero :focus-visible{outline-color:var(--sage-clair)}
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}
.burger span:not(.sr){position:absolute;left:11px;right:11px;height:1.5px;background:var(--blanc);transition:transform .35s var(--sortie),top .35s var(--sortie)}
.burger span:nth-child(1){top:17px}
.burger span:nth-child(2){top:26px}
.burger[aria-expanded="true"] span:nth-child(1){top:21.5px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){top:21.5px;transform:rotate(-45deg)}

.menu-mobile{position:fixed;inset:var(--entete-reel,var(--entete)) 0 0 0;z-index:49;background:var(--charbon);color:var(--blanc);
  padding:28px var(--marge) 40px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}
.menu-mobile[hidden]{display:none}
.menu-mobile nav{display:flex;flex-direction:column}
.menu-mobile nav a{font:500 clamp(1.9rem,8vw,2.4rem)/1.2 var(--titre);color:var(--blanc);text-decoration:none;
  padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.menu-mobile nav a[aria-current]{color:var(--sage-clair)}
.menu-mobile nav a.secondaire{font:500 13px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;border:0;padding-top:26px;color:rgba(255,255,255,.75)}
.menu-mobile-pied{display:flex;gap:10px;padding-top:24px}
.menu-mobile-pied a{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%}
body.menu-ouvert{overflow:hidden}

@media (max-width:900px){
  :root{--entete:72px}
  .entete-in{grid-template-columns:auto 1fr auto}
  .nav{display:none}
  .burger{display:block}
  .logo img{width:52px;height:52px}
  .entete.reduit .entete-in{height:60px}
  .entete.reduit .logo img{width:42px;height:42px}
  .btn-panier{padding:0 12px;border:0}
  .btn-panier-mot{display:none}
}

/* ------------------------------------------------- le haut de l'accueil */
.hero{position:relative;min-height:clamp(540px,86vh,860px);display:flex;align-items:center;overflow:hidden;
  background:#3a3836;color:var(--blanc);isolation:isolate}
.hero-photo{position:absolute;inset:0;z-index:-2}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;
  animation:respire 22s ease-in-out infinite alternate}
@keyframes respire{from{transform:scale(1)}to{transform:scale(1.07)}}
/* Le voile : c'est lui qui rend le titre lisible. Sur l'ancien site,
   le titre gris foncé se posait directement sur des sweats noirs. */
.hero-voile{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(22,21,20,.78) 0%,rgba(22,21,20,.55) 38%,rgba(22,21,20,.12) 72%,rgba(22,21,20,0) 100%),
             linear-gradient(0deg,rgba(22,21,20,.45) 0%,rgba(22,21,20,0) 35%)}
.hero-texte{padding-block:72px 110px}
.hero h1{color:var(--blanc);font-size:clamp(2.5rem,5.4vw,4.6rem);font-weight:500;max-width:13.5ch;margin-bottom:22px;
  text-wrap:balance}
.hero-sous{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7;max-width:34rem;color:rgba(255,255,255,.88);margin-bottom:34px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}
.defiler{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;
  color:rgba(255,255,255,.7);text-decoration:none;font:500 10.5px/1 var(--corps);letter-spacing:.3em;text-transform:uppercase}
.defiler::after{content:"";width:1px;height:46px;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,0));
  animation:goutte 2.4s var(--sortie) infinite}
@keyframes goutte{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:700px){
  .hero{align-items:flex-end;min-height:calc(100svh - var(--entete))}
  .hero-photo img{object-position:62% 40%}
  .hero-voile{background:linear-gradient(0deg,rgba(22,21,20,.86) 0%,rgba(22,21,20,.6) 45%,rgba(22,21,20,.15) 80%)}
  .hero-texte{padding-block:48px 92px}
}

/* ------------------------------------------------- les titres de section */
.tete-section{text-align:center;max-width:620px;margin:0 auto clamp(40px,5vw,64px)}
.tete-section h2{font-size:clamp(2rem,3.4vw,2.75rem)}
.tete-section h2::after{content:"";display:block;width:48px;height:1px;background:var(--sage);margin:22px auto 0}
.tete-section p{color:var(--taupe);font-size:15px;margin:18px 0 0}
.si-survol{display:none}
@media (hover:hover){.si-survol{display:inline}}

/* ------------------------------------------------- les cartes produit */
.grille-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px)}
.pieces .centre{margin-top:clamp(36px,4vw,56px)}
.carte{display:flex;flex-direction:column;min-width:0}
.carte-visuel{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#EEE9E2}
.carte-visuel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:opacity .6s var(--sortie),transform 1.2s var(--sortie)}
.carte-visuel .verso{opacity:0}
@media (hover:hover){
  .carte:hover .carte-visuel .recto{transform:scale(1.04)}
  .carte:hover .carte-visuel .verso{opacity:1}
}
.badge{position:absolute;top:14px;left:14px;background:var(--sage-fonce);color:var(--blanc);
  font:600 10.5px/1 var(--corps);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px}
.badge-epuise{background:var(--encre)}
@media (max-width:700px){
  /* Sur téléphone, la pastille reste une étiquette : pas plus d'un tiers de la photo. */
  .badge{top:10px;left:10px;font-size:8.5px;letter-spacing:.1em;padding:5px 7px}
}
.carte.epuisee .recto{opacity:.65}
.carte-infos{padding-top:18px}
.carte-cat{font:600 10.5px/1.4 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:var(--sage-fonce);margin-bottom:8px}
.carte-nom{font-size:1.16rem;margin-bottom:6px}
.carte-nom a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--sortie)}
.carte-nom a:hover{background-size:100% 1px}
.carte-nom a::after{content:"";position:absolute;inset:0}  /* toute la carte se clique, une seule fois au clavier */
.carte{position:relative}
.carte-phrase{font-size:13px;line-height:1.55;color:var(--taupe);margin-bottom:8px}
.carte-prix{font-weight:600;font-size:15px;margin-bottom:10px}
.pastilles{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:2px;margin-left:-6px}
.pastille{width:32px;height:32px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.pastille::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--c);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:box-shadow .25s}
.pastille[aria-pressed="true"]::before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px var(--creme),0 0 0 3.5px var(--encre)}
@media (max-width:700px){
  /* Sur téléphone, les cartes défilent : chacune s'arrête AU CENTRE
     de l'écran, la voisine dépasse un peu de chaque côté. La bande
     prend toute la largeur de l'écran (marges annulées). */
  .defilable{--carte:76vw;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--carte);
    gap:14px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:0;
    margin-inline:calc(-1 * var(--marge));padding-inline:calc((100vw - var(--carte)) / 2);scrollbar-width:none}
  .defilable::-webkit-scrollbar{display:none}
  .defilable>*{scroll-snap-align:center}
  .defilable .carte-infos{text-align:center}
  .defilable .pastilles{justify-content:center;margin-left:0}
  /* Les points sous les cartes : où l'on en est. */
  .points-defile{display:flex;justify-content:center;gap:8px;margin-top:18px}
  .points-defile span{width:6px;height:6px;border-radius:50%;background:var(--encre);opacity:.2;transition:opacity .3s,transform .3s}
  .points-defile span[aria-current="true"]{opacity:.85;transform:scale(1.25)}
}
@media (min-width:701px){.points-defile{display:none}}

/* ------------------------------------------------- les mots-piliers */
.mots{background:var(--blanc);padding-block:clamp(48px,6vw,80px);overflow:hidden;border-block:1px solid var(--beige)}
.mots-bande{display:flex;overflow:hidden}
.mots-bande+.mots-bande{margin-top:clamp(4px,1vw,12px)}
.mots-piste{display:flex;gap:clamp(28px,4vw,56px);padding-right:clamp(28px,4vw,56px);width:max-content;
  animation:defile 60s linear infinite}
.retour .mots-piste{animation-direction:reverse;animation-duration:70s}
.mots-piste span{font:600 clamp(2.4rem,5.6vw,4.6rem)/1.15 var(--titre);white-space:nowrap;
  padding-block:.08em .2em}  /* la bande coupe ce qui dépasse : de la place pour les jambages (g, q) et les accents */
.mots-bande+.mots-bande{margin-top:clamp(-8px,-.6vw,0px)}
.mots-piste .plein{color:var(--noir)}
.mots-piste .trait{color:transparent;-webkit-text-stroke:1px var(--taupe)}
@keyframes defile{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mots-piste,.hero-photo img,.defiler::after{animation:none}}

/* ------------------------------------------------- production responsable */
.production-grille{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:0 clamp(20px,3vw,40px);align-items:center}
.production-texte{grid-column:1/6;grid-row:1/3;padding-right:clamp(0px,2vw,24px)}
.production-texte h2{font-size:clamp(2rem,3.4vw,2.9rem)}
.production-texte p{color:var(--taupe);margin-bottom:30px;max-width:30rem}
.production-photo{margin:0}
.production-photo img{width:100%;height:100%;object-fit:cover}
.production-photo.un{grid-column:6/13;grid-row:1;aspect-ratio:4/3}
.production-photo.deux{grid-column:5/9;grid-row:2;aspect-ratio:3/2;margin-top:-90px;border:10px solid var(--creme);position:relative}
.production-photo figcaption{font:italic 400 14px/1.4 var(--titre);color:var(--taupe);margin-top:10px;text-align:right}
@media (max-width:900px){
  .production-grille{grid-template-columns:1fr;gap:0}
  .production-texte,.production-photo.un,.production-photo.deux{grid-column:1;grid-row:auto}
  .production-texte{margin-bottom:40px}
  .production-photo.deux{width:58%;justify-self:end;margin-top:-34px}
  .production-photo figcaption{text-align:left;max-width:40%}
}

/* ------------------------------------------------- la réassurance */
.reassurance{background:var(--blanc);border-top:1px solid var(--beige);padding-block:clamp(48px,6vw,72px)}
.reassurance-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center}
.reassurance .ico{width:30px;height:30px;margin:0 auto 14px;color:var(--sage-fonce)}
.reassurance h3{font-size:1.12rem;margin-bottom:6px}
.reassurance p{font-size:14px;color:var(--taupe);margin:0 auto;max-width:24ch}
@media (max-width:700px){.reassurance-grille{grid-template-columns:1fr;gap:34px}}

/* ------------------------------------------------- la newsletter */
.newsletter{background:var(--beige-chaud);padding-block:clamp(64px,8vw,96px);text-align:center}
.newsletter h2{font-size:clamp(1.9rem,3vw,2.4rem)}
.newsletter p{color:var(--taupe)}
.nl-form{display:flex;gap:10px;max-width:520px;margin:28px auto 0}
.nl-form input[type=email]{flex:1;min-width:0;min-height:50px;padding:0 18px;border:1px solid #928779;background:var(--blanc);
  font:400 16px/1 var(--corps);color:var(--encre);border-radius:1px}
.nl-form input[type=email]:focus{outline:2px solid var(--sage-fonce);outline-offset:1px;border-color:transparent}
.piege{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.nl-retour{min-height:1.6em;margin:14px 0 0;font-size:14px;color:var(--sage-fonce)!important;font-weight:500}
@media (max-width:520px){.nl-form{flex-direction:column}}

/* ------------------------------------------------- le pied de page */
.pied{background:var(--charbon);color:rgba(255,255,255,.72);font-size:14px;padding-top:clamp(56px,7vw,80px)}
.pied a{text-decoration:none;transition:color .2s}
.pied a:hover{color:var(--blanc)}
.pied-grille{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.pied-logo{font:500 1.6rem/1 var(--titre);color:var(--blanc);margin-bottom:16px}
.pied-logo span{color:var(--sage-clair)}
.pied-marque p{max-width:30ch;line-height:1.7}
.reseaux{display:flex;gap:10px;margin-top:20px}
.reseaux a{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:rgba(255,255,255,.85)}
.reseaux a:hover{border-color:var(--sage-clair);color:var(--blanc)}
.reseaux .ico{width:19px;height:19px}
.pied-titre{font:600 11.5px/1 var(--corps);letter-spacing:.2em;text-transform:uppercase;color:var(--blanc);margin-bottom:18px}
.pied-col li{margin-bottom:4px}
.pied-col a{display:inline-block;padding-block:6px}
.pied-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;margin-top:clamp(40px,5vw,64px);
  padding-block:24px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.pied-bas p{margin:0}
.pied-bas a{color:var(--blanc)}
@media (max-width:900px){.pied-grille{grid-template-columns:1fr 1fr}.pied-marque{grid-column:1/-1}}
@media (max-width:480px){.pied-grille{grid-template-columns:1fr}}

/* ------------------------------------------------- une page simple */
.page-simple{max-width:780px;padding-block:clamp(56px,8vw,96px)}
.page-simple h1{font-size:clamp(2.2rem,4vw,3rem);margin-bottom:28px}
.contenu h2{font-size:1.6rem;margin-top:1.8em}
.contenu h3{font-size:1.25rem;margin-top:1.5em}
.contenu p,.contenu li{color:#4a4541}
.contenu ul{list-style:disc;padding-left:1.3em;margin-bottom:1em}
.contenu a{color:var(--sage-fonce)}

/* ------------------------------------------------- les apparitions
   Rien n'est caché sans JavaScript : la classe .js est posée par
   le script de l'en-tête. Et rien ne bouge pour qui l'a demandé. */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--sortie),transform .9s var(--sortie)}
.js [data-reveal].vu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}}

/* =============================================================
   LA BOUTIQUE
   ============================================================= */
.bandeau-page{background:var(--blanc);border-bottom:1px solid var(--beige);padding-block:clamp(36px,5vw,64px) clamp(32px,4vw,52px)}
.bandeau-page h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:14px 0 12px}
.bandeau-page p{color:var(--taupe);max-width:40rem;margin:0}
.ariane{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--taupe)}
.ariane a{text-decoration:none}
.ariane a:hover{text-decoration:underline}
.ariane span[aria-hidden]{color:#bdb3a8}
.ariane [aria-current]{color:var(--encre)}

.boutique{padding-block:clamp(28px,4vw,48px) clamp(64px,8vw,104px)}
.filtres{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 34px;padding-bottom:22px;border-bottom:1px solid var(--beige)}
.filtre-groupe{border:0;margin:0;padding:0;min-width:0}
.filtre-groupe legend{font:600 10.5px/1 var(--corps);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);margin-bottom:10px;padding:0}
.filtre-pastilles{display:flex;flex-wrap:wrap;gap:8px}
.filtre{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #928779;border-radius:40px;
  font-size:13.5px;text-decoration:none;color:var(--encre);background:var(--blanc);transition:background-color .25s,border-color .25s,color .25s}
.filtre:hover{border-color:var(--encre)}
.filtre.actif{background:var(--encre);border-color:var(--encre);color:var(--blanc)}
.filtre.vide{opacity:.38;pointer-events:none}
.filtre-tri{margin-left:auto;display:flex;align-items:center;gap:10px}
.filtre-tri label{font:600 10.5px/1 var(--corps);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.filtre-tri select{min-height:40px;padding:0 36px 0 14px;border:1px solid #928779;border-radius:40px;background:var(--blanc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%232C2C2C' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 14px center;
  appearance:none;-webkit-appearance:none;font:400 13.5px var(--corps);color:var(--encre);cursor:pointer}
.boutique-compte{font-size:13px;color:var(--taupe);margin:18px 0 26px}
.boutique-grille{row-gap:clamp(36px,4vw,56px)}
.cellule[hidden]{display:none}
.boutique-vide{text-align:center;color:var(--taupe);padding:40px 0}
@media (max-width:700px){
  .boutique-grille{grid-template-columns:1fr 1fr;column-gap:14px}
  .boutique-grille .carte-phrase{display:none}
  .boutique-grille .carte-nom{font-size:1rem}
  .filtre-tri{margin-left:0;width:100%}
  .filtre-pastilles{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--marge));padding-inline:var(--marge);scrollbar-width:none}
  .filtre{flex:none}
  .filtre-groupe{width:100%}
}

.histoire-collection{display:grid;grid-template-columns:1fr 1fr;background:var(--charbon);color:rgba(255,255,255,.82);min-height:520px}
.histoire-photo{position:relative;min-height:320px}
.histoire-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.histoire-texte{padding:clamp(48px,7vw,96px) clamp(28px,6vw,88px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.histoire-texte h2{color:var(--blanc);font-size:clamp(2rem,3.4vw,2.8rem)}
.histoire-texte p{max-width:32rem;margin-bottom:30px}
.surtitre.clair{color:var(--sage-clair)}
.btn-ligne-clair{border-color:rgba(255,255,255,.7);color:var(--blanc)}
.btn-ligne-clair:hover{background:var(--blanc);color:var(--encre)}
@media (max-width:900px){.histoire-collection{grid-template-columns:1fr}.histoire-photo{aspect-ratio:4/3;min-height:0}}

/* =============================================================
   LA FICHE PRODUIT
   ============================================================= */
.fiche-haut{padding-top:22px}
.avis-wc:empty{display:none}
.avis-wc,.woocommerce-notices-wrapper{margin-top:14px}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{list-style:none;margin:0 0 14px;padding:14px 18px;
  background:var(--blanc);border-left:3px solid var(--sage-fonce);font-size:14px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.woocommerce-error{border-left-color:#B0553F}
.woocommerce-message .button,.woocommerce-info .button{order:2;margin-left:auto;font-weight:600;text-decoration:underline}

.fiche{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding-block:22px clamp(56px,7vw,88px)}
.fiche-galerie{min-width:0}
.galerie-piste{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;background:#EEE9E2;aspect-ratio:4/5}
.galerie-piste::-webkit-scrollbar{display:none}
.galerie-vue{margin:0;scroll-snap-align:start;position:relative}
.galerie-vue img{width:100%;height:100%;object-fit:cover}
.galerie-vignettes{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.vignette{flex:none;width:68px;aspect-ratio:4/5;padding:0;border:1px solid transparent;background:#EEE9E2;cursor:pointer;overflow:hidden;opacity:.62;transition:opacity .25s,border-color .25s}
.vignette img{width:100%;height:100%;object-fit:cover}
.vignette[aria-current="true"],.vignette:hover{opacity:1;border-color:var(--encre)}
.galerie-compteur{display:none;font-size:12px;color:var(--taupe);margin:8px 0 0;text-align:center}

.fiche-colle{position:sticky;top:calc(var(--entete) + 24px)}
.surtitre.point::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sage);margin:0 8px 2px 0}
.fiche h1{font-size:clamp(1.9rem,3vw,2.5rem);margin-bottom:10px}
.fiche-prix{font:600 1.45rem/1.2 var(--corps);margin-bottom:6px}
.fiche-note{font-size:13px;color:var(--taupe);margin-bottom:20px}
.etiquettes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.etiquettes li{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--beige);background:var(--blanc);
  font:500 11px/1.2 var(--corps);letter-spacing:.08em;text-transform:uppercase;color:#4a4541}
.etiquettes svg{color:var(--sage-fonce);flex:none}
.choix{border:0;margin:0 0 22px;padding:0}
.choix legend{font:600 11.5px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;padding:0}
.choix-valeur{font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--taupe);margin-left:4px}
.choix-couleurs{display:flex;flex-wrap:wrap;gap:6px}
.choix-couleur{position:relative;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}
.choix-couleur::before{content:"";width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);transition:box-shadow .25s}
.choix-couleur input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.choix-couleur:has(input:checked)::before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 0 0 3px var(--creme),0 0 0 4.5px var(--encre)}
.choix-couleur:has(input:focus-visible){outline:2px solid var(--sage-fonce);outline-offset:1px;border-radius:50%}
.choix-tailles{display:flex;flex-wrap:wrap;gap:8px}
.choix-taille{position:relative;cursor:pointer}
.choix-taille input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.choix-taille span{display:grid;place-items:center;min-width:52px;height:46px;padding:0 12px;border:1px solid #928779;background:var(--blanc);font-size:14px;transition:border-color .2s,background-color .2s,color .2s}
.choix-taille:hover span{border-color:var(--encre)}
.choix-taille input:checked+span{background:var(--encre);border-color:var(--encre);color:var(--blanc)}
.choix-taille input:focus-visible+span{outline:2px solid var(--sage-fonce);outline-offset:2px}
.choix-taille.epuisee span{color:#a9a199;background:repeating-linear-gradient(135deg,transparent 0 9px,rgba(0,0,0,.06) 9px 10px),var(--blanc);text-decoration:line-through}
.lien-guide{display:inline-block;margin-top:12px;font-size:13px;color:var(--sage-fonce)}
.fiche-dispo{min-height:1.4em;font-size:13px;color:var(--taupe);margin:-6px 0 12px}
.fiche-dispo.alerte{color:#9A4A36}
.fiche-panier{display:flex;gap:10px}
.quantite{width:72px;min-height:54px;border:1px solid #928779;background:var(--blanc);text-align:center;font:500 16px var(--corps);border-radius:1px}
.btn-noir{background:var(--encre);color:var(--blanc);flex:1;min-height:54px}
.btn-noir:hover{background:var(--noir)}
.btn-noir:disabled{opacity:.5;cursor:not-allowed}
.btn-noir.ajoute{background:var(--sage-fonce)}
.fiche-services{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.fiche-services li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--beige-chaud);font-size:12.5px;color:#4a4541;--fond-icone:var(--beige-chaud)}
.fiche-services .ico{width:18px;height:18px;color:var(--sage-fonce);flex:none}

@media (max-width:900px){
  .fiche{grid-template-columns:1fr;padding-top:10px}
  .fiche-galerie{margin-inline:calc(-1 * var(--marge))}
  .galerie-vignettes{display:none}
  .galerie-compteur{display:block}
  .fiche-colle{position:static}
}

/* ---------------------------------------------- les onglets */
.onglets{padding-bottom:clamp(56px,7vw,96px)}
.onglets-liste{display:flex;gap:4px;border-bottom:1px solid var(--beige);overflow-x:auto;scrollbar-width:none}
.onglets-liste button{flex:none;border:0;background:none;cursor:pointer;padding:16px 18px;margin-bottom:-1px;border-bottom:2px solid transparent;
  font:600 11.5px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.onglets-liste button[aria-selected="true"]{color:var(--encre);border-bottom-color:var(--encre)}
.onglet{max-width:820px;padding-top:32px}
.onglet[data-ferme]{display:none}
.no-js .onglet[data-ferme],html:not(.js) .onglet[data-ferme]{display:block}
.onglet h3{font-size:1.45rem}
.onglet ul{list-style:none;padding:0}
.onglet ul li{padding:9px 0;border-bottom:1px solid var(--beige-chaud);font-size:14.5px}
.onglet ul li::before{content:"→ ";color:var(--sage-fonce);font-weight:600}
.mbw-trace-step{display:flex;gap:18px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--beige-chaud)}
.mbw-trace-num{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sage-fonce);color:var(--blanc);font-weight:600;font-size:14px}
.mbw-trace-step h4{font:600 14.5px/1.3 var(--corps);margin:4px 0 2px}
.mbw-trace-step p{margin:0;font-size:14px}
.mbw-size-table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 18px;display:block;overflow-x:auto}
.mbw-size-table th{background:var(--encre);color:var(--blanc);font:600 11px/1.3 var(--corps);letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:12px 14px;white-space:nowrap}
.mbw-size-table td{padding:10px 14px;border-bottom:1px solid var(--beige-chaud);white-space:nowrap}
.mbw-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mbw-care-card{background:var(--beige-chaud);padding:18px}
.mbw-care-card h4{font:600 14px/1.3 var(--corps);margin:0 0 6px}
.mbw-care-card p{margin:0;font-size:13.5px}
@media (max-width:600px){
  .mbw-care-grid{grid-template-columns:1fr}
  /* Le guide des tailles tient dans l'écran : intitulés sur deux lignes, cases resserrées. */
  .mbw-size-table{display:table;font-size:13px}
  .mbw-size-table th{white-space:normal;font-size:9.5px;letter-spacing:.04em;padding:9px 6px;vertical-align:bottom}
  .mbw-size-table td{padding:9px 6px}
}
.lies{background:var(--blanc);border-top:1px solid var(--beige)}

/* =============================================================
   LE TIROIR DU PANIER
   ============================================================= */
.tiroir{position:fixed;inset:0;z-index:80}
.tiroir[hidden]{display:none}
.tiroir-fond{position:absolute;inset:0;background:rgba(26,26,26,.45);animation:apparait .3s var(--sortie)}
.tiroir-boite{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--creme);display:flex;flex-direction:column;
  box-shadow:-12px 0 40px rgba(0,0,0,.18);animation:glisse .4s var(--sortie)}
@keyframes apparait{from{opacity:0}}
@keyframes glisse{from{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.tiroir-fond,.tiroir-boite{animation:none}}
.tiroir-tete{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--beige)}
.tiroir-titre{font:500 1.35rem/1 var(--titre);margin:0}
.tiroir-fermer{width:44px;height:44px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--taupe)}
.tiroir-message{margin:0;padding:12px 22px 0;font-size:13.5px;color:var(--sage-fonce);font-weight:500}
.tiroir-message:empty{display:none}
.tiroir-seuil{padding:14px 22px 0;font-size:13px;color:#4a4541}
.tiroir-seuil p{margin:0 0 8px}
.tiroir-seuil span{display:block;height:4px;background:var(--beige);border-radius:2px;overflow:hidden}
.tiroir-seuil i{display:block;height:100%;background:var(--sage-fonce);width:0;transition:width .6s var(--sortie)}
.tiroir-lignes{flex:1;overflow-y:auto;padding:8px 22px}
.tiroir-ligne{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--beige)}
.tiroir-ligne img{width:72px;aspect-ratio:4/5;object-fit:cover;background:#EEE9E2}
.tiroir-ligne b{display:block;font:500 15px/1.3 var(--titre)}
.tiroir-ligne small{display:block;font-size:12.5px;color:var(--taupe);margin-top:3px}
.tiroir-ligne .prix{font-weight:600;font-size:14px;white-space:nowrap}
.tiroir-retirer{border:0;background:none;padding:6px 0 0;font-size:12px;color:var(--taupe);text-decoration:underline;cursor:pointer}
.tiroir-vide{padding:30px 0;color:var(--taupe);text-align:center}
.tiroir-pied{padding:18px 22px 24px;border-top:1px solid var(--beige);display:grid;gap:10px;background:var(--blanc)}
.tiroir-total{display:flex;justify-content:space-between;margin:0 0 6px;font-size:15px}

/* =============================================================
   PANIER, COMMANDE, MON COMPTE — les formulaires de WooCommerce
   ============================================================= */
.page-tunnel-in{padding-block:clamp(36px,5vw,64px) clamp(64px,8vw,104px)}
.page-tunnel-in h1{font-size:clamp(2rem,3.4vw,2.6rem);margin-bottom:26px}
.page-tunnel .contenu p,.page-tunnel .contenu li{color:inherit}
.page-tunnel .contenu ul{list-style:none;padding:0}
.page-tunnel .contenu a{color:inherit}
.barre-livraison{background:var(--blanc);border:1px solid var(--beige);padding:16px 20px;margin-bottom:26px;font-size:14px}
.barre-livraison p{margin:0 0 10px}
.barre-livraison>span{display:block;height:4px;background:var(--beige);border-radius:2px;overflow:hidden}
.barre-livraison>span>i{display:block;height:100%;background:var(--sage-fonce)}

.woocommerce table.shop_table,.shop_table{width:100%;border-collapse:collapse;background:var(--blanc);border:1px solid var(--beige);font-size:14.5px}
.shop_table th{font:600 11px/1.3 var(--corps);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);text-align:left;padding:14px 16px;border-bottom:1px solid var(--beige)}
.shop_table td{padding:16px;border-bottom:1px solid var(--beige);vertical-align:middle}
.shop_table .product-thumbnail img{width:76px;aspect-ratio:4/5;object-fit:cover;background:#EEE9E2}
.shop_table .product-name a{font:500 1.05rem/1.3 var(--titre);text-decoration:none}
.shop_table .variation{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;margin:6px 0 0;font-size:12.5px;color:var(--taupe)}
.shop_table .variation dt,.shop_table .variation dd,.shop_table .variation p{margin:0}
.shop_table .product-remove a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;text-decoration:none;font-size:20px;color:var(--taupe)}
.shop_table .product-remove a:hover{background:var(--beige-chaud);color:var(--encre)}
.quantity .qty{width:70px;min-height:44px;border:1px solid #928779;text-align:center;font:500 15px var(--corps);background:var(--blanc)}
.shop_table .actions{padding:18px 16px}
.coupon{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.coupon label{position:absolute;left:-9999px}
.coupon .input-text{min-height:46px;padding:0 14px;border:1px solid #928779;background:var(--blanc);font:400 15px var(--corps);min-width:200px}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1.5px solid var(--encre);
  background:transparent;color:var(--encre);font:600 12px/1 var(--corps);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:1px}
.woocommerce .button:hover{background:var(--encre);color:var(--blanc)}
.woocommerce .button:disabled,.woocommerce .button[disabled]{opacity:.45;cursor:not-allowed}
.woocommerce .button.alt,.checkout-button,#place_order{background:var(--encre);color:var(--blanc);min-height:56px;width:100%;font-size:13px}
.woocommerce .button.alt:hover,.checkout-button:hover,#place_order:hover{background:var(--noir)}
.cart-collaterals{display:flex;justify-content:flex-end;margin-top:32px}
.cart_totals{width:min(440px,100%)}
.cart_totals h2,#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font-size:1.45rem;margin-bottom:16px}
.cart_totals .shop_table th{width:42%;text-transform:none;letter-spacing:0;font:500 14px var(--corps);color:var(--encre)}
.cart_totals .order-total td,.cart_totals .order-total th{font-weight:700;font-size:16px}
#shipping_method{list-style:none;padding:0;margin:0}
#shipping_method li{margin-bottom:6px}
.woocommerce-shipping-destination,.woocommerce-shipping-calculator{font-size:12.5px;color:var(--taupe)}
.wc-proceed-to-checkout{margin-top:16px}
.cross-sells{display:none}
.cart-empty,.return-to-shop{text-align:center}
.cart-empty{font:500 1.4rem/1.3 var(--titre);padding-top:20px}

/* La commande : deux colonnes, le récapitulatif reste à l'écran. */
form.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 clamp(28px,4vw,56px);align-items:start}
form.checkout>.woocommerce-NoticeGroup,form.checkout>.barre-livraison{grid-column:1/-1}
#customer_details{grid-column:1;grid-row:span 3}
#customer_details .col-1,#customer_details .col-2{width:100%;float:none}
#order_review_heading{grid-column:2;margin-top:0}
#order_review{grid-column:2;position:sticky;top:calc(var(--entete) + 20px);background:var(--blanc);border:1px solid var(--beige);padding:22px}
#order_review .shop_table{border:0}
.woocommerce form .form-row{margin:0 0 14px;padding:0}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:calc(50% - 7px);display:inline-block;vertical-align:top}
.woocommerce form .form-row-first{margin-right:10px}
.woocommerce form .form-row label{display:block;font:500 13px/1.3 var(--corps);margin-bottom:6px}
.woocommerce form .form-row .required{color:#9A4A36;text-decoration:none}
.woocommerce form .input-text,.woocommerce form select,.woocommerce-input-wrapper textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid #928779;background:var(--blanc);
  font:400 16px/1.4 var(--corps);color:var(--encre);border-radius:1px}
.woocommerce form .input-text:focus,.woocommerce form select:focus{outline:2px solid var(--sage-fonce);outline-offset:0;border-color:transparent}
.woocommerce-invalid .input-text{border-color:#B0553F}
#payment{margin-top:18px}
#payment .payment_methods{list-style:none;padding:0;margin:0 0 16px;border-top:1px solid var(--beige)}
#payment .payment_methods>li{padding:14px 0;border-bottom:1px solid var(--beige)}
#payment .payment_box{background:var(--beige-chaud);padding:12px 14px;margin-top:10px;font-size:13.5px}
#payment .payment_box p{margin:0}
.woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--taupe);margin-bottom:14px}
.woocommerce-privacy-policy-text p{font-size:12.5px}
.woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce-form-login-toggle .woocommerce-info{background:var(--blanc)}
.checkout_coupon,.woocommerce-form-login{background:var(--blanc);border:1px solid var(--beige);padding:18px;margin-bottom:22px}
@media (max-width:900px){
  form.checkout{grid-template-columns:1fr}
  #customer_details,#order_review_heading,#order_review{grid-column:1;grid-row:auto;position:static}
  .woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;margin-right:0}
}
@media (max-width:700px){
  .shop_table.cart thead{display:none}
  .shop_table.cart tr.cart_item{display:grid;grid-template-columns:76px 1fr auto;gap:4px 14px;padding:16px;border-bottom:1px solid var(--beige)}
  .shop_table.cart td{border:0;padding:0}
  .shop_table.cart td::before{display:none}
  .shop_table.cart .product-thumbnail{grid-row:1/4}
  .shop_table.cart .product-remove{grid-column:3;grid-row:1}
  .shop_table.cart .product-name{grid-column:2;grid-row:1}
  .shop_table.cart .product-price{display:none}
  .shop_table.cart .product-quantity{grid-column:2}
  .shop_table.cart .product-subtotal{grid-column:2;font-weight:600}
  .cart-collaterals{justify-content:stretch}
}

/* Mon compte */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:230px 1fr;gap:clamp(24px,4vw,56px)}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--beige)}
.woocommerce-MyAccount-navigation li a{display:block;padding:13px 0;border-bottom:1px solid var(--beige);text-decoration:none;font-size:14.5px}
.woocommerce-MyAccount-navigation li.is-active a{font-weight:600;color:var(--sage-fonce)}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
#customer_login{display:grid;grid-template-columns:1fr 1fr;gap:40px}
#customer_login h2{font-size:1.5rem}
.woocommerce-form-login,.woocommerce-form-register{background:var(--blanc);border:1px solid var(--beige);padding:24px}
@media (max-width:800px){.woocommerce-account .woocommerce,#customer_login{grid-template-columns:1fr}}
.woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:18px;background:var(--blanc);border:1px solid var(--beige)}
.woocommerce-order-overview li{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--taupe)}
.woocommerce-order-overview strong{display:block;font-size:15px;text-transform:none;letter-spacing:0;color:var(--encre)}
.select2-container .select2-selection--single{min-height:48px;border:1px solid #928779;border-radius:1px}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:14px}
.select2-container .select2-selection--single .select2-selection__arrow{height:46px}
/* Les textes réservés aux lecteurs d'écran (WooCommerce s'en sert
   partout : « Supprimer l'élément », « Obligatoire »…). */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.woocommerce .quantity .qty,.woocommerce form .quantity .input-text{width:76px;min-height:46px;text-align:center;padding:0 6px}
.password-input{position:relative;display:block}
.password-input .input-text{padding-right:52px}
.show-password-input{position:absolute;top:0;right:0;width:48px;height:48px;border:0;cursor:pointer;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12Z' fill='none' stroke='%236B6560' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='%236B6560' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center}
.show-password-input.display-password{opacity:.55}
.woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;margin:6px 0 14px;font-size:13.5px}
.woocommerce-LostPassword{font-size:13.5px;margin-top:14px}
@media (max-width:700px){
  .coupon{display:grid;width:100%;grid-template-columns:1fr}
  .coupon .input-text{min-width:0;width:100%}
  .shop_table .actions .button{width:100%;margin-top:8px}
}

/* =============================================================
   LES PAGES ÉDITORIALES
   ============================================================= */
.section-courte{padding-block:clamp(40px,5vw,64px)}
.tete-section .surtitre{margin-bottom:12px}
h1 em,h2 em{font-style:italic;color:var(--sage-fonce)}
.histoire-texte h2 em,.prochaine h2 em{color:var(--sage-clair)}

/* À propos */
.ap-haut{display:grid;grid-template-columns:1fr 1fr;min-height:min(80vh,720px);background:var(--creme)}
.ap-haut-photo{position:relative;min-height:340px}
.ap-haut-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ap-haut-texte{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,96px) clamp(24px,6vw,96px)}
.ap-haut h1{font-size:clamp(2.3rem,4.4vw,3.7rem);margin-bottom:22px}
.ap-haut-texte>p:last-child{color:var(--taupe);max-width:34rem;font-size:16.5px}
@media (max-width:900px){.ap-haut{grid-template-columns:1fr}.ap-haut-photo{aspect-ratio:4/3;min-height:0}}
.citation{background:var(--blanc);padding-block:clamp(56px,7vw,96px);border-block:1px solid var(--beige);text-align:center}
.citation figure{margin:0 auto}
.citation blockquote{margin:0}
.citation blockquote::before{content:"\201D";display:block;font:400 4.5rem/0.6 var(--titre);color:var(--sage);margin-bottom:22px}
.citation blockquote p{font:italic 400 clamp(1.5rem,2.6vw,2.1rem)/1.35 var(--titre);color:var(--noir);margin:0}
.citation figcaption{margin-top:20px;font:600 10.5px/1 var(--corps);letter-spacing:.24em;text-transform:uppercase;color:var(--taupe)}
.recit p{font-size:17px;line-height:1.8;color:#3c3834}
.recit p em{color:var(--sage-fonce)}
.lettrine::first-letter{float:left;font:500 4.2rem/.85 var(--titre);margin:6px 12px 0 0;color:var(--sage-fonce)}
.recit-chute{font:400 1.35rem/1.5 var(--titre)!important;color:var(--noir)!important;border-left:2px solid var(--sage);padding-left:20px;margin-top:28px}
.ap-recit-photo{margin:clamp(36px,5vw,56px) auto;max-width:960px;padding-inline:var(--marge)}
.ap-recit-photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ap-gammes{background:var(--blanc);border-block:1px solid var(--beige)}
.gammes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,32px);max-width:980px;margin:0 auto}
.gamme{border:1px solid var(--beige);padding:clamp(26px,3vw,40px);background:var(--creme);position:relative}
.gamme.signature{border-top:3px solid var(--sage-fonce)}
.gamme.design{border-top:3px solid var(--encre)}
.gamme-badge{font:600 10.5px/1 var(--corps);letter-spacing:.2em;text-transform:uppercase;color:var(--sage-fonce);margin-bottom:12px}
.gamme.design .gamme-badge{color:var(--encre)}
.gamme h3{font-size:1.7rem;margin-bottom:6px}
.gamme-prix{font:600 15px var(--corps);margin-bottom:18px}
.gamme ul{margin-bottom:18px}
.gamme li{padding:8px 0 8px 22px;border-bottom:1px solid var(--beige);font-size:14.5px;position:relative}
.gamme li::before{content:"";position:absolute;left:2px;top:15px;width:9px;height:5px;border-left:1.5px solid var(--sage-fonce);border-bottom:1.5px solid var(--sage-fonce);transform:rotate(-45deg)}
.gamme>p:last-child{color:var(--taupe);font-size:14.5px;margin:0}
.gammes-note{text-align:center;color:var(--taupe);font-style:italic;max-width:40rem;margin:32px auto 0}
@media (max-width:800px){.gammes{grid-template-columns:1fr}}
.convictions{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,5vw,72px);max-width:1000px;margin:0 auto;list-style:none;padding:0}
.convictions li{padding:28px 0;border-top:1px solid var(--beige)}
.convictions .num{font:500 13px var(--corps);letter-spacing:.14em;color:var(--sage-fonce)}
.convictions h3{font-size:1.55rem;margin:10px 0 8px}
.convictions p{color:var(--taupe);margin:0}
@media (max-width:800px){.convictions{grid-template-columns:1fr}}
.ap-processus{background:var(--charbon);color:rgba(255,255,255,.78)}
.ap-processus h2,.ap-processus h3{color:var(--blanc)}
.etapes{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,36px);list-style:none;padding:0;counter-reset:e}
.etapes li{border-top:1px solid rgba(255,255,255,.2);padding-top:22px}
.etape-label{font:600 10.5px/1.4 var(--corps);letter-spacing:.2em;text-transform:uppercase;color:var(--sage-clair);margin-bottom:12px}
.etapes h3{font-size:1.3rem;margin-bottom:10px}
.etapes p:last-child{font-size:14.5px;margin:0}
.chiffres{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:clamp(48px,6vw,80px) 0 0;padding-top:clamp(36px,4vw,52px);border-top:1px solid rgba(255,255,255,.14);text-align:center}
.chiffres dt{font:500 clamp(2.4rem,4.4vw,3.6rem)/1 var(--titre);color:var(--blanc)}
.chiffres dd{margin:10px auto 0;font-size:13.5px;max-width:16ch}
@media (max-width:900px){.etapes{grid-template-columns:1fr 1fr}.chiffres{grid-template-columns:1fr 1fr;row-gap:34px}}
@media (max-width:520px){.etapes{grid-template-columns:1fr}}
.fondateur{display:grid;grid-template-columns:5fr 6fr;gap:clamp(28px,6vw,88px);align-items:center}
.fondateur-photo{margin:0}
.fondateur-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.fondateur-lieu{font:600 10.5px/1 var(--corps);letter-spacing:.22em;text-transform:uppercase;color:var(--taupe);margin:-4px 0 22px}
.fondateur-texte p{color:#3c3834;font-size:16px}
.fondateur-signature{font:italic 400 1.5rem var(--titre)!important;color:var(--noir)!important}
@media (max-width:900px){.fondateur{grid-template-columns:1fr}}
.appel{background:var(--beige-chaud);padding-block:clamp(64px,8vw,104px)}
.appel h2{font-size:clamp(2rem,3.6vw,3rem)}
.appel p{color:var(--taupe)}
.appel-boutons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}

/* Contact — la disposition de la page d'origine */
.ct-haut{background:var(--creme);padding-block:clamp(56px,7vw,88px) clamp(64px,8vw,96px)}
.ct-haut h1{font-size:clamp(2.3rem,4.4vw,3.4rem);margin:0 auto 22px;max-width:18ch}
.ct-intro{color:var(--taupe);max-width:36rem;margin:0 auto}
.ct-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px);max-width:1100px;margin-top:clamp(40px,5vw,56px)}
.ct-carte{position:relative;display:flex;flex-direction:column;background:var(--blanc);border:1px solid var(--beige);padding:40px 32px;
  transition:border-color .3s,transform .3s,box-shadow .3s,opacity .9s var(--sortie)}
.ct-carte:hover{border-color:var(--sage);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.05)}
.js .ct-carte[data-reveal].vu:hover{transform:translateY(-3px)}
.ct-carte.vedette{background:#E8EDE5;border-color:var(--sage)}
.ct-etiquette{position:absolute;top:14px;right:14px;font:700 9px/1 var(--corps);letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;background:var(--sage-fonce);color:var(--blanc)}
.ct-icone{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--blanc);border:1px solid var(--sage);color:var(--sage-fonce);margin-bottom:20px;transition:background-color .3s,color .3s}
.ct-carte:hover .ct-icone{background:var(--sage-fonce);color:var(--blanc);border-color:var(--sage-fonce)}
.ct-carte.vedette .ct-icone{background:var(--sage-fonce);color:var(--blanc);border-color:var(--sage-fonce)}
.ct-carte h2{font-size:1.3rem;margin-bottom:10px}
.ct-texte{font-size:13.5px;color:var(--taupe);line-height:1.7;margin-bottom:20px}
.ct-pied{margin-top:auto;border-top:1px solid var(--beige);padding-top:16px}
.ct-carte.vedette .ct-pied{border-top-color:rgba(122,139,111,.35)}
.ct-detail{font-size:13.5px;font-weight:600;margin:0 0 2px}
.ct-sous{font-size:12.5px;color:var(--taupe);margin:0}
.ct-lien{display:inline-block;margin-top:14px;font:500 12px/1.4 var(--corps);letter-spacing:.08em;text-transform:uppercase;color:var(--sage-fonce);
  text-decoration:none;border-bottom:1.5px solid var(--sage);padding-bottom:2px;transition:color .3s,border-color .3s}
.ct-lien:hover{color:var(--encre);border-color:var(--encre)}
@media (max-width:900px){.ct-cartes{grid-template-columns:1fr;max-width:520px}}

.ct-milieu{background:var(--blanc);border-block:1px solid var(--beige);padding-block:clamp(56px,7vw,96px)}
.ct-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.ct-colonnes h2{font-size:clamp(1.8rem,2.8vw,2.3rem);margin-bottom:12px}
.ct-intro-col{color:var(--taupe);font-size:14.5px;margin-bottom:26px}
.formulaire .duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.formulaire p{margin:0 0 12px}
.formulaire input[type=text],.formulaire input[type=email],.formulaire select,.formulaire textarea{width:100%;min-height:48px;padding:12px 16px;border:1px solid #928779;background:var(--creme);
  font:400 15px/1.5 var(--corps);color:var(--encre);border-radius:0;transition:border-color .3s,background-color .3s}
.formulaire select{appearance:none;-webkit-appearance:none;background:var(--creme) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%232C2C2C' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:40px}
.formulaire textarea{resize:vertical;min-height:140px}
.formulaire :is(input,select,textarea):hover{border-color:var(--sage-fonce)}
.formulaire :is(input,select,textarea):focus{outline:2px solid var(--sage-fonce);outline-offset:0;border-color:transparent;background:var(--blanc)}
.formulaire .accord label{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--taupe);line-height:1.6}
.formulaire .accord input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--sage-fonce)}
.formulaire .accord a{color:var(--encre);font-weight:600}
.ct-envoyer{text-align:right;margin-top:6px!important}
.form-retour{min-height:1.5em;margin-top:10px!important;font-weight:500;font-size:14px;color:var(--sage-fonce)}
.form-retour.alerte{color:#9A4A36}
.ct-photo{margin:0 0 0}
.ct-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ct-horaires{background:var(--creme);border-left:3px solid var(--sage);padding:24px 28px}
.ct-horaires h3{font-size:1.1rem;margin-bottom:12px}
.ct-horaires table{width:100%;border-collapse:collapse;font-size:13.5px}
.ct-horaires th{text-align:left;font-weight:400;color:var(--taupe);padding:7px 0;border-bottom:1px solid var(--beige)}
.ct-horaires td{text-align:right;font-weight:600;padding:7px 0;border-bottom:1px solid var(--beige)}
.ct-horaires tr:last-child th,.ct-horaires tr:last-child td{border-bottom:0}
.ct-horaires tr.ferme td{font-weight:400;font-style:italic;color:var(--taupe)}
.ct-horaires address{font-style:normal;font-size:13.5px;color:var(--taupe);line-height:1.7;margin-top:14px;padding-top:14px;border-top:1px solid var(--beige)}
.ct-horaires address strong{color:var(--encre)}
@media (max-width:900px){.ct-colonnes{grid-template-columns:1fr}}
@media (max-width:560px){.formulaire .duo{grid-template-columns:1fr;gap:0}.ct-envoyer .btn{width:100%}}

.ct-faq{background:#F0EBE3;padding-block:clamp(56px,7vw,96px)}
.ct-faq-liste{max-width:880px;margin:0 auto}
.ct-question{background:var(--blanc);border:1px solid var(--beige);margin-bottom:10px;transition:border-color .3s}
.ct-question:hover,.ct-question[open]{border-color:var(--sage)}
.ct-question summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;cursor:pointer;list-style:none}
.ct-question summary::-webkit-details-marker{display:none}
.ct-question summary span{font:500 1.05rem/1.4 var(--titre);color:var(--encre)}
.ct-question summary i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--beige-chaud);color:var(--sage-fonce);
  font-style:normal;font-size:16px;line-height:1;transition:transform .3s,background-color .3s,color .3s}
.ct-question[open] summary i{transform:rotate(45deg);background:var(--sage-fonce);color:var(--blanc)}
.ct-question p{padding:0 26px 22px;margin:0;font-size:14.5px;color:var(--taupe);line-height:1.75}

/* Lab'O Thé */
.labo-photos{padding-block:clamp(28px,4vw,44px) 0;overflow:hidden}
.labo-piste{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,28vw,360px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--marge);scrollbar-width:thin}
.labo-piste figure{margin:0;scroll-snap-align:start}
.labo-piste img{width:100%;aspect-ratio:3/4;object-fit:cover}
.labo-texte h2{font-size:1.8rem;margin-top:1.4em}
.labo-texte ul{list-style:none;padding:0}
.labo-texte ul li{padding:8px 0 8px 20px;position:relative}
.labo-texte ul li::before{content:"";position:absolute;left:0;top:18px;width:8px;height:1px;background:var(--sage-fonce)}
.labo-infos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.labo-infos div{background:var(--blanc);border:1px solid var(--beige);padding:18px}
.labo-infos dt{font:600 10.5px/1.3 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:var(--sage-fonce);margin-bottom:8px}
.labo-infos dd{margin:0;font-size:14.5px;line-height:1.6}
@media (max-width:700px){.labo-infos{grid-template-columns:1fr}}

/* Newsletter seule, 404 */
.newsletter-page{min-height:52vh;display:grid;place-items:center}
.introuvable{padding-block:clamp(80px,12vw,160px)}
.introuvable h1{font-size:clamp(2.2rem,4.6vw,3.4rem)}
.introuvable p{color:var(--taupe)}
.contenu a.btn{text-decoration:none}
.contenu a.btn-noir{color:var(--blanc)}
.contenu a.btn-ligne{color:var(--encre)}

/* Les articles */
.article .bandeau-page h1{font-size:clamp(2.1rem,4vw,3rem)}
.article-date{font-size:13px;color:var(--taupe)}
.article-photo{margin:clamp(28px,4vw,48px) auto 0;max-width:960px}
.article-photo img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-corps{padding-block:clamp(36px,5vw,64px) 0}
.article-corps p,.article-corps li{font-size:17px;line-height:1.8}
.article-fin{padding-block:clamp(36px,5vw,56px) clamp(64px,8vw,96px);border-top:1px solid var(--beige);margin-top:clamp(36px,5vw,56px);text-align:center}
.article-fin p{color:var(--taupe)}
.js .ct-carte[data-reveal]{transition:border-color .3s,box-shadow .3s,transform .35s var(--sortie),opacity .9s var(--sortie)}
/* ---------- la cagnotte : panier, paiement, fiche, mon compte */
.cagnotte-bandeau{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:14px 18px;margin:0 0 18px;background:var(--beige-chaud);border-left:3px solid var(--sage-fonce);font-size:14.5px}
.cagnotte-bandeau p{margin:0}
.cagnotte-bandeau a{font-weight:600;color:var(--sage-fonce);white-space:nowrap}
.cagnotte-bandeau a.cagnotte-utiliser{background:var(--encre);color:var(--blanc);padding:10px 18px;text-decoration:none;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.cagnotte-bandeau a.cagnotte-utiliser:hover{background:var(--noir)}
tr.cagnotte-gain th,tr.cagnotte-gain td{color:var(--sage-fonce);font-weight:600}
tr.cagnotte-gain small{display:block;font-weight:400;color:var(--taupe);font-size:12px}
.fiche-cagnotte{font-size:13.5px;color:var(--sage-fonce);margin:-4px 0 14px}
.fiche-cagnotte a{color:var(--taupe);margin-left:6px}
.cagnotte-tableau a{display:block;padding:16px 18px;background:var(--charbon);color:var(--blanc);text-decoration:none}
.cagnotte-tableau span{color:var(--sage-clair);margin-left:6px}
.cagnotte-solde{display:flex;flex-wrap:wrap;gap:1px;background:var(--charbon);color:var(--blanc);margin-bottom:18px}
.cagnotte-solde>div{flex:1 1 200px;padding:22px 24px}
.cagnotte-solde span{display:block;font:600 11px/1.4 var(--corps);letter-spacing:.16em;text-transform:uppercase;color:#C9C3BB}
.cagnotte-solde strong{display:block;font:400 2.4rem/1.1 var(--titre);margin-top:6px}
.cagnotte-solde small{display:block;color:var(--sage-clair);margin-top:4px}
.cagnotte-attente{border-left:1px solid rgba(255,255,255,.14)}
.cagnotte-attente strong{color:#E8E0D8}
.cagnotte-note{background:var(--beige-chaud);border-left:3px solid #8A6218;padding:12px 16px;font-size:14px}
.cagnotte-note.alerte{border-color:#B0553F;background:#FDF1ED}
.cagnotte-regles{display:grid;gap:8px;margin:0 0 22px}
.cagnotte-regles li{position:relative;padding-left:22px;font-size:14.5px;color:var(--taupe)}
.cagnotte-regles li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:1.5px;background:var(--sage)}
.cagnotte-journal .num{text-align:right;white-space:nowrap;font-weight:600}
.cagnotte-journal .num.plus{color:var(--sage-fonce)}
.cagnotte-journal small{color:var(--taupe)}
.cartes-liste{display:grid;gap:10px;margin-bottom:20px}
.carte-ligne{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;background:var(--blanc);border:1px solid var(--beige)}
.carte-ligne code{display:block;font:600 13px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;margin:4px 0}
.carte-ligne small{display:block;color:var(--taupe);font-size:12.5px}
.carte-ligne-solde{text-align:right}
.carte-ligne-solde strong{font:400 1.5rem/1.1 var(--titre)}
.carte-ligne-solde a{font-size:13px;color:var(--sage-fonce);font-weight:600}
.carte-ligne.etat-annulee,.carte-ligne.etat-expiree,.carte-ligne.etat-epuisee{opacity:.6}

/* ============================================================
   LE BLOG (20/10) : l'encart de l'accueil, la page Blog, ses thèmes
   ============================================================ */
.grille-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.6vw,36px)}
.carte-article{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--blanc);border:1px solid var(--beige);
  transition:transform .45s var(--sortie),box-shadow .45s var(--sortie)}
.carte-article:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(44,44,44,.08)}
.carte-article-visuel{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--beige-chaud)}
.carte-article-visuel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--sortie)}
.carte-article:hover .carte-article-visuel img{transform:scale(1.04)}
.carte-article-sans-photo{position:absolute;inset:0;display:grid;place-items:center}
.carte-article-sans-photo img{position:static;width:88px;height:88px;opacity:.5}
.carte-article-infos{display:flex;flex-direction:column;flex:1;padding:22px 22px 20px}
.carte-article-titre{font-size:1.22rem;line-height:1.3;margin-bottom:10px}
.carte-article-titre a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--sortie)}
.carte-article:hover .carte-article-titre a{background-size:100% 1px}
.carte-article-titre a::after{content:"";position:absolute;inset:0}
.carte-article-resume{font-size:14px;line-height:1.6;color:var(--taupe);margin:0 0 16px}
.carte-article-meta{margin:auto 0 0;font-size:12.5px;color:var(--taupe)}
.blog-accueil{background:var(--blanc-casse)}
.blog-accueil .centre,.article-suite .centre{margin-top:clamp(36px,4vw,56px)}

.blog{padding-block:clamp(32px,4vw,48px) clamp(72px,9vw,112px)}
.blog-filtres{margin-bottom:clamp(28px,4vw,44px)}
.filtre-titre{font:600 10.5px/1 var(--corps);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);margin:0 0 10px}
.filtre-nombre{margin-left:6px;font-size:12px;opacity:.7}
.blog-vide{padding:48px 0;text-align:center;color:var(--taupe)}
.blog-pages{margin-top:clamp(40px,5vw,64px)}
.blog-pages .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.blog-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;
  border:1px solid #928779;border-radius:44px;text-decoration:none;font-size:14px;color:var(--encre)}
.blog-pages .page-numbers.current{background:var(--encre);border-color:var(--encre);color:var(--blanc)}
.blog-pages a.page-numbers:hover{border-color:var(--encre)}
.article .surtitre a{color:inherit;text-decoration:none}
.article .surtitre a:hover{text-decoration:underline}
.article-suite{border-top:1px solid var(--beige)}

@media (max-width:1000px){.grille-articles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){
  .grille-articles{grid-template-columns:1fr}
  .grille-articles.defilable{--carte:82vw;grid-template-columns:none}
  .defilable .carte-article-infos{text-align:left}
}
.bandeau-page .ariane + .surtitre{margin:24px 0 0}