/* Blog : blocs éditoriaux et grille de la Maison, typographies de la maquette. */
.blog-page .blog-cards{row-gap:44px;text-align:left}
.blog-page .blog-cards h3{margin-top:20px;margin-bottom:0}
.blog-page .blog-cards p{margin-top:12px}
.blog-page .blog-cards>a>span{margin-top:16px}
.blog-page .blog-cards img{object-fit:contain}
.blog-page .blog-article-heading h1{font-size:clamp(44px,4.5vw,66px);line-height:1.12}
.blog-page .blog-article-heading h1 em{display:block;margin-top:7px}
.blog-page .blog-reading-layout{align-items:start}
.blog-page .blog-reading-layout>article{min-width:0}
.blog-page .blog-reading-layout h2{font-family:var(--font-accent);font-size:20px;line-height:1.4;font-weight:400;color:var(--copper)}
.blog-page .blog-reading-layout .maison-accord:first-child{margin-top:0;padding-top:0;border-top:0}
.blog-page .blog-reading-layout .maison-accord p{font-size:16px;line-height:1.8;margin-top:14px}
.blog-page .blog-reading-layout .maison-accord p+p{margin-top:14px}
.blog-page .blog-reading-layout .maison-flavours-photo{aspect-ratio:auto;border:14px solid var(--linen)}
.blog-page .blog-reading-layout .maison-flavours-photo img{height:auto;object-fit:contain}
.blog-page .blog-reading-layout .button{margin-top:24px}
.blog-page .blog-return{display:inline-flex;gap:18px;margin-top:24px;font-size:14px}
.blog-page .blog-author{font-size:14px;color:var(--text-accent);margin-top:18px}
@media(max-width:760px){
 .blog-page .blog-cards{gap:34px;max-width:520px}
 .blog-page .blog-cards h3{font-size:23px;margin-top:16px}
 .blog-page .blog-article-heading h1{font-size:37px}
 .blog-page .blog-reading-layout{gap:28px}
 .blog-page .blog-reading-layout .maison-flavours-photo{border-width:10px;grid-row:1}
 .blog-page .blog-reading-layout h2{font-size:19px}
}


/* v252 — Photo et invitation produit réunies dans l’article des sablés. */
:is(.blog-sables-page,.blog-fruits-page,.blog-farines-page,.blog-sucres-page,.blog-chocolat-page) .blog-article-visual{min-width:0}
:is(.blog-sables-page,.blog-fruits-page,.blog-farines-page,.blog-sucres-page,.blog-chocolat-page) #main .blog-product-cta{
 display:flex;
 width:100%;
 min-height:58px;
 justify-content:space-between;
 align-items:center;
 gap:18px;
 margin-top:18px;
 padding:16px 24px;
 border:1px solid var(--brown);
 background:var(--brown);
 color:#fff;
 font:700 16px/1.5 var(--font-accent);
 text-align:left;
}
:is(.blog-sables-page,.blog-fruits-page,.blog-farines-page,.blog-sucres-page,.blog-chocolat-page) #main .blog-product-cta>span{flex:none;font-size:24px}
:is(.blog-sables-page,.blog-fruits-page,.blog-farines-page,.blog-sucres-page,.blog-chocolat-page) #main .blog-product-cta:hover{
 background:var(--copper-hover);
 border-color:var(--copper-hover);
 color:var(--brown);
}
@media(max-width:760px){
 :is(.blog-sables-page,.blog-fruits-page,.blog-farines-page,.blog-sucres-page,.blog-chocolat-page) .blog-article-visual{grid-row:1}
 :is(.blog-sables-page,.blog-fruits-page,.blog-farines-page,.blog-sucres-page,.blog-chocolat-page) #main .blog-product-cta{margin-top:14px;padding-inline:20px}
}


/* v253 — Des blocs courts avec photo à gauche et texte à droite. */
.blog-sables-page .blog-article-heading{margin-bottom:32px}
.blog-sables-page .blog-sables-story{
 display:grid;
 gap:36px;
 max-width:1100px;
 margin-inline:auto;
}
.blog-sables-page .blog-sables-row{
 grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
 gap:48px;
 align-items:center;
}
.blog-sables-page .blog-sables-row .maison-flavours-copy{min-width:0}
.blog-sables-page .blog-sables-finish{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:48px;
 padding-top:28px;
 border-top:1px solid var(--line);
}
.blog-sables-page .blog-sables-finish .maison-accord{margin:0;padding:0;border:0}
@media(max-width:1000px){
 .blog-sables-page .blog-sables-story{max-width:520px;gap:30px}
 .blog-sables-page .blog-sables-row{grid-template-columns:1fr;gap:26px}
 .blog-sables-page .blog-sables-finish{grid-template-columns:1fr;gap:24px;padding-top:24px}
}
@media(max-width:760px){
 .blog-sables-page .blog-article-heading{margin-bottom:26px}
}


