/* Passe magazine (11/11/2026) : photos d'ambiance, style « torréfaction » propre à Mon Barista Maison */
:root{--mag-grade:sepia(.14) saturate(.9) contrast(1.04) brightness(.98);--mag-vide:linear-gradient(135deg,#3B2618 0%,#8C5A33 55%,#E2B266 100%)}
.mag-hero{margin:22px 0 30px;position:relative}
.mag-cadre{display:block;overflow:hidden;aspect-ratio:16/9;border-radius:22px;background:var(--mag-vide);box-shadow:0 26px 50px -34px rgba(30,19,12,.65)}
.mag-cadre img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--mag-grade)}
.mag-hero--bande .mag-cadre{aspect-ratio:7/3}
@media (max-width:640px){.mag-cadre{border-radius:16px}.mag-hero--bande .mag-cadre{aspect-ratio:2/1}}
.mag-hero figcaption{margin-top:8px;font:italic 400 .82rem/1.4 var(--serif,Georgia,serif);color:var(--encre-2);text-align:right}
.mag-hero figcaption a{color:inherit}
.mag-vignette{display:block;overflow:hidden;border-radius:14px;background:var(--mag-vide);aspect-ratio:16/9;margin-bottom:12px}
.mag-vignette img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--mag-grade);transition:transform .45s ease}
a:hover .mag-vignette img{transform:scale(1.04)}
.mag-rub{display:block;font:700 .72rem/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--torref,#B4521A);margin:0 0 4px}
.mag-surtitre{margin:0 0 4px;font:700 .74rem/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--torref,#B4521A)}

/* Liste des guides : grille de cartes magazine */
.guides-liste{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px 22px}
.guides-liste li,.guides-liste li:last-child{border:0}
.guides-liste .guide-lien{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0 0 4px;height:100%}
.guides-liste .guide-lien em{order:-1;align-self:flex-start;text-align:left;font:700 .72rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--torref);margin-top:2px}
.guides-liste .guide-lien .mag-vignette{order:-2}
.guides-liste .guide-lien strong{font-size:1.32rem;line-height:1.22}
.guides-liste .guide-lien>span:not(.mag-vignette){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.98rem}
@media (min-width:860px){.guides-liste .guide-lien{display:flex;align-items:stretch}.guides-liste .guide-lien em{text-align:left}}

/* Outils (écran de balance) : photo au-dessus de l'écran */
.mb-comptoir .mag-vignette{margin:-12px -12px 12px;border-radius:17px 17px 0 0;aspect-ratio:16/8}

/* Comparatifs : photo pleine largeur en tête de carte */
.mb-comps a .mag-vignette{margin:-20px -20px 14px;border-radius:25px 25px 0 0}

/* À lire aussi : cartes avec photo */
.a-lire ul{gap:18px 22px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media (min-width:640px){.a-lire ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
.a-lire li{border-top:0}
.a-lire a{padding:0}
.a-lire a .mag-vignette{margin-bottom:10px}

/* Notre choix : photos produit plus grandes, rappel en fin d'article */
.mag-choix .mini img{max-height:120px;width:auto}
.mag-choix .bouton.achat{box-shadow:0 10px 22px -14px rgba(140,61,16,.9)}
.mag-choix--fin{margin-top:2.4em}
.mag-fiche{display:inline-block;margin-top:6px;font-size:.88rem;font-weight:650;color:var(--lien,#8A4316)}