/* boisson.fr — identité du titre (généré) */
@font-face { font-family: "Gloock"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/gloock-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Gloock"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/gloock-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/hanken-grotesk-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("fonts/hanken-grotesk-latin-wght-italic.woff2") format("woff2-variations"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --paper: #16111a;
  --surface: #211a26;
  --surface-2: #2a2230;
  --mix: #211a26;
  --ink: #f5f0eb;
  --ink-2: #cdc3c9;
  --ink-3: #998f9e;
  --line: #3a3041;
  --brand: #d4922f;
  --brand-ink: #1b1520;
  --brand-deep: #722f37;
  --brand-soft: #3a2a1f;
  --highlight: #c4566a;
  --highlight-ink: #ffffff;
  --highlight-soft: #3b2027;
  --alert: #e2735f;
  --alert-soft: #3b2223;
  --header-bg: rgba(22, 17, 26, .88);
  --footer-bg: #0e0a11;
  --footer-ink: #b0a8b8;
  --band-bg: #722f37;
  --display-weight: 400;
  --display-tracking: -0.01em;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 10px 30px -12px rgba(0,0,0,.6);
  --f-display: "Gloock", Georgia, "Times New Roman", serif;
  --f-body: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
}
.cat-vin { --c: #a83a48; } .mag-art.cat-vin { --l: "Vin"; }
.cat-spiritueux { --c: #d4922f; } .mag-art.cat-spiritueux { --l: "Cocktails"; }
.cat-bieres { --c: #d9a62b; } .mag-art.cat-bieres { --l: "Bières"; }
.cat-cafe { --c: #a8693d; } .mag-art.cat-cafe { --l: "Café"; }
.cat-zero { --c: #4f9a62; } .mag-art.cat-zero { --l: "Sans alcool"; }
.cat-outils { --c: #8d76b8; } .mag-art.cat-outils { --l: "Outils"; }

/* ---------- CSS d'origine du titre, limité aux contenus importés ---------- */
.mfr-legacy{
  
  --noir:        #1B1520;
  --noir-light:  #2A2230;
  --bordeaux:    #722F37;
  --bordeaux-light: #8B3A44;
  --cuivre:      #C17817;
  --cuivre-light:#D4922F;
  --creme:       #F5F0EB;
  --creme-dark:  #E8E0D8;
  --vert:        #3A5A40;
  --vert-light:  #4A7A52;
  --blanc:       #FFFFFF;
  --gris-text:   #B0A8B8;
  --gris-subtle: #8A8290;

  
  --font-display: var(--f-display);
  --font-body:    var(--f-body);

  
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-xxl: 6rem;

  
  --max-width:  1200px;
  --max-prose:  780px;
  --radius:     8px;
  --radius-lg:  16px;

  
  --transition: 0.3s ease;
}
.mfr-legacy *,.mfr-legacy *::before,.mfr-legacy *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.mfr-legacy{
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
.mfr-legacy{
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.7;
  color: var(--creme);
  background-color: var(--noir);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mfr-legacy img{
  max-width: 100%;
  height: auto;
  display: block;
}
.mfr-legacy a{
  color: var(--cuivre);
  text-decoration: none;
  transition: color var(--transition);
}
.mfr-legacy a:hover{ color: var(--cuivre-light); }
.mfr-legacy h1,.mfr-legacy h2,.mfr-legacy h3,.mfr-legacy h4,.mfr-legacy h5,.mfr-legacy h6{
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.2;
  color: var(--creme);
}
.mfr-legacy h1{ font-size: clamp(2rem, 5vw, 3.5rem); }
.mfr-legacy h2{ font-size: clamp(1.6rem, 4vw, 2.5rem); margin-bottom: var(--space-md); }
.mfr-legacy h3{ font-size: clamp(1.3rem, 3vw, 1.8rem); margin-bottom: var(--space-sm); }
.mfr-legacy h4{ font-size: 1.25rem; margin-bottom: var(--space-xs); }
.mfr-legacy p{ margin-bottom: var(--space-sm); }
.mfr-legacy .lead{
  font-size: 1.15rem;
  color: var(--gris-text);
  line-height: 1.8;
}
.mfr-legacy .container{
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--space-md);
}
.mfr-legacy .container--prose{
  max-width: var(--max-prose);
}
.mfr-legacy .section{
  padding: var(--space-xl) 0;
}
.mfr-legacy .section--alt{
  background-color: var(--noir-light);
}
.mfr-legacy .grid{
  display: grid;
  gap: var(--space-md);
}
.mfr-legacy .grid--2{ grid-template-columns: 1fr; }
.mfr-legacy .grid--3{ grid-template-columns: 1fr; }
.mfr-legacy .grid--4{ grid-template-columns: 1fr; }
@media (min-width: 640px) {.mfr-legacy .grid--2{ grid-template-columns: repeat(2, 1fr); }
.mfr-legacy .grid--3{ grid-template-columns: repeat(2, 1fr); }
.mfr-legacy .grid--4{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 960px) {.mfr-legacy .grid--3{ grid-template-columns: repeat(3, 1fr); }
.mfr-legacy .grid--4{ grid-template-columns: repeat(4, 1fr); }
}
.mfr-legacy .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(27, 21, 32, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(193, 120, 23, 0.15);
}
.mfr-legacy .site-header__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) var(--space-md);
  max-width: var(--max-width);
  margin: 0 auto;
}
.mfr-legacy .site-logo{
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--creme);
  letter-spacing: 0.02em;
}
.mfr-legacy .site-logo span{ color: var(--cuivre); }
.mfr-legacy .nav-toggle{
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
}
.mfr-legacy .nav-toggle span{
  width: 24px;
  height: 2px;
  background: var(--creme);
  transition: var(--transition);
}
.mfr-legacy .main-nav{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--noir);
  border-bottom: 1px solid rgba(193, 120, 23, 0.15);
  padding: var(--space-sm) var(--space-md);
}
.mfr-legacy .main-nav.active{ display: block; }
.mfr-legacy .main-nav ul{
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.mfr-legacy .main-nav a{
  display: block;
  padding: var(--space-xs) 0;
  color: var(--gris-text);
  font-size: 0.95rem;
  font-weight: 500;
  transition: color var(--transition);
}
.mfr-legacy .main-nav a:hover,.mfr-legacy .main-nav a.active{ color: var(--cuivre); }
@media (min-width: 960px) {.mfr-legacy .nav-toggle{ display: none; }
.mfr-legacy .main-nav{
    display: block;
    position: static;
    background: none;
    border: none;
    padding: 0;
  }
.mfr-legacy .main-nav ul{
    flex-direction: row;
    gap: var(--space-md);
  }
.mfr-legacy .main-nav a{ padding: 0; }
}
.mfr-legacy .hero{
  position: relative;
  padding: var(--space-xxl) 0;
  text-align: center;
  overflow: hidden;
  background: linear-gradient(135deg, var(--noir) 0%, var(--noir-light) 40%, rgba(114,47,55,0.3) 100%);
}
.mfr-legacy .hero::before{
  content: "";
  position: absolute;
  top: -50%;
  right: -30%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(193,120,23,0.08) 0%, transparent 70%);
  border-radius: 50%;
}
.mfr-legacy .hero__subtitle{
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--cuivre);
  margin-bottom: var(--space-sm);
}
.mfr-legacy .hero h1{
  font-style: italic;
  margin-bottom: var(--space-md);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.mfr-legacy .hero .lead{
  max-width: 560px;
  margin: 0 auto var(--space-lg);
}
.mfr-legacy .btn{
  display: inline-block;
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.95rem;
  text-align: center;
  cursor: pointer;
  border: none;
  transition: all var(--transition);
  text-decoration: none;
}
.mfr-legacy .btn--primary{
  background: var(--bordeaux);
  color: var(--creme);
}
.mfr-legacy .btn--primary:hover{
  background: var(--bordeaux-light);
  color: var(--blanc);
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(114, 47, 55, 0.4);
}
.mfr-legacy .btn--secondary{
  background: transparent;
  color: var(--cuivre);
  border: 2px solid var(--cuivre);
}
.mfr-legacy .btn--secondary:hover{
  background: var(--cuivre);
  color: var(--noir);
  transform: translateY(-2px);
}
.mfr-legacy .btn--accent{
  background: var(--cuivre);
  color: var(--noir);
}
.mfr-legacy .btn--accent:hover{
  background: var(--cuivre-light);
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(193, 120, 23, 0.3);
}
.mfr-legacy .btn--sm{
  padding: 0.5rem 1.25rem;
  font-size: 0.85rem;
}
.mfr-legacy .card{
  background: var(--creme);
  color: var(--noir);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition), box-shadow var(--transition);
}
.mfr-legacy .card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
.mfr-legacy .card__image{
  width: 100%;
  aspect-ratio: 16/10;
  background: var(--creme-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gris-subtle);
  font-size: 0.85rem;
  text-align: center;
  padding: var(--space-sm);
  border-bottom: 3px solid var(--bordeaux);
}
.mfr-legacy .card__body{
  padding: var(--space-md);
}
.mfr-legacy .card__category{
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--bordeaux);
  margin-bottom: var(--space-xs);
}
.mfr-legacy .card__title{
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--noir);
  margin-bottom: var(--space-xs);
  line-height: 1.3;
}
.mfr-legacy .card__title a{ color: var(--noir); }
.mfr-legacy .card__title a:hover{ color: var(--bordeaux); }
.mfr-legacy .card__excerpt{
  font-size: 0.9rem;
  color: #555;
  line-height: 1.6;
  margin-bottom: var(--space-sm);
}
.mfr-legacy .card__meta{
  font-size: 0.8rem;
  color: var(--gris-subtle);
}
.mfr-legacy .product-card{
  background: var(--creme);
  color: var(--noir);
  border-radius: var(--radius-lg);
  padding: var(--space-md);
  text-align: center;
  transition: transform var(--transition), box-shadow var(--transition);
}
.mfr-legacy .product-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
.mfr-legacy .product-card__image{
  width: 100%;
  aspect-ratio: 1;
  max-width: 200px;
  margin: 0 auto var(--space-sm);
  background: var(--creme-dark);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gris-subtle);
  font-size: 0.8rem;
  padding: var(--space-xs);
}
.mfr-legacy .product-card__title{
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: var(--space-xs);
}
.mfr-legacy .product-card__price{
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--bordeaux);
  margin-bottom: var(--space-xs);
}
.mfr-legacy .product-card__desc{
  font-size: 0.85rem;
  color: #666;
  margin-bottom: var(--space-sm);
}
.mfr-legacy .univers-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-sm);
}
@media (min-width: 640px) {.mfr-legacy .univers-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 960px) {.mfr-legacy .univers-grid{ grid-template-columns: repeat(6, 1fr); }
}
.mfr-legacy .univers-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-md) var(--space-sm);
  border-radius: var(--radius-lg);
  background: var(--noir-light);
  border: 1px solid rgba(193, 120, 23, 0.1);
  transition: all var(--transition);
  text-decoration: none;
  text-align: center;
}
.mfr-legacy .univers-item:hover{
  border-color: var(--cuivre);
  background: rgba(193, 120, 23, 0.08);
  transform: translateY(-3px);
}
.mfr-legacy .univers-item__icon{
  font-size: 2rem;
  margin-bottom: 4px;
}
.mfr-legacy .univers-item__label{
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
  color: var(--creme);
}
.mfr-legacy .fact-block{
  text-align: center;
  padding: var(--space-xl) var(--space-md);
  background: linear-gradient(135deg, rgba(114,47,55,0.2), rgba(193,120,23,0.1));
  border-radius: var(--radius-lg);
  border: 1px solid rgba(193, 120, 23, 0.15);
}
.mfr-legacy .fact-block__number{
  font-family: var(--font-display);
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 700;
  color: var(--cuivre);
  line-height: 1;
  margin-bottom: var(--space-xs);
}
.mfr-legacy .fact-block__unit{
  font-family: var(--font-display);
  font-size: 1.5rem;
  color: var(--cuivre-light);
}
.mfr-legacy .fact-block__text{
  font-size: 1.1rem;
  color: var(--gris-text);
  max-width: 500px;
  margin: var(--space-sm) auto 0;
}
.mfr-legacy .newsletter{
  background: var(--bordeaux);
  border-radius: var(--radius-lg);
  padding: var(--space-xl) var(--space-md);
  text-align: center;
}
.mfr-legacy .newsletter h2{ color: var(--creme); }
.mfr-legacy .newsletter p{
  color: rgba(245, 240, 235, 0.8);
  max-width: 500px;
  margin: 0 auto var(--space-md);
}
.mfr-legacy .newsletter__form{
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  max-width: 480px;
  margin: 0 auto;
}
.mfr-legacy .newsletter__input{
  padding: 0.85rem 1rem;
  border: 2px solid rgba(245, 240, 235, 0.2);
  border-radius: var(--radius);
  background: rgba(245, 240, 235, 0.1);
  color: var(--creme);
  font-family: var(--font-body);
  font-size: 0.95rem;
  outline: none;
  transition: border-color var(--transition);
}
.mfr-legacy .newsletter__input::placeholder{ color: rgba(245, 240, 235, 0.5); }
.mfr-legacy .newsletter__input:focus{ border-color: var(--cuivre); }
@media (min-width: 640px) {.mfr-legacy .newsletter__form{
    flex-direction: row;
  }
.mfr-legacy .newsletter__input{ flex: 1; }
}
.mfr-legacy .section-header{
  text-align: center;
  margin-bottom: var(--space-lg);
}
.mfr-legacy .section-header__label{
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--cuivre);
  margin-bottom: var(--space-xs);
}
.mfr-legacy .section-header p{
  color: var(--gris-text);
  max-width: 560px;
  margin: 0 auto;
}
.mfr-legacy .breadcrumb{
  padding: var(--space-sm) 0;
  font-size: 0.85rem;
}
.mfr-legacy .breadcrumb ol{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.mfr-legacy .breadcrumb li::after{
  content: "›";
  margin-left: 0.25rem;
  color: var(--gris-subtle);
}
.mfr-legacy .breadcrumb li:last-child::after{ display: none; }
.mfr-legacy .breadcrumb a{ color: var(--gris-subtle); }
.mfr-legacy .breadcrumb a:hover{ color: var(--cuivre); }
.mfr-legacy .breadcrumb .current{ color: var(--creme); }
.mfr-legacy .article-header{
  padding: var(--space-xl) 0 var(--space-lg);
  text-align: center;
}
.mfr-legacy .article-header__category{
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--cuivre);
  margin-bottom: var(--space-sm);
}
.mfr-legacy .article-header h1{
  max-width: 800px;
  margin: 0 auto var(--space-md);
}
.mfr-legacy .article-header .lead{
  max-width: 600px;
  margin: 0 auto;
}
.mfr-legacy .article-meta{
  display: flex;
  justify-content: center;
  gap: var(--space-md);
  font-size: 0.85rem;
  color: var(--gris-subtle);
  margin-top: var(--space-md);
}
.mfr-legacy .article-content{
  max-width: var(--max-prose);
  margin: 0 auto;
  padding-bottom: var(--space-xl);
}
.mfr-legacy .article-content h2{
  margin-top: var(--space-xl);
  padding-top: var(--space-md);
  border-top: 1px solid rgba(193, 120, 23, 0.15);
}
.mfr-legacy .article-content h3{ margin-top: var(--space-lg); }
.mfr-legacy .article-content p{ color: rgba(245, 240, 235, 0.9); }
.mfr-legacy .article-content ul,.mfr-legacy .article-content ol{
  margin: var(--space-sm) 0;
  padding-left: var(--space-md);
  color: rgba(245, 240, 235, 0.9);
}
.mfr-legacy .article-content li{ margin-bottom: var(--space-xs); }
.mfr-legacy .article-content blockquote{
  border-left: 3px solid var(--cuivre);
  padding: var(--space-sm) var(--space-md);
  margin: var(--space-md) 0;
  background: rgba(193, 120, 23, 0.06);
  border-radius: 0 var(--radius) var(--radius) 0;
  font-style: italic;
  color: var(--gris-text);
}
.mfr-legacy .alcohol-warning{
  background: rgba(114, 47, 55, 0.15);
  border: 1px solid rgba(114, 47, 55, 0.3);
  border-radius: var(--radius);
  padding: var(--space-sm) var(--space-md);
  font-size: 0.85rem;
  color: var(--gris-text);
  margin-bottom: var(--space-lg);
  text-align: center;
}
.mfr-legacy .img-placeholder{
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--noir-light);
  border: 2px dashed rgba(193, 120, 23, 0.2);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gris-subtle);
  font-size: 0.85rem;
  text-align: center;
  padding: var(--space-md);
  margin: var(--space-md) 0;
}
.mfr-legacy .img-placeholder--square{ aspect-ratio: 1; }
.mfr-legacy .img-placeholder--wide{ aspect-ratio: 21/9; }
.mfr-legacy .table-wrapper{
  overflow-x: auto;
  margin: var(--space-md) 0;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(193, 120, 23, 0.15);
}
.mfr-legacy .comparison-table{
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.mfr-legacy .comparison-table thead{
  background: var(--bordeaux);
}
.mfr-legacy .comparison-table th{
  padding: 0.85rem 1rem;
  text-align: left;
  font-weight: 600;
  color: var(--creme);
  white-space: nowrap;
}
.mfr-legacy .comparison-table tbody tr{
  border-bottom: 1px solid rgba(193, 120, 23, 0.08);
  transition: background var(--transition);
}
.mfr-legacy .comparison-table tbody tr:hover{
  background: rgba(193, 120, 23, 0.04);
}
.mfr-legacy .comparison-table td{
  padding: 0.75rem 1rem;
  color: rgba(245, 240, 235, 0.9);
}
.mfr-legacy .comparison-table .highlight-row{
  background: rgba(193, 120, 23, 0.06);
}
.mfr-legacy .comparison-table .rating{
  color: var(--cuivre);
  font-weight: 600;
}
.mfr-legacy .comparison-table .btn{ white-space: nowrap; }
.mfr-legacy .top3-box{
  background: linear-gradient(135deg, rgba(114,47,55,0.15), rgba(193,120,23,0.1));
  border: 1px solid rgba(193, 120, 23, 0.2);
  border-radius: var(--radius-lg);
  padding: var(--space-md);
  margin-bottom: var(--space-lg);
}
.mfr-legacy .top3-box h3{
  color: var(--cuivre);
  margin-bottom: var(--space-sm);
}
.mfr-legacy .top3-box ol{
  padding-left: var(--space-md);
}
.mfr-legacy .top3-box li{
  margin-bottom: var(--space-xs);
  color: var(--creme);
}
.mfr-legacy .top3-box .top3-name{
  font-weight: 600;
  color: var(--creme);
}
.mfr-legacy .top3-box .top3-why{
  color: var(--gris-text);
}
.mfr-legacy .recipe-card{
  background: var(--noir-light);
  border: 1px solid rgba(193, 120, 23, 0.15);
  border-radius: var(--radius-lg);
  padding: var(--space-md);
  margin: var(--space-md) 0;
}
.mfr-legacy .recipe-card__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-sm);
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.mfr-legacy .recipe-card__title{
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--cuivre);
}
.mfr-legacy .recipe-card__badges{
  display: flex;
  gap: var(--space-xs);
}
.mfr-legacy .badge{
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.mfr-legacy .badge--easy{ background: rgba(58,90,64,0.2); color: var(--vert-light); }
.mfr-legacy .badge--medium{ background: rgba(193,120,23,0.2); color: var(--cuivre); }
.mfr-legacy .badge--hard{ background: rgba(114,47,55,0.2); color: #c0616b; }
.mfr-legacy .badge--glass{ background: rgba(245,240,235,0.1); color: var(--gris-text); }
.mfr-legacy .recipe-card__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
}
@media (min-width: 640px) {.mfr-legacy .recipe-card__grid{ grid-template-columns: 1fr 1fr; }
}
.mfr-legacy .recipe-card h4{
  color: var(--creme);
  font-family: var(--font-display);
  font-size: 1.1rem;
  margin-bottom: var(--space-xs);
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(193,120,23,0.15);
}
.mfr-legacy .recipe-card ul{
  list-style: none;
  padding: 0;
}
.mfr-legacy .recipe-card li{
  padding: 4px 0;
  color: rgba(245,240,235,0.85);
  font-size: 0.9rem;
}
.mfr-legacy .recipe-card li::before{
  content: "•";
  color: var(--cuivre);
  margin-right: 8px;
}
.mfr-legacy .recipe-card__steps{
  counter-reset: step;
}
.mfr-legacy .recipe-card__steps li{
  counter-increment: step;
}
.mfr-legacy .recipe-card__steps li::before{
  content: counter(step) ".";
  color: var(--cuivre);
  font-weight: 600;
  margin-right: 8px;
}
.mfr-legacy .recipe-card__tip{
  margin-top: var(--space-sm);
  padding: var(--space-sm);
  background: rgba(58, 90, 64, 0.1);
  border-left: 3px solid var(--vert);
  border-radius: 0 var(--radius) var(--radius) 0;
  font-size: 0.9rem;
  color: var(--gris-text);
}
.mfr-legacy .tool-container{
  background: var(--noir-light);
  border: 1px solid rgba(193, 120, 23, 0.15);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  margin: var(--space-md) 0;
}
.mfr-legacy .tool-container label{
  display: block;
  font-weight: 500;
  margin-bottom: var(--space-xs);
  color: var(--creme);
}
.mfr-legacy .tool-container select,.mfr-legacy .tool-container input[type="number"],.mfr-legacy .tool-container input[type="text"]{
  width: 100%;
  padding: 0.75rem 1rem;
  border: 2px solid rgba(193, 120, 23, 0.2);
  border-radius: var(--radius);
  background: var(--noir);
  color: var(--creme);
  font-family: var(--font-body);
  font-size: 0.95rem;
  margin-bottom: var(--space-sm);
  outline: none;
  transition: border-color var(--transition);
}
.mfr-legacy .tool-container select:focus,.mfr-legacy .tool-container input:focus{
  border-color: var(--cuivre);
}
.mfr-legacy .tool-container select option{
  background: var(--noir);
}
.mfr-legacy .tool-result{
  background: rgba(193, 120, 23, 0.06);
  border: 1px solid rgba(193, 120, 23, 0.15);
  border-radius: var(--radius);
  padding: var(--space-md);
  margin-top: var(--space-md);
}
.mfr-legacy .quiz-question{
  padding: var(--space-md) 0;
  border-bottom: 1px solid rgba(193, 120, 23, 0.1);
}
.mfr-legacy .quiz-question:last-of-type{ border-bottom: none; }
.mfr-legacy .quiz-options{
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-top: var(--space-sm);
}
.mfr-legacy .quiz-option{
  display: block;
  padding: 0.75rem 1rem;
  border: 2px solid rgba(193, 120, 23, 0.15);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition);
  font-size: 0.9rem;
  color: var(--creme);
  background: transparent;
  text-align: left;
  font-family: var(--font-body);
}
.mfr-legacy .quiz-option:hover{ border-color: var(--cuivre); background: rgba(193,120,23,0.06); }
.mfr-legacy .quiz-option.selected{
  border-color: var(--cuivre);
  background: rgba(193, 120, 23, 0.15);
  color: var(--cuivre);
  font-weight: 600;
}
.mfr-legacy .quiz-result{
  text-align: center;
  padding: var(--space-lg);
}
.mfr-legacy .quiz-result__profile{
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
  color: var(--cuivre);
  margin-bottom: var(--space-sm);
}
.mfr-legacy .site-footer{
  background: var(--noir-light);
  border-top: 1px solid rgba(193, 120, 23, 0.15);
  padding: var(--space-xl) 0 var(--space-md);
}
.mfr-legacy .footer-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}
@media (min-width: 640px) {.mfr-legacy .footer-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 960px) {.mfr-legacy .footer-grid{ grid-template-columns: 2fr 1fr 1fr 1fr; }
}
.mfr-legacy .footer-col h4{
  font-family: var(--font-display);
  font-size: 1.1rem;
  color: var(--creme);
  margin-bottom: var(--space-sm);
}
.mfr-legacy .footer-col ul{ list-style: none; }
.mfr-legacy .footer-col li{
  margin-bottom: 6px;
}
.mfr-legacy .footer-col a{
  color: var(--gris-text);
  font-size: 0.9rem;
}
.mfr-legacy .footer-col a:hover{ color: var(--cuivre); }
.mfr-legacy .footer-bottom{
  border-top: 1px solid rgba(193, 120, 23, 0.1);
  padding-top: var(--space-md);
  text-align: center;
}
.mfr-legacy .footer-legal{
  font-size: 0.8rem;
  color: var(--gris-subtle);
  margin-bottom: var(--space-xs);
}
.mfr-legacy .footer-alcohol-warning{
  font-size: 0.8rem;
  color: var(--bordeaux-light);
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid rgba(114, 47, 55, 0.3);
  border-radius: var(--radius);
  display: inline-block;
  margin-bottom: var(--space-xs);
}
.mfr-legacy .footer-adult{
  font-size: 0.75rem;
  color: var(--gris-subtle);
  font-style: italic;
}
.mfr-legacy .cookie-banner{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--noir-light);
  border-top: 1px solid rgba(193, 120, 23, 0.2);
  padding: var(--space-md);
  z-index: 1000;
  display: none;
}
.mfr-legacy .cookie-banner.active{ display: block; }
.mfr-legacy .cookie-banner__inner{
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  align-items: center;
  text-align: center;
}
@media (min-width: 640px) {.mfr-legacy .cookie-banner__inner{
    flex-direction: row;
    text-align: left;
  }
}
.mfr-legacy .cookie-banner p{
  font-size: 0.85rem;
  color: var(--gris-text);
  margin: 0;
  flex: 1;
}
.mfr-legacy .cookie-banner a{ color: var(--cuivre); }
.mfr-legacy .cookie-banner__actions{
  display: flex;
  gap: var(--space-xs);
  flex-shrink: 0;
}
.mfr-legacy .back-to-top{
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--bordeaux);
  color: var(--creme);
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 90;
  transition: all var(--transition);
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.mfr-legacy .back-to-top.visible{ display: flex; }
.mfr-legacy .back-to-top:hover{
  background: var(--bordeaux-light);
  transform: translateY(-3px);
}
.mfr-legacy .prose-cream{
  background: var(--creme);
  color: var(--noir);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  margin: var(--space-md) 0;
}
.mfr-legacy .prose-cream h2,.mfr-legacy .prose-cream h3,.mfr-legacy .prose-cream h4{ color: var(--noir); }
.mfr-legacy .prose-cream p{ color: #333; }
.mfr-legacy .prose-cream a{ color: var(--bordeaux); }
.mfr-legacy .prose-cream a:hover{ color: var(--bordeaux-light); }
.mfr-legacy .text-center{ text-align: center; }
.mfr-legacy .text-cuivre{ color: var(--cuivre); }
.mfr-legacy .text-bordeaux{ color: var(--bordeaux); }
.mfr-legacy .text-vert{ color: var(--vert); }
.mfr-legacy .mb-0{ margin-bottom: 0; }
.mfr-legacy .mt-md{ margin-top: var(--space-md); }
.mfr-legacy .mt-lg{ margin-top: var(--space-lg); }
.mfr-legacy .visually-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}
@media print {.mfr-legacy .site-header,.mfr-legacy .site-footer,.mfr-legacy .cookie-banner,.mfr-legacy .back-to-top,.mfr-legacy .newsletter{ display: none; }
.mfr-legacy{ color: #000; background: #fff; }
.mfr-legacy a{ color: #333; }
}

/* composants réseau dans les contenus d'origine */
.mfr-legacy .mag .mag-wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.mfr-legacy .mag .mag-crosslinks { margin: 56px 0 0; padding: 28px; border-radius: var(--r-lg); background: var(--surface-2); border: 1px solid var(--line); font-family: var(--f-body); }
.mfr-legacy .mag .mag-crosslinks__title { font: 800 1.05rem/1.3 var(--f-body); color: var(--ink); margin: 0 0 4px; }
.mfr-legacy .mag .mag-crosslinks > p { margin: 0 0 18px; color: var(--ink-2); font-size: .95rem; }
.mfr-legacy .mag .mag-crosslinks ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.mfr-legacy .mag .mag-crosslinks li a { display: grid; gap: 4px; height: 100%; padding: 16px; border-radius: var(--r-md); background: var(--surface); border: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.mfr-legacy .mag .mag-crosslinks li a:hover { border-color: var(--brand); }
.mfr-legacy .mag .mag-crosslinks li small { color: var(--brand); font-weight: 800; font-size: .78rem; }
.mfr-legacy .mag .mag-crosslinks li strong { font-size: 1rem; line-height: 1.3; }
.mfr-legacy .mag .mag-crosslinks li span { color: var(--ink-2); font-size: .88rem; line-height: 1.45; }
.mfr-legacy .mag { margin: 0 0 56px; font-family: var(--f-body); }

/* ---------- Habillage du titre ---------- */
/* boisson.fr — habillage « cave » sur la base Magazine */
:root { --nav-active-bg: var(--brand-soft); --nav-active-ink: var(--brand); }
.mfr-legacy .recipe-card__steps, .mfr-legacy .recipe-card ul { list-style: none; padding-left: 0; }
.mfr-legacy .recipe-card h3 { font-size: 1.15rem; margin: 0 0 .6rem; color: var(--ink); font-family: var(--f-body); font-weight: 800; letter-spacing: .02em; }
.mfr-legacy .recipe-card__title { color: var(--brand); }
.mfr-legacy .breadcrumb { font-size: .85rem; }
.mfr-legacy .article-content a:not(.btn) { color: var(--brand); }
.mfr-legacy .alcohol-warning { border-color: color-mix(in srgb, var(--highlight) 40%, transparent); }