/* v254 — Alignement des deux méthodes et cuisson centrée en dessous. */
.blog-sables-page .blog-sables-methods{align-items:start}
.blog-sables-page .blog-sables-cooking{
 width:100%;
 max-width:820px;
 margin-inline:auto;
 padding-top:28px;
 border-top:1px solid var(--line);
 text-align:center;
}
.blog-sables-page .blog-sables-cooking .maison-accord{margin:0;padding:0;border:0}
@media(max-width:760px){.blog-sables-page .blog-sables-cooking{padding-top:24px}}


/* v256 — Légère remontée supplémentaire du texte de gauche. */
@media(min-width:1001px){
 .blog-sables-page .blog-sables-methods>.maison-flavours-copy:first-child{transform:translateY(-20px)}
}


/* v258 — Orange des textes du blog légèrement plus vif. */
.blog-page #main :is(h1 em,h2 em,.blog-reading-layout h2,.maison-signature){color:var(--copper)}
body.blog-page #main .eyebrow{color:var(--text-accent)}


/* v261 — Deux photos et leurs textes dans l’article sur les sucres. */
.blog-sucres-page .blog-sucres-columns{
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:48px;
 align-items:start;
}
.blog-sucres-page .blog-sucres-column{min-width:0}
.blog-sucres-page .blog-sucres-column>.maison-flavours-copy{margin-top:28px}
.blog-sucres-page .blog-sucres-columns .maison-flavours-photo{aspect-ratio:3/2}
.blog-sucres-page .blog-sucres-columns .maison-flavours-photo img{height:100%;object-fit:contain}
.blog-sucres-page .blog-sucres-signature{max-width:820px;margin:32px auto 0;text-align:center}
@media(max-width:760px){
 .blog-sucres-page .blog-sucres-columns{grid-template-columns:1fr;gap:36px}
 .blog-sucres-page .blog-sucres-column>.maison-flavours-copy{margin-top:24px}
 .blog-sucres-page .blog-sucres-signature{margin-top:28px}
}


/* v263 — Titres des articles en caractères réguliers. */
body.blog-page #main .blog-article-heading .eyebrow{font-weight:400}

/* v264 — Phrase et signature sous le titre en marron sur tous les articles. */
body.blog-page #main .blog-article-heading p,
body.blog-page #main .blog-article-heading p span{color:var(--brown)}

/* v266 — Petits titres au-dessus du titre des articles en marron rouille. */
body.blog-page #main .blog-article-heading .eyebrow{color:#c24e00}

/* v268 — Châtaigne sous la photo, dernier bloc centré sur la largeur de l’article. */
:is(.blog-farines-page,.blog-chocolat-page) .blog-reading-layout{row-gap:36px}
:is(.blog-farines-page,.blog-chocolat-page) .blog-article-visual>.maison-accord{margin-top:28px;padding-top:24px}
:is(.blog-farines-page,.blog-chocolat-page) :is(.blog-farines-finish,.blog-chocolat-finish){
 grid-column:1/-1;
 width:100%;
 max-width:820px;
 margin:0 auto;
 padding-top:28px;
 text-align:center;
}
@media(max-width:760px){
 :is(.blog-farines-page,.blog-chocolat-page) .blog-reading-layout{row-gap:28px}
 :is(.blog-farines-page,.blog-chocolat-page) .blog-article-visual>.maison-accord{margin-top:24px;padding-top:20px}
}


/* v281 — Troisième bloc des fruits secs sous la photo et son bouton. */
.blog-fruits-page .blog-article-visual>.maison-accord{margin-top:28px;padding-top:24px}
@media(max-width:760px){.blog-fruits-page .blog-article-visual>.maison-accord{margin-top:24px;padding-top:20px}}

/* v291 — Démarche : photo, récit, puis sélection des matières sur mobile. */
.blog-choix-epeautre-page .blog-reading-layout>article{grid-column:1;grid-row:1/span 2}
.blog-choix-epeautre-page .blog-reading-layout>.blog-article-visual{grid-column:2;grid-row:1}
.blog-choix-epeautre-page .blog-reading-layout>.blog-choix-note{grid-column:2;grid-row:2;margin-top:0;padding-top:24px}
@media(max-width:760px){
 .blog-choix-epeautre-page .blog-reading-layout>.blog-article-visual{grid-column:1;grid-row:1}
 .blog-choix-epeautre-page .blog-reading-layout>article{grid-column:1;grid-row:2}
 .blog-choix-epeautre-page .blog-reading-layout>.blog-choix-note{grid-column:1;grid-row:3}
 .blog-choix-epeautre-page .blog-reading-layout>.blog-farines-finish{grid-column:1;grid-row:4}
}

/* v298 — Tous les articles dans une grille unique de trois colonnes. */
.blog-page .blog-unified-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-page .blog-unified-cards>a{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.blog-page .blog-card-photo{aspect-ratio:3/2;padding:10px;background:var(--linen);overflow:hidden;flex:none}
.blog-page .blog-cards .blog-card-photo>img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;background:transparent}
.blog-page .blog-unified-cards>a>span{align-self:flex-start;margin-top:auto;padding-top:16px}
@media(max-width:760px){.blog-page .blog-unified-cards{grid-template-columns:1fr}}
