/* ═══════════════════════════════════════════════════════
   MARTIN'S TRAITEUR — Design System V4 Dark Warm
   Phase 2B BIS · IA Process Factory · 2026
   Source : martins-traiteur-v4-table-culinaire.html
═══════════════════════════════════════════════════════ */

/* ── Variables ──────────────────────────────────────── */
:root{
  --fond:#140d06;--card:#1f1409;--chaud:#291a0a;
  --terre:#c4622d;--terre2:#e07840;--or:#d4a53a;
  --tx:#f7f0e0;--mu:#b09070;
  --li:rgba(196,98,45,.22);--li2:rgba(196,98,45,.1);
}

/* ── Reset & base ───────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;background:var(--fond);color:var(--tx);line-height:1.65}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

/* ── NAV ────────────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;
  padding:0 48px;height:72px;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .4s}
.nav.sc{background:rgba(20,13,6,.97);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--li)}
.nav-logo img{height:42px;width:auto;object-fit:contain}
.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(247,240,224,.7);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--terre)}
.nav-cta{padding:10px 22px;border:1px solid var(--terre);border-radius:2px;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--terre);transition:all .2s}
.nav-cta:hover{background:var(--terre);color:#fff}

/* ── HERO MOSAÏQUE ──────────────────────────────────── */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden}
.hero-mosaic{display:grid;grid-template-columns:1fr 1.4fr 1fr;height:100%}
.hm-col{overflow:hidden;position:relative}
.hm-col img{width:100%;height:100%;object-fit:cover;transition:transform 8s ease}
.hm-col:hover img{transform:scale(1.04)}
.hm-col::after{content:'';position:absolute;inset:0;background:rgba(20,13,6,.48)}
.hm-col.center-col::after{background:rgba(20,13,6,.55)}
.hero-ov{position:absolute;inset:0;z-index:1;
  background:radial-gradient(ellipse at center,rgba(20,13,6,.2) 0%,rgba(20,13,6,.5) 70%)}
.hero-c{position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:0 24px}
.hero-c .eyebrow{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--terre);margin-bottom:18px}
.hero-c h1{font-family:'Playfair Display',serif;
  font-size:clamp(2.8rem,6.5vw,5.5rem);font-weight:400;
  line-height:1.05;letter-spacing:.01em;color:var(--tx);margin-bottom:18px}
.hero-c h1 em{font-style:italic;color:var(--terre2)}
.hero-c .hero-sub{font-size:1rem;color:rgba(247,240,224,.7);
  margin-bottom:40px;font-weight:300;max-width:540px;line-height:1.75}
.btn-p{display:inline-block;padding:14px 36px;
  background:var(--terre);color:#fff;
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  border-radius:2px;transition:background .2s}
.btn-p:hover{background:var(--terre2)}
.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  z-index:2;color:var(--terre);font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  animation:sd 2.2s ease-in-out infinite}
@keyframes sd{0%,100%{opacity:.5;transform:translateX(-50%) translateY(0)}55%{opacity:1;transform:translateX(-50%) translateY(7px)}}

/* ── LAYOUT ─────────────────────────────────────────── */
.ctn{max-width:1140px;margin:0 auto;padding:0 48px}
section{padding:96px 0}
.eyebrow{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--terre);margin-bottom:14px}
h2{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3.5vw,2.9rem);
  font-weight:400;line-height:1.18;color:var(--tx)}
.trait{width:44px;height:1px;background:var(--terre);margin:14px 0 22px}

/* ── FEATURE ────────────────────────────────────────── */
.feat{position:relative;height:580px;overflow:hidden}
.feat img{width:100%;height:100%;object-fit:cover}
.feat-ov{position:absolute;inset:0;
  background:linear-gradient(to left,rgba(20,13,6,.15) 0%,rgba(20,13,6,.75) 55%)}
.feat-txt{position:absolute;top:50%;right:60%;transform:translateY(-50%);
  max-width:460px;padding-left:48px}
.feat-txt h2{margin-bottom:16px}
.feat-txt p{color:rgba(247,240,224,.75);font-weight:300;line-height:1.8;font-size:.975rem}

/* ── ABOUT ──────────────────────────────────────────── */
.about-g{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-txt p{color:var(--mu);line-height:1.85;font-size:.975rem;margin-bottom:18px;font-weight:300}
.about-img{position:relative}
.about-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.about-img::before{content:'';position:absolute;top:-12px;right:-12px;bottom:12px;left:12px;
  border:1px solid var(--terre);z-index:-1;opacity:.4}

/* ── GALERIE SCROLL ─────────────────────────────────── */
.sgal-outer{padding:0 0 0 48px;overflow:hidden}
.sgal{display:flex;gap:12px;overflow-x:auto;padding-right:48px;padding-bottom:8px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.sgal::-webkit-scrollbar{height:3px}
.sgal::-webkit-scrollbar-track{background:var(--chaud)}
.sgal::-webkit-scrollbar-thumb{background:var(--terre)}
.sgal-item{flex:0 0 320px;scroll-snap-align:start;overflow:hidden}
.sgal-item img{width:100%;height:240px;object-fit:cover;transition:transform .4s}
.sgal-item:hover img{transform:scale(1.04)}

/* ── PRESTATIONS ────────────────────────────────────── */
.prest-g{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.pcard{position:relative;aspect-ratio:3/4;overflow:hidden}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.pcard:hover img{transform:scale(1.06)}
.pcard-ov{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(20,13,6,.92) 0%,rgba(20,13,6,.05) 55%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.pcard h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:400;
  color:var(--tx);margin-bottom:4px}
.pcard p{font-size:.8rem;color:rgba(247,240,224,.6);font-weight:300}
.pcard-tag{display:inline-block;padding:4px 10px;border:1px solid var(--terre);
  color:var(--terre);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:10px;border-radius:1px}

/* ── CITATION ───────────────────────────────────────── */
.cite-s{background:var(--chaud);border-top:1px solid var(--li);
  border-bottom:1px solid var(--li);padding:80px 0;text-align:center}
.cite-s blockquote{font-family:'Playfair Display',serif;font-style:italic;
  font-size:clamp(1.1rem,2.2vw,1.55rem);color:var(--tx);
  max-width:760px;margin:0 auto 20px;line-height:1.6}
.cite-s cite{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terre);font-style:normal}

/* ── FORMULAIRE ─────────────────────────────────────── */
.form-s{background:var(--chaud)}
.form-hd{text-align:center;margin-bottom:52px}
.form-hd h2{margin-bottom:12px}
.form-hd p{color:var(--mu);max-width:480px;margin:0 auto;font-weight:300;font-size:.95rem}
.form-lay{display:grid;grid-template-columns:230px 1fr;gap:24px}
.fnav{background:rgba(31,20,9,.9);border:1px solid var(--li);
  border-radius:14px;padding:12px;height:max-content;position:sticky;top:90px}
.fnav button{display:block;width:100%;text-align:left;padding:11px 13px;margin:3px 0;
  border-radius:10px;border:1px solid transparent;background:transparent;
  color:var(--mu);cursor:pointer;font-size:13px;font-family:'Jost',sans-serif;
  transition:all .2s}
.fnav button.on{border-color:var(--terre);background:var(--li2);color:var(--terre2)}
.fstep{display:none;background:rgba(31,20,9,.95);border:1px solid var(--li);
  border-radius:18px;padding:28px}
.fstep.on{display:block}
.fstep h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:400;
  color:var(--terre2);margin-bottom:8px}
.fstep .ht{color:var(--mu);font-size:.875rem;margin-bottom:22px;line-height:1.5}
.fnote{border-left:3px solid var(--terre);background:var(--li2);
  padding:13px 16px;border-radius:10px;margin:12px 0;
  color:var(--tx);font-size:.875rem;line-height:1.5}
.flds{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ful{grid-column:1/-1}
label{display:block;margin-bottom:6px;font-size:13px;color:var(--mu)}
.req{color:var(--terre)}
input,select,textarea{width:100%;padding:12px 14px;border-radius:10px;
  border:1px solid var(--li);background:rgba(20,13,6,.75);
  color:var(--tx);font-size:14px;font-family:'Jost',sans-serif;outline:none}
textarea{min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--terre);
  box-shadow:0 0 0 3px rgba(196,98,45,.12)}
select option{background:#1a0f06}
.chks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 16px}
.cklbl{font-size:13px;color:var(--mu);margin-bottom:6px;display:block}
.ck{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;
  border:1px solid var(--li);border-radius:10px;background:rgba(255,255,255,.018);
  font-size:13px;line-height:1.4;cursor:pointer}
.ck input[type=checkbox],.ck input[type=radio]{width:14px;height:14px;min-width:14px;max-width:14px;flex:0 0 14px;margin:2px 0 0;padding:0;accent-color:var(--terre)}
.f-acts{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.fbtn{border:0;border-radius:999px;padding:11px 24px;cursor:pointer;
  font-family:'Jost',sans-serif;font-size:13px;font-weight:500;transition:all .2s}
.fbtn.p{background:linear-gradient(135deg,var(--terre),#8a3a18);color:#fff}
.fbtn.s{background:transparent;border:1px solid var(--li);color:var(--terre)}
.mpg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mc{background:rgba(255,255,255,.025);border:1px solid var(--li);
  border-radius:12px;padding:16px}
.mc h4{font-size:.9rem;color:var(--terre2);margin-bottom:10px;
  font-weight:400;font-family:'Playfair Display',serif}
.mc ul{margin-left:16px;color:var(--mu);font-size:.82rem;line-height:1.65}
.sbox{background:rgba(20,13,6,.9);border:1px solid var(--li);border-radius:12px;
  padding:16px;min-height:160px;font:13px/1.5 'Courier New',monospace;
  color:var(--mu);white-space:pre-wrap;margin-top:16px}
.snt{font-size:11px;color:var(--mu);margin-top:8px}

/* ── FOOTER ─────────────────────────────────────────── */
footer{background:#0a0604;border-top:1px solid var(--li);padding:56px 0 28px}
.ft-g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;margin-bottom:40px}
footer h4{font-family:'Playfair Display',serif;font-size:.85rem;
  color:var(--terre);margin-bottom:14px;font-weight:400;font-style:italic}
footer p,footer a{font-size:.875rem;color:var(--mu);line-height:1.75}
footer a:hover{color:var(--terre2)}
.ft-bot{border-top:1px solid var(--li);padding-top:20px;text-align:center;
  font-size:.78rem;color:rgba(176,144,112,.4)}
.ft-logo img{height:36px;margin-bottom:16px}

/* ═══════════════════════════════════════════════════════
   EXTENSIONS — PAGES MENUS
═══════════════════════════════════════════════════════ */

/* ── Breadcrumb ─────────────────────────────────────── */
.breadcrumb{
  padding:88px 48px 0;
  font-size:12px;color:var(--mu);
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
}
.breadcrumb a{color:var(--mu);transition:color .2s}
.breadcrumb a:hover{color:var(--terre2)}
.breadcrumb span{color:var(--terre);opacity:.5;font-size:10px}

/* ── Hero compact (pages menus) ─────────────────────── */
.menu-hero{
  padding:40px 0 80px;
  text-align:center;
  background:linear-gradient(180deg,var(--fond) 0%,var(--chaud) 100%);
  border-bottom:1px solid var(--li);
}
.menu-hero .eyebrow{margin-bottom:10px}
.menu-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,4.5vw,3.5rem);
  font-weight:400;line-height:1.1;color:var(--tx);
  margin-bottom:16px;
}
.menu-hero h1 em{font-style:italic;color:var(--terre2)}
.menu-hero .hero-sub{
  font-size:.975rem;color:rgba(247,240,224,.65);
  max-width:560px;margin:0 auto 24px;font-weight:300;line-height:1.75;
}

/* ── Format badge ───────────────────────────────────── */
.format-badge{
  display:inline-block;padding:6px 18px;
  border:1px solid var(--terre);border-radius:2px;
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--terre);margin-top:8px;
}
.format-badge.buff{border-color:var(--or);color:var(--or)}
.format-badge.dina{border-color:var(--mu);color:var(--mu)}
.format-badge.bbq{border-color:var(--terre2);color:var(--terre2)}

/* ── Photo placeholder ──────────────────────────────── */
.menu-photo-ph{
  width:100%;height:320px;
  background:var(--card);border-top:1px solid var(--li);border-bottom:1px solid var(--li);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;
}
.menu-photo-ph span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,240,224,.18)}
.menu-photo-ph svg{opacity:.12}

/* ── Corps du menu ──────────────────────────────────── */
.menu-body{background:var(--fond);padding:72px 0 80px}
.menu-body .ctn{max-width:820px}

.menu-note-prod{
  border-left:3px solid var(--terre);background:var(--li2);
  padding:13px 16px;border-radius:0 8px 8px 0;
  color:rgba(247,240,224,.65);font-size:.875rem;line-height:1.55;
  font-style:italic;margin-bottom:40px;
}

/* ── Section menu ───────────────────────────────────── */
.m-section{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--li)}
.m-section:last-of-type{border-bottom:none}
.m-section-title{
  font-family:'Playfair Display',serif;
  font-size:1.3rem;font-weight:400;
  color:var(--terre2);margin-bottom:8px;
}
.m-section-note{
  font-size:.82rem;color:var(--mu);font-style:italic;margin-bottom:20px;line-height:1.5;
}

/* ── Sous-section ───────────────────────────────────── */
.m-sous{margin-bottom:22px}
.m-sous-title{
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--terre);margin-bottom:10px;
}
.m-sous-note{font-size:.8rem;color:var(--mu);font-style:italic;margin-bottom:10px;line-height:1.4}
.m-items{list-style:none;padding:0}
.m-items li{
  font-size:.9rem;color:rgba(247,240,224,.8);
  line-height:1.65;padding:5px 0 5px 18px;
  border-bottom:1px solid rgba(196,98,45,.07);
  position:relative;
}
.m-items li:last-child{border-bottom:none}
.m-items li::before{
  content:'—';position:absolute;left:0;
  color:var(--terre);opacity:.5;font-size:.75rem;top:7px;
}

/* ── Inclus / Fourni ────────────────────────────────── */
.m-infogrid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
  margin-top:40px;padding-top:32px;border-top:1px solid var(--li);
}
.m-infocol{background:rgba(41,26,10,.6);border:1px solid var(--li);
  border-radius:8px;padding:22px 24px}
.m-infocol h5{
  font-family:'Playfair Display',serif;font-size:.88rem;font-weight:400;
  font-style:italic;color:var(--terre);margin-bottom:12px;
}
.m-infocol ul{list-style:none;padding:0}
.m-infocol li{
  font-size:.82rem;color:var(--mu);padding:4px 0 4px 16px;
  position:relative;line-height:1.5;
}
.m-infocol li::before{content:'✓';position:absolute;left:0;color:var(--terre);font-size:.7rem}
.m-infocol .info-nd{
  font-size:.82rem;color:rgba(176,144,112,.5);font-style:italic;
}

/* ── Occasions ──────────────────────────────────────── */
.m-occasions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}
.m-occ-tag{
  font-size:10px;letter-spacing:.06em;
  padding:4px 10px;border:1px solid var(--li);
  color:var(--mu);border-radius:2px;
}

/* ── CTA retour devis ───────────────────────────────── */
.menu-cta{
  background:var(--chaud);border-top:1px solid var(--li);
  padding:80px 0;text-align:center;
}
.menu-cta h2{margin-bottom:16px;font-size:clamp(1.5rem,3vw,2.2rem)}
.menu-cta p{color:var(--mu);font-weight:300;margin-bottom:32px;font-size:.975rem}
.btn-outline{display:inline-block;padding:13px 32px;
  border:1px solid var(--terre);color:var(--terre);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  border-radius:2px;transition:all .2s;margin-left:12px}
.btn-outline:hover{background:var(--terre);color:#fff}

/* ── Page menus.html — grille catalogue ─────────────── */
.menus-hero{
  padding-top:72px;min-height:280px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  background:linear-gradient(to bottom,rgba(41,26,10,.4) 0%,var(--fond) 100%);
  border-bottom:1px solid var(--li);
}
.menus-hero .eyebrow{margin-bottom:10px}
.menus-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,4vw,3rem);font-weight:400;
  color:var(--tx);margin-bottom:12px;
}
.menus-hero p{color:var(--mu);font-weight:300;max-width:520px;font-size:.95rem}

/* Filtres */
.m-filters{
  display:flex;gap:8px;flex-wrap:wrap;
  padding:24px 48px;border-bottom:1px solid var(--li);
  background:var(--chaud);
}
.mf-btn{
  padding:7px 16px;border:1px solid var(--li);
  background:transparent;color:var(--mu);
  font-family:'Jost',sans-serif;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;
  border-radius:2px;cursor:pointer;transition:all .2s;
}
.mf-btn:hover,.mf-btn.on{border-color:var(--terre);color:var(--terre);background:var(--li2)}

/* Grille cartes */
.menus-catalog{
  padding:56px 48px 80px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:2px;
}
.m-card{
  position:relative;overflow:hidden;
  background:var(--card);border:1px solid var(--li);
  display:flex;flex-direction:column;
  transition:border-color .25s;
}
.m-card:hover{border-color:var(--terre)}
.m-card-photo{
  height:200px;overflow:hidden;position:relative;
  background:var(--chaud);
  display:flex;align-items:center;justify-content:center;
}
.m-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.m-card:hover .m-card-photo img{transform:scale(1.06)}
.m-card-photo-ph{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(247,240,224,.1);
}
.m-card-photo-ph span{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.m-card-body{padding:22px;flex:1;display:flex;flex-direction:column;gap:8px}
.m-card-gamme{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--terre);margin-bottom:4px}
.m-card-title{
  font-family:'Playfair Display',serif;font-size:1.05rem;
  font-weight:400;color:var(--tx);line-height:1.3;
}
.m-card-accroche{
  font-size:.82rem;color:var(--mu);line-height:1.55;
  font-style:italic;flex:1;
}
.m-card-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;border-top:1px solid var(--li);margin-top:8px;
}
.m-card-footer .format-badge{font-size:9px;padding:4px 10px;margin-top:0}
.m-card-link{
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--terre);transition:color .2s;
}
.m-card:hover .m-card-link{color:var(--terre2)}

/* Preview strip */
.preview-strip{
  background:rgba(196,98,45,.08);border-top:1px solid var(--li);
  padding:10px;text-align:center;
  font-size:11px;color:var(--terre);letter-spacing:.04em;font-family:'Jost',sans-serif;
}

/* ── RESPONSIVE ─────────────────────────────────────── */
@media(max-width:960px){
  .hero-mosaic{grid-template-columns:1fr 1fr}
  .hm-col:last-child{display:none}
  .about-g{grid-template-columns:1fr;gap:40px}
  .prest-g{grid-template-columns:1fr 1fr}
  .ft-g{grid-template-columns:1fr 1fr}
  .m-infogrid{grid-template-columns:1fr}
  .menus-catalog{padding:40px 24px 60px}
  .m-filters{padding:16px 24px}
}
@media(max-width:768px){
  .nav{padding:0 20px}
  .nav-links,.nav-cta{display:none}
  .ctn{padding:0 20px}
  section{padding:64px 0}
  .hero-mosaic{grid-template-columns:1fr}
  .hm-col:not(:first-child){display:none}
  .feat-txt{padding-left:20px;right:auto;left:20px;max-width:calc(100% - 40px)}
  .feat-ov{background:rgba(20,13,6,.7)}
  .form-lay{grid-template-columns:1fr}
  .fnav{position:static}
  .flds,.chks,.mpg{grid-template-columns:1fr}
  .prest-g{grid-template-columns:1fr}
  .ft-g{grid-template-columns:1fr}
  .sgal-outer{padding:0 20px}
  .sgal{padding-right:20px}
  .breadcrumb{padding:88px 20px 0}
  .menus-catalog{grid-template-columns:1fr;padding:32px 20px 56px}
  .m-filters{padding:14px 20px}
}

/* ── Ajustements Orion — photos temporaires + report menu formulaire ── */
.selected-menu-banner{
  margin:22px auto 0;
  max-width:720px;
  border:1px solid var(--terre);
  background:rgba(196,98,45,.10);
  color:var(--tx);
  padding:14px 18px;
  border-radius:12px;
  font-size:.92rem;
  line-height:1.55;
}
.selected-menu-banner strong{color:var(--terre2);font-weight:500}
.selected-menu-banner span{color:var(--mu);font-size:.86rem}

.menu-photo-real{
  width:100%;
  height:420px;
  position:relative;
  overflow:hidden;
  border-top:1px solid var(--li);
  border-bottom:1px solid var(--li);
  background:var(--card);
}
.menu-photo-real img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.96) contrast(.98) brightness(.78);
}
.menu-photo-real::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(20,13,6,.35), rgba(20,13,6,.05));
  pointer-events:none;
}
.menu-photo-real span{
  position:absolute;
  right:18px;
  bottom:14px;
  z-index:1;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(247,240,224,.45);
  background:rgba(20,13,6,.55);
  padding:7px 10px;
  border:1px solid rgba(196,98,45,.28);
}

.m-card-photo img{
  filter:saturate(.95) contrast(.96) brightness(.72);
}
.m-card:hover .m-card-photo img{
  filter:saturate(1.05) contrast(1) brightness(.82);
}


/* ── Ajustements Orion — lisibilité Cyril + version préproduction propre — 2026-06-22 ── */
.nav{
  height:78px;
}
.nav-logo img{
  height:52px;
}
.nav-links{
  gap:36px;
}
.nav-links a{
  font-size:13.5px;
  letter-spacing:.115em;
}
.nav-cta{
  font-size:12.5px;
  padding:12px 26px;
}

.breadcrumb{
  padding-top:100px;
  font-size:14px;
}
.breadcrumb span{
  font-size:12px;
  opacity:.65;
}

.menu-hero .eyebrow,
.menus-hero .eyebrow{
  font-size:.95rem;
  line-height:1.35;
  letter-spacing:.18em;
  font-weight:500;
  color:var(--terre2);
}
.menu-hero .hero-sub{
  font-size:1.06rem;
}
.menus-hero p{
  font-size:1.05rem;
  max-width:680px;
}

.mf-btn{
  font-size:12.5px;
  padding:9px 18px;
}

.m-card-gamme{
  font-size:11.5px;
  letter-spacing:.18em;
}
.m-card-title{
  font-size:1.22rem;
}
.m-card-accroche{
  font-size:.92rem;
}
.m-card-footer .format-badge{
  font-size:10.5px;
}
.m-card-link{
  font-size:11.5px;
}

.m-section-title{
  font-size:1.48rem;
}
.m-sous-title{
  font-size:11.5px;
}
.m-items li{
  font-size:.96rem;
}

footer p,
footer a{
  font-size:.95rem;
}

@media(max-width:768px){
  .nav{
    height:70px;
  }
  .nav-logo img{
    height:44px;
  }
  .breadcrumb{
    padding-top:90px;
    font-size:13px;
  }
  .menu-hero .eyebrow,
  .menus-hero .eyebrow{
    font-size:.82rem;
    letter-spacing:.14em;
  }
}


/* ── Accès client V0 / préinscription sécurisée ───────────────────── */
.access-hero{min-height:78vh;padding:150px 0 80px;position:relative;overflow:hidden;
  background:
    linear-gradient(rgba(20,13,6,.22),rgba(20,13,6,.94)),
    radial-gradient(circle at 18% 20%,rgba(212,165,58,.18),transparent 32%),
    radial-gradient(circle at 82% 24%,rgba(196,98,45,.18),transparent 34%),
    var(--fond)}
.access-hero .ctn{max-width:1180px}
.access-kicker{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--li);
  background:rgba(31,20,9,.72);color:var(--or);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.access-hero h1{font-family:'Playfair Display',serif;font-size:clamp(44px,7vw,92px);line-height:.95;margin:24px 0 22px}
.access-hero h1 em{color:var(--terre);font-style:italic}
.access-lead{max-width:760px;color:rgba(247,240,224,.82);font-size:clamp(17px,2vw,21px)}
.access-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.access-strip{border-top:1px solid var(--li);border-bottom:1px solid var(--li);background:rgba(10,6,4,.52)}
.access-strip .ctn{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.access-point{padding:24px;border-left:1px solid var(--li);min-height:140px}
.access-point:last-child{border-right:1px solid var(--li)}
.access-point strong{display:block;color:var(--or);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.access-point span{color:rgba(247,240,224,.74)}
.access-section{padding:86px 0}
.access-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:start}
.access-card{background:linear-gradient(180deg,rgba(31,20,9,.88),rgba(20,13,6,.92));border:1px solid var(--li);
  padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.access-card h2,.access-card h3{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,46px);line-height:1.05;margin-bottom:16px}
.access-card p{color:rgba(247,240,224,.78)}
.trust-list{display:grid;gap:14px;margin-top:24px}
.trust-item{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid rgba(212,165,58,.16);background:rgba(212,165,58,.045)}
.trust-item b{color:var(--or)}
.badge-soft{display:inline-block;margin:0 8px 8px 0;padding:8px 11px;border:1px solid var(--li);color:var(--or);
  background:rgba(196,98,45,.06);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.access-form{display:grid;gap:14px;margin-top:20px}
.access-form .hp-field{position:absolute;left:-9999px;opacity:0}
.access-form label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin-bottom:6px}
.access-form input,.access-form select,.access-form textarea{width:100%;padding:13px 14px;border:1px solid var(--li);
  border-radius:0;background:rgba(10,6,4,.72);color:var(--tx);font:inherit;outline:none}
.access-form textarea{min-height:110px;resize:vertical}
.access-form input:focus,.access-form select:focus,.access-form textarea:focus{border-color:var(--or);box-shadow:0 0 0 2px rgba(212,165,58,.10)}
.access-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.consent-line{display:flex;gap:10px;align-items:flex-start;color:rgba(247,240,224,.72);font-size:14px}
.consent-line input{width:auto;margin-top:4px}
.form-status{padding:13px 14px;border:1px solid var(--li);font-size:14px}
.form-status.ok{border-color:rgba(113,181,124,.45);background:rgba(113,181,124,.12)}
.form-status.err{border-color:rgba(224,120,64,.62);background:rgba(224,120,64,.12)}
.security-note{margin-top:20px;padding:18px;border:1px solid rgba(224,120,64,.32);background:rgba(224,120,64,.07);color:rgba(247,240,224,.76)}
.security-note strong{color:var(--terre2)}
.disabled-login{display:grid;gap:12px;margin-top:22px}
.disabled-login button{width:100%;padding:14px;border:1px solid rgba(212,165,58,.22);background:rgba(10,6,4,.55);color:rgba(247,240,224,.70);
  font:inherit;letter-spacing:.05em;text-align:left;cursor:not-allowed}
.disabled-login small{display:block;color:var(--mu);margin-top:4px}
@media(max-width:900px){
  .access-strip .ctn,.access-grid,.access-form .two{grid-template-columns:1fr}
  .access-point{border-right:1px solid var(--li)}
  .access-hero{padding-top:120px}
}


/* ── Feedback formulaire visible V0.1 ───────────────── */
.mt-toast-wrap{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:grid;
  gap:12px;
  width:min(420px,calc(100vw - 36px));
}
.mt-toast{
  position:relative;
  border:1px solid var(--li);
  background:linear-gradient(180deg,rgba(31,20,9,.98),rgba(10,6,4,.98));
  color:var(--tx);
  padding:16px 48px 16px 18px;
  box-shadow:0 20px 60px rgba(0,0,0,.42);
  animation:mtToastIn .22s ease-out;
}
.mt-toast.ok{border-color:rgba(113,181,124,.55)}
.mt-toast.err{border-color:rgba(224,120,64,.72)}
.mt-toast strong{
  display:block;
  color:var(--or);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  margin-bottom:5px;
}
.mt-toast span{display:block;color:rgba(247,240,224,.86);font-size:14px;line-height:1.5}
.mt-toast button{
  position:absolute;
  top:10px;
  right:10px;
  width:28px;
  height:28px;
  border:1px solid rgba(247,240,224,.18);
  background:transparent;
  color:var(--tx);
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.mt-toast.out{opacity:0;transform:translateY(10px);transition:.22s ease}
@keyframes mtToastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}


/* ═══════════════════════════════════════════════════════
   EXTENSIONS — PAGES MENUS
═══════════════════════════════════════════════════════ */

/* ── Breadcrumb ─────────────────────────────────────── */
.breadcrumb{
  padding:88px 48px 0;
  font-size:12px;color:var(--mu);
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
}
.breadcrumb a{color:var(--mu);transition:color .2s}
.breadcrumb a:hover{color:var(--terre2)}
.breadcrumb span{color:var(--terre);opacity:.5;font-size:10px}

/* ── Hero compact (pages menus) ─────────────────────── */
.menu-hero{
  padding:40px 0 80px;
  text-align:center;
  background:linear-gradient(180deg,var(--fond) 0%,var(--chaud) 100%);
  border-bottom:1px solid var(--li);
}
.menu-hero .eyebrow{margin-bottom:10px}
.menu-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,4.5vw,3.5rem);
  font-weight:400;line-height:1.1;color:var(--tx);
  margin-bottom:16px;
}
.menu-hero h1 em{font-style:italic;color:var(--terre2)}
.menu-hero .hero-sub{
  font-size:.975rem;color:rgba(247,240,224,.65);
  max-width:560px;margin:0 auto 24px;font-weight:300;line-height:1.75;
}

/* ── Format badge ───────────────────────────────────── */
.format-badge{
  display:inline-block;padding:6px 18px;
  border:1px solid var(--terre);border-radius:2px;
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--terre);margin-top:8px;
}
.format-badge.buff{border-color:var(--or);color:var(--or)}
.format-badge.dina{border-color:var(--mu);color:var(--mu)}
.format-badge.bbq{border-color:var(--terre2);color:var(--terre2)}

/* ── Photo placeholder ──────────────────────────────── */
.menu-photo-ph{
  width:100%;height:320px;
  background:var(--card);border-top:1px solid var(--li);border-bottom:1px solid var(--li);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;
}
.menu-photo-ph span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,240,224,.18)}
.menu-photo-ph svg{opacity:.12}

/* ── Corps du menu ──────────────────────────────────── */
.menu-body{background:var(--fond);padding:72px 0 80px}
.menu-body .ctn{max-width:820px}

.menu-note-prod{
  border-left:3px solid var(--terre);background:var(--li2);
  padding:13px 16px;border-radius:0 8px 8px 0;
  color:rgba(247,240,224,.65);font-size:.875rem;line-height:1.55;
  font-style:italic;margin-bottom:40px;
}

/* ── Section menu ───────────────────────────────────── */
.m-section{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--li)}
.m-section:last-of-type{border-bottom:none}
.m-section-title{
  font-family:'Playfair Display',serif;
  font-size:1.3rem;font-weight:400;
  color:var(--terre2);margin-bottom:8px;
}
.m-section-note{
  font-size:.82rem;color:var(--mu);font-style:italic;margin-bottom:20px;line-height:1.5;
}

/* ── Sous-section ───────────────────────────────────── */
.m-sous{margin-bottom:22px}
.m-sous-title{
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--terre);margin-bottom:10px;
}
.m-sous-note{font-size:.8rem;color:var(--mu);font-style:italic;margin-bottom:10px;line-height:1.4}
.m-items{list-style:none;padding:0}
.m-items li{
  font-size:.9rem;color:rgba(247,240,224,.8);
  line-height:1.65;padding:5px 0 5px 18px;
  border-bottom:1px solid rgba(196,98,45,.07);
  position:relative;
}
.m-items li:last-child{border-bottom:none}
.m-items li::before{
  content:'—';position:absolute;left:0;
  color:var(--terre);opacity:.5;font-size:.75rem;top:7px;
}

/* ── Inclus / Fourni ────────────────────────────────── */
.m-infogrid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
  margin-top:40px;padding-top:32px;border-top:1px solid var(--li);
}
.m-infocol{background:rgba(41,26,10,.6);border:1px solid var(--li);
  border-radius:8px;padding:22px 24px}
.m-infocol h5{
  font-family:'Playfair Display',serif;font-size:.88rem;font-weight:400;
  font-style:italic;color:var(--terre);margin-bottom:12px;
}
.m-infocol ul{list-style:none;padding:0}
.m-infocol li{
  font-size:.82rem;color:var(--mu);padding:4px 0 4px 16px;
  position:relative;line-height:1.5;
}
.m-infocol li::before{content:'✓';position:absolute;left:0;color:var(--terre);font-size:.7rem}
.m-infocol .info-nd{
  font-size:.82rem;color:rgba(176,144,112,.5);font-style:italic;
}

/* ── Occasions ──────────────────────────────────────── */
.m-occasions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}
.m-occ-tag{
  font-size:10px;letter-spacing:.06em;
  padding:4px 10px;border:1px solid var(--li);
  color:var(--mu);border-radius:2px;
}

/* ── CTA retour devis ───────────────────────────────── */
.menu-cta{
  background:var(--chaud);border-top:1px solid var(--li);
  padding:80px 0;text-align:center;
}
.menu-cta h2{margin-bottom:16px;font-size:clamp(1.5rem,3vw,2.2rem)}
.menu-cta p{color:var(--mu);font-weight:300;margin-bottom:32px;font-size:.975rem}
.btn-outline{display:inline-block;padding:13px 32px;
  border:1px solid var(--terre);color:var(--terre);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  border-radius:2px;transition:all .2s;margin-left:12px}
.btn-outline:hover{background:var(--terre);color:#fff}

/* ── Page menus.html — grille catalogue ─────────────── */
.menus-hero{
  padding-top:72px;min-height:280px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  background:linear-gradient(to bottom,rgba(41,26,10,.4) 0%,var(--fond) 100%);
  border-bottom:1px solid var(--li);
}
.menus-hero .eyebrow{margin-bottom:10px}
.menus-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,4vw,3rem);font-weight:400;
  color:var(--tx);margin-bottom:12px;
}
.menus-hero p{color:var(--mu);font-weight:300;max-width:520px;font-size:.95rem}

/* Filtres */
.m-filters{
  display:flex;gap:8px;flex-wrap:wrap;
  padding:24px 48px;border-bottom:1px solid var(--li);
  background:var(--chaud);
}
.mf-btn{
  padding:7px 16px;border:1px solid var(--li);
  background:transparent;color:var(--mu);
  font-family:'Jost',sans-serif;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;
  border-radius:2px;cursor:pointer;transition:all .2s;
}
.mf-btn:hover,.mf-btn.on{border-color:var(--terre);color:var(--terre);background:var(--li2)}

/* Grille cartes */
.menus-catalog{
  padding:56px 48px 80px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:2px;
}
.m-card{
  position:relative;overflow:hidden;
  background:var(--card);border:1px solid var(--li);
  display:flex;flex-direction:column;
  transition:border-color .25s;
}
.m-card:hover{border-color:var(--terre)}
.m-card-photo{
  height:200px;overflow:hidden;position:relative;
  background:var(--chaud);
  display:flex;align-items:center;justify-content:center;
}
.m-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.m-card:hover .m-card-photo img{transform:scale(1.06)}
.m-card-photo-ph{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(247,240,224,.1);
}
.m-card-photo-ph span{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.m-card-body{padding:22px;flex:1;display:flex;flex-direction:column;gap:8px}
.m-card-gamme{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--terre);margin-bottom:4px}
.m-card-title{
  font-family:'Playfair Display',serif;font-size:1.05rem;
  font-weight:400;color:var(--tx);line-height:1.3;
}
.m-card-accroche{
  font-size:.82rem;color:var(--mu);line-height:1.55;
  font-style:italic;flex:1;
}
.m-card-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;border-top:1px solid var(--li);margin-top:8px;
}
.m-card-footer .format-badge{font-size:9px;padding:4px 10px;margin-top:0}
.m-card-link{
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--terre);transition:color .2s;
}
.m-card:hover .m-card-link{color:var(--terre2)}

/* Preview strip */
.preview-strip{
  background:rgba(196,98,45,.08);border-top:1px solid var(--li);
  padding:10px;text-align:center;
  font-size:11px;color:var(--terre);letter-spacing:.04em;font-family:'Jost',sans-serif;
}

/* ── RESPONSIVE ─────────────────────────────────────── */
@media(max-width:960px){
  .hero-mosaic{grid-template-columns:1fr 1fr}
  .hm-col:last-child{display:none}
  .about-g{grid-template-columns:1fr;gap:40px}
  .prest-g{grid-template-columns:1fr 1fr}
  .ft-g{grid-template-columns:1fr 1fr}
  .m-infogrid{grid-template-columns:1fr}
  .menus-catalog{padding:40px 24px 60px}
  .m-filters{padding:16px 24px}
}
@media(max-width:768px){
  .nav{padding:0 20px}
  .nav-links,.nav-cta{display:none}
  .ctn{padding:0 20px}
  section{padding:64px 0}
  .hero-mosaic{grid-template-columns:1fr}
  .hm-col:not(:first-child){display:none}
  .feat-txt{padding-left:20px;right:auto;left:20px;max-width:calc(100% - 40px)}
  .feat-ov{background:rgba(20,13,6,.7)}
  .form-lay{grid-template-columns:1fr}
  .fnav{position:static}
  .flds,.chks,.mpg{grid-template-columns:1fr}
  .prest-g{grid-template-columns:1fr}
  .ft-g{grid-template-columns:1fr}
  .sgal-outer{padding:0 20px}
  .sgal{padding-right:20px}
  .breadcrumb{padding:88px 20px 0}
  .menus-catalog{grid-template-columns:1fr;padding:32px 20px 56px}
  .m-filters{padding:14px 20px}
}

/* ── Ajustements Orion — photos temporaires + report menu formulaire ── */
.selected-menu-banner{
  margin:22px auto 0;
  max-width:720px;
  border:1px solid var(--terre);
  background:rgba(196,98,45,.10);
  color:var(--tx);
  padding:14px 18px;
  border-radius:12px;
  font-size:.92rem;
  line-height:1.55;
}
.selected-menu-banner strong{color:var(--terre2);font-weight:500}
.selected-menu-banner span{color:var(--mu);font-size:.86rem}

.menu-photo-real{
  width:100%;
  height:420px;
  position:relative;
  overflow:hidden;
  border-top:1px solid var(--li);
  border-bottom:1px solid var(--li);
  background:var(--card);
}
.menu-photo-real img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.96) contrast(.98) brightness(.78);
}
.menu-photo-real::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(20,13,6,.35), rgba(20,13,6,.05));
  pointer-events:none;
}
.menu-photo-real span{
  position:absolute;
  right:18px;
  bottom:14px;
  z-index:1;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(247,240,224,.45);
  background:rgba(20,13,6,.55);
  padding:7px 10px;
  border:1px solid rgba(196,98,45,.28);
}

.m-card-photo img{
  filter:saturate(.95) contrast(.96) brightness(.72);
}
.m-card:hover .m-card-photo img{
  filter:saturate(1.05) contrast(1) brightness(.82);
}


/* ═══════════════════════════════════════════════════════
   EXTENSIONS — PAGES RACINE SEO WIX
   Lot pages manquantes · 2026-06-24
═══════════════════════════════════════════════════════ */
.page-hero{
  position:relative;min-height:520px;padding:150px 0 86px;
  /* voile haut : garde le menu lisible par-dessus la photo ;
     voile lateral : garde le titre lisible a gauche. */
  background-image:
    linear-gradient(180deg,rgba(20,13,6,.88),rgba(20,13,6,.10) 190px),
    linear-gradient(90deg,rgba(20,13,6,.93),rgba(20,13,6,.70),rgba(20,13,6,.42)),
    var(--hero-img);
  background-size:cover;background-position:center;
  border-bottom:1px solid var(--li);overflow:hidden;
}
.page-hero-ov{position:absolute;inset:0;background:radial-gradient(circle at 20% 40%,rgba(196,98,45,.16),transparent 42%)}
.page-hero-c{position:relative;z-index:1;max-width:780px}
.page-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2.2rem,5vw,4.4rem);font-weight:400;line-height:1.08;
  max-width:780px;margin-bottom:18px;color:var(--tx)
}
.page-hero p{font-size:1.06rem;color:rgba(247,240,224,.75);max-width:620px;font-weight:300;line-height:1.75}
.page-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn-outline{
  display:inline-block;padding:12px 24px;border:1px solid var(--li);
  border-radius:2px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tx);background:rgba(31,20,9,.45);transition:all .2s
}
.btn-outline:hover{border-color:var(--terre);color:var(--terre2);background:var(--li2)}
.mt-inline{margin-top:18px}
.page-section{padding:86px 0;border-bottom:1px solid var(--li)}
.page-section.alt{background:var(--chaud)}
.page-intro{max-width:860px}
.page-intro p{color:var(--mu);font-weight:300;line-height:1.85;margin:0 0 16px;font-size:1rem}
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.page-grid.two{grid-template-columns:repeat(2,1fr)}
.page-card{background:rgba(31,20,9,.76);border:1px solid var(--li);border-radius:16px;padding:26px;min-height:170px}
.page-card h3{font-family:'Playfair Display',serif;font-weight:400;color:var(--terre2);font-size:1.22rem;margin-bottom:10px}
.page-card p{color:rgba(247,240,224,.68);font-size:.94rem;font-weight:300;line-height:1.7}
.page-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.page-split img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;border:1px solid var(--li);filter:saturate(.95) contrast(.98) brightness(.82)}
.page-list{list-style:none;margin-top:20px}
.page-list li{position:relative;padding:9px 0 9px 20px;color:rgba(247,240,224,.74);border-bottom:1px solid rgba(196,98,45,.08);font-weight:300}
.page-list li::before{content:'—';position:absolute;left:0;color:var(--terre)}
.page-callout{background:rgba(196,98,45,.1);border:1px solid var(--li);border-left:3px solid var(--terre);border-radius:12px;padding:22px 24px;color:rgba(247,240,224,.72);line-height:1.7}
.page-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:36px}
.page-gallery a,.page-gallery div{display:block;overflow:hidden;background:var(--card);border:1px solid var(--li);border-radius:10px}
.page-gallery img{width:100%;height:210px;object-fit:cover;transition:transform .35s;filter:saturate(.96) brightness(.88)}
.page-gallery img:hover{transform:scale(1.04)}
.page-note{font-size:.86rem;color:var(--mu);font-style:italic;line-height:1.6}
@media(max-width:960px){
  .page-grid,.page-grid.two{grid-template-columns:1fr 1fr}
  .page-split{grid-template-columns:1fr;gap:34px}
  .page-gallery{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .page-hero{min-height:auto;padding:120px 0 64px}
  .page-actions{flex-direction:column;align-items:flex-start}
  .page-grid,.page-grid.two{grid-template-columns:1fr}
  .page-gallery{grid-template-columns:1fr 1fr}
  .page-gallery img{height:170px}
}



/* ── Prévisualisation / mail en attente ───────────────── */
.mail-pending,.mail-pending a{color:var(--or);text-decoration:none}
.mail-pending small{display:block;color:var(--mu);font-size:.78rem;margin-top:3px}
.preview-board{padding:130px 0 80px;min-height:100vh;background:linear-gradient(180deg,#140d06,#0a0604)}
.preview-board .page-grid{margin-top:28px}
.form-closed-box{margin-top:24px;border:1px solid var(--li);background:rgba(196,98,45,.08);padding:22px;color:rgba(247,240,224,.78)}
.form-closed-box strong{color:var(--or)}


/* ── NAVIGATION PAGES SEO V0.4 ───────────────────────── */
.nav-drop{position:relative;padding-bottom:18px;margin-bottom:-18px}
.nav-drop-menu{
  position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%) translateY(0);
  min-width:210px;padding:12px 0;margin-top:0;
  background:rgba(20,13,6,.98);border:1px solid var(--li);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:120;
}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu,.nav-drop-menu:hover{
  opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);
}
.nav-drop-menu a{
  display:block;padding:10px 18px;white-space:nowrap;
  font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:rgba(247,240,224,.74);
}
.nav-drop-menu a:hover{color:var(--terre);background:rgba(196,98,45,.08)}
.pcard-link{display:block;color:inherit;text-decoration:none}
.pcard-link:hover img{transform:scale(1.04)}
.pcard-link:hover .pcard-tag{background:rgba(196,98,45,.22)}
.mt-link-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:12px;margin-top:28px;
}
.mt-link-grid a{
  border:1px solid var(--li);padding:13px 14px;text-align:center;
  color:rgba(247,240,224,.78);text-transform:uppercase;letter-spacing:.08em;font-size:12px;
  background:rgba(0,0,0,.12);transition:all .2s;
}
.mt-link-grid a:hover{border-color:var(--terre);color:var(--terre);background:rgba(196,98,45,.08)}
@media(max-width:900px){
  .nav-drop-menu{display:none}
}


/* ── ACCUEIL HERO PHOTO 2 VALIDÉE — 2026-06-24 ───────── */
.hero.hero-photo2{
  position:relative;
  height:100vh;
  min-height:640px;
  overflow:hidden;
  background:#140d06;
}
.hero-photo2-bg{
  position:absolute;
  inset:0;
  background-image:url('../img/hero-accueil-photo-2.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.01);
}
.hero-photo2-ov{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(20,13,6,.42),rgba(20,13,6,.10) 45%,rgba(20,13,6,.46)),
    linear-gradient(180deg,rgba(20,13,6,.18),rgba(20,13,6,.10) 48%,rgba(20,13,6,.54));
}
.hero-photo2-frame{
  position:absolute;
  z-index:2;
  inset:112px 42px 44px;
  border:1px solid rgba(196,98,45,.18);
  pointer-events:none;
}
.hero.hero-photo2 .scroll-hint{
  z-index:3;
}
@media(max-width:900px){
  .hero-photo2-bg{background-position:center center}
  .hero-photo2-frame{inset:104px 18px 34px}
}


/* ── TEST LOGO ORANGE SITE V0.7 ─────────────────────────
   Logo orange aligné sur var(--terre) #c4622d.
   Objectif : meilleure lisibilité sans modifier la hauteur du menu. */
.nav-logo{
  overflow:visible;
  flex:0 0 auto;
}
.nav-logo img{
  width:148px;
  max-width:148px;
  height:auto;
  transform:scale(1.06);
  transform-origin:left center;
}
.site-footer img,
footer img{
  max-width:122px;
  height:auto;
}
/* Sécurité : ne pas augmenter la barre du menu */
.nav{
  min-height:unset;
}
@media(max-width:900px){
  .nav-logo img{
    width:128px;
    max-width:128px;
    transform:scale(1.03);
  }
  .site-footer img,
  footer img{
    max-width:108px;
  }
}


/* ── GALERIE LIGHTBOX V0.8 ───────────────────────────── */
.gallery-help{
  color:var(--mu);
  margin:0 0 24px;
  font-size:14px;
  letter-spacing:.02em;
}
.page-gallery .mt-gallery-card,
.page-gallery > div{
  cursor:zoom-in;
}
.page-gallery img{
  transition:transform .25s ease, filter .25s ease, opacity .25s ease;
}
.page-gallery img:hover{
  transform:scale(1.025);
  filter:brightness(1.08);
}
.mt-lightbox-lock{
  overflow:hidden;
}
.mt-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px 76px;
  background:rgba(5,3,2,.94);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.mt-lightbox.is-open{
  opacity:1;
  pointer-events:auto;
}
.mt-lightbox-figure{
  margin:0;
  max-width:min(1180px,92vw);
  max-height:88vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
.mt-lightbox-figure img{
  display:block;
  max-width:100%;
  max-height:78vh;
  object-fit:contain;
  border:1px solid rgba(196,98,45,.35);
  box-shadow:0 28px 90px rgba(0,0,0,.55);
  opacity:0;
  transform:scale(.985);
  transition:opacity .22s ease, transform .22s ease;
}
.mt-lightbox-figure img.is-visible{
  opacity:1;
  transform:scale(1);
}
.mt-lightbox figcaption{
  width:100%;
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:rgba(247,240,224,.78);
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mt-lightbox-count{
  color:var(--terre2);
  white-space:nowrap;
}
.mt-lightbox-close,
.mt-lightbox-nav{
  position:absolute;
  border:1px solid rgba(196,98,45,.55);
  background:rgba(11,7,4,.55);
  color:var(--texte);
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.mt-lightbox-close:hover,
.mt-lightbox-nav:hover{
  color:var(--terre2);
  border-color:var(--terre2);
  background:rgba(196,98,45,.12);
}
.mt-lightbox-close{
  top:22px;
  right:28px;
  width:44px;
  height:44px;
  font-size:32px;
  line-height:36px;
}
.mt-lightbox-nav{
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:72px;
  font-size:54px;
  line-height:54px;
}
.mt-lightbox-prev{left:22px}
.mt-lightbox-next{right:22px}
@media(max-width:760px){
  .mt-lightbox{
    padding:64px 18px 28px;
  }
  .mt-lightbox-nav{
    width:42px;
    height:58px;
    font-size:42px;
  }
  .mt-lightbox-prev{left:8px}
  .mt-lightbox-next{right:8px}
  .mt-lightbox figcaption{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:6px;
  }
}


/* Patch V7 formulaire : radios/checkboxes compacts, alignés comme l’ancien bloc Services & logistique */
.chks.chks-compact{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 14px}
.chks.chks-compact .ck{min-height:0;align-items:center;padding:8px 12px;line-height:1.35}
@media(max-width:720px){.chks.chks-compact{grid-template-columns:1fr}}

/* ════════════════════════════════════════════════════════════════════
   FORMULAIRE — DEUX VISUELS LATERAUX          2026-08-16
   Demande de Cyril et Irene : le formulaire est trop sombre, trop austere.
   Deux photos encadrent le formulaire sur grand ecran, voilees pour rester
   un decor : elles ne doivent jamais concurrencer la lecture des champs.
   Sous 1280px elles disparaissent — sur mobile, un formulaire long n'a pas
   de place a perdre.
   Pour changer une photo, il suffit de remplacer le src dans la page :
   aucune regle CSS n'est a toucher.
   ════════════════════════════════════════════════════════════════════ */
.form-illus{
  display:grid;
  grid-template-columns:1fr minmax(0,1140px) 1fr;
  align-items:stretch;
}
.form-illus > .ctn{grid-column:2}
.form-illus-col{
  position:relative;overflow:hidden;min-height:100%;
  border-left:1px solid var(--li);border-right:1px solid var(--li);
}
.form-illus-col img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
}
/* le voile : la photo reste lisible cote exterieur et se fond vers le
   formulaire, pour que l'oeil ne soit pas tire hors des champs */
.form-illus-col::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,
    rgba(41,26,10,.30) 0%, rgba(41,26,10,.55) 45%, rgba(41,26,10,.92) 100%);
}
.form-illus-d::after{
  background:linear-gradient(270deg,
    rgba(41,26,10,.30) 0%, rgba(41,26,10,.55) 45%, rgba(41,26,10,.92) 100%);
}
@media(max-width:1280px){
  .form-illus{display:block}
  .form-illus-col{display:none}
}


/* SITE_MARTINS R1 — panneaux latéraux du formulaire stables entre les étapes.
   Le bug venait du stretch du grid : chaque étape changeait la hauteur du conteneur,
   donc object-fit:cover recalculait un crop différent et pouvait fortement zoomer. */
@media (min-width:1281px){
  #formulaire .form-illus{
    align-items:start;
  }
  #formulaire .form-illus-col{
    align-self:start;
    position:sticky;
    top:86px;
    height:clamp(620px, calc(100vh - 104px), 860px);
    min-height:0;
  }
  #formulaire .form-illus-col img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:translateZ(0);
    backface-visibility:hidden;
  }
  #formulaire .form-illus-g img{
    object-position:0% 50%;
  }
  #formulaire .form-illus-d img{
    object-position:50% 50%;
  }
}



/* SITE_MARTINS R3 — Quelques instants : 5 photos visibles, 52 photos en rotation, sans glissière visible. */
#galerie .sgal-outer{
  padding-left:48px;
  padding-right:48px;
  overflow:hidden;
}
#galerie .sgal{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
#galerie .sgal::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
#galerie .sgal-item{
  flex:0 0 calc((100% - 48px) / 5);
  min-width:0;
  scroll-snap-align:start;
  overflow:hidden;
}
#galerie .sgal-item a{
  display:block;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
#galerie .sgal-item a:focus-visible{
  outline:2px solid var(--terre);
  outline-offset:3px;
}
#galerie .sgal-item img{
  display:block;
  width:100%;
  height:240px;
  object-fit:contain;
  object-position:center center;
  background:var(--fond);
  transition:transform .4s;
}
#galerie .sgal-item:hover img{
  transform:scale(1.035);
}
@media (max-width:1180px){
  #galerie .sgal-item{flex-basis:calc((100% - 36px) / 4)}
}
@media (max-width:880px){
  #galerie .sgal-outer{padding-left:24px;padding-right:24px}
  #galerie .sgal-item{flex-basis:calc((100% - 24px) / 3)}
}
@media (max-width:620px){
  #galerie .sgal-outer{padding-left:16px;padding-right:16px}
  #galerie .sgal-item{flex-basis:calc((100% - 12px) / 2)}
  #galerie .sgal-item img{height:210px}
}
@media (prefers-reduced-motion:reduce){
  #galerie .sgal{scroll-behavior:auto}
  #galerie .sgal-item img{transition:none}
}


/* SITE_MARTINS R4 — préserver les compositions originales (logos, cadres, montages).
   Aucune photo de "Quelques instants" n'est recadrée : object-fit:contain. */
#galerie .sgal-item{
  background:var(--fond);
}
#galerie .sgal-item img{
  object-fit:contain !important;
  object-position:center center !important;
  background:var(--fond);
}


/* SITE_MARTINS R7 — ruban continu "Quelques instants", 100% CSS. */
#galerie .sgal-outer{
  padding-left:48px;
  padding-right:48px;
  overflow:hidden;
}
#galerie .sgal-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
}
#galerie .sgal-track{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:12px;
  width:max-content;
  will-change:transform;
  animation:martins-gallery-flow 480s linear infinite;
}
#galerie .sgal-group{
  display:flex;
  flex:none;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:12px;
}
#galerie .sgal-marquee:hover .sgal-track,
#galerie .sgal-marquee:focus-within .sgal-track{
  animation-play-state:paused;
}
#galerie .sgal-marquee .sgal-item{
  flex:0 0 auto;
  width:calc((100vw - 144px) / 5);
  min-width:0;
  overflow:hidden;
}
@keyframes martins-gallery-flow{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 6px),0,0)}
}

@media (max-width:1180px){
  #galerie .sgal-outer{padding-left:36px;padding-right:36px}
  #galerie .sgal-marquee .sgal-item{width:calc((100vw - 108px) / 4)}
}
@media (max-width:880px){
  #galerie .sgal-outer{padding-left:24px;padding-right:24px}
  #galerie .sgal-marquee .sgal-item{width:calc((100vw - 72px) / 3)}
}
@media (max-width:620px){
  #galerie .sgal-outer{padding-left:16px;padding-right:16px}
  #galerie .sgal-marquee .sgal-item{width:calc((100vw - 44px) / 2)}
}


/* =========================================================
   SITE_MARTINS R8 — COLLECTION BAR MARIAGE
   Présentation sans prix. Distincte des 11 menus alimentaires.
   ========================================================= */

.bar-menu-teaser{
  padding:72px 0;
  background:linear-gradient(180deg,var(--fond),var(--chaud));
  border-top:1px solid var(--li);
  border-bottom:1px solid var(--li);
}
.bar-menu-teaser-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:54px;
  align-items:center;
}
.bar-menu-teaser-photo{
  border:1px solid var(--li);
  overflow:hidden;
  background:#0b0805;
}
.bar-menu-teaser-photo img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  filter:saturate(.98) contrast(1.03) brightness(.86);
}
.bar-menu-teaser-copy p{
  color:var(--mu);
  line-height:1.85;
  margin-bottom:24px;
  max-width:520px;
}

.bar-hero{
  padding:120px 0 72px;
  min-height:680px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 72% 38%,rgba(212,165,58,.10),transparent 32%),
    linear-gradient(180deg,#0f0a05 0%,var(--fond) 100%);
  border-bottom:1px solid var(--li);
}
.bar-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}
.bar-hero-copy h1{
  font-family:'Playfair Display',serif;
  font-weight:400;
  font-size:clamp(2.7rem,5vw,5.2rem);
  line-height:1.02;
  letter-spacing:-.02em;
}
.bar-hero-copy p{
  color:rgba(247,240,224,.72);
  max-width:600px;
  line-height:1.9;
  font-size:1.02rem;
}
.bar-hero-visual{
  position:relative;
}
.bar-hero-visual::before{
  content:'';
  position:absolute;
  inset:-12px 12px 12px -12px;
  border:1px solid rgba(212,165,58,.35);
  pointer-events:none;
}
.bar-hero-visual img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center;
  border:1px solid rgba(212,165,58,.24);
  filter:saturate(1.04) contrast(1.02) brightness(.92);
}
.bar-intro .page-intro{
  max-width:900px;
}

.bar-formula-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:38px;
}
.bar-formula-card{
  overflow:hidden;
  background:linear-gradient(180deg,rgba(31,20,9,.92),rgba(20,13,6,.96));
  border:1px solid rgba(212,165,58,.28);
  min-height:100%;
  display:flex;
  flex-direction:column;
}
.bar-formula-photo{
  height:260px;
  overflow:hidden;
  background:#0b0805;
  border-bottom:1px solid rgba(212,165,58,.22);
}
.bar-formula-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.98) contrast(1.03) brightness(.88);
  transition:transform .5s ease;
}
.bar-formula-card:hover .bar-formula-photo img{
  transform:scale(1.025);
}
.bar-formula-body{
  padding:28px 26px 30px;
}
.bar-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid rgba(212,165,58,.45);
  border-radius:50%;
  color:var(--or);
  font-size:.68rem;
  letter-spacing:.12em;
  margin-bottom:14px;
}
.bar-formula-body h3{
  font-family:'Playfair Display',serif;
  font-weight:400;
  color:var(--or);
  font-size:1.55rem;
  line-height:1.2;
}
.bar-tagline{
  margin:7px 0 22px;
  font-family:'Playfair Display',serif;
  font-style:italic;
  color:rgba(247,240,224,.78);
}
.bar-formula-body h4{
  margin:18px 0 8px;
  color:var(--terre2);
  font-size:.76rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:500;
}
.bar-formula-body p,
.bar-formula-body li{
  color:rgba(247,240,224,.68);
  line-height:1.65;
  font-size:.9rem;
  font-weight:300;
}
.bar-formula-body ul{
  list-style:none;
}
.bar-formula-body li{
  position:relative;
  padding:5px 0 5px 16px;
}
.bar-formula-body li::before{
  content:'•';
  position:absolute;
  left:0;
  color:var(--or);
}
.bar-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.bar-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:34px;
}
.bar-service-grid > div{
  padding:22px 20px;
  background:rgba(31,20,9,.58);
  border:1px solid var(--li);
}
.bar-service-grid strong{
  display:block;
  color:var(--or);
  font-family:'Playfair Display',serif;
  font-weight:400;
  font-size:1.05rem;
  margin-bottom:7px;
}
.bar-service-grid span{
  color:rgba(247,240,224,.65);
  font-size:.9rem;
  line-height:1.65;
}
.bar-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}
.bar-cta p{
  color:var(--mu);
  max-width:760px;
  line-height:1.8;
  margin-top:14px;
}

@media(max-width:980px){
  .bar-menu-teaser-grid,
  .bar-hero-grid{
    grid-template-columns:1fr;
  }
  .bar-formula-grid{
    grid-template-columns:1fr;
  }
  .bar-formula-photo{
    height:320px;
  }
  .bar-service-grid{
    grid-template-columns:1fr 1fr;
  }
  .bar-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:620px){
  .bar-menu-teaser{padding:54px 0}
  .bar-hero{padding:110px 0 56px;min-height:auto}
  .bar-columns,
  .bar-service-grid{
    grid-template-columns:1fr;
  }
  .bar-formula-photo{height:240px}
}

/* ════════════════════════════════════════════════════════════════════
   R15 — NAVIGATION MOBILE — correctif minimal et cache-busté
   2026-08-25
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px){
  .nav{
    height:auto !important;
    min-height:106px !important;
    padding:8px 16px 6px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    align-content:center !important;
    justify-content:space-between !important;
    gap:4px 10px !important;
    background:rgba(20,13,6,.97) !important;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--li);
  }

  .nav-logo{
    order:1;
    flex:1 1 auto;
    min-width:0;
  }

  .nav-logo img{
    width:112px !important;
    max-width:112px !important;
    height:auto !important;
    transform:none !important;
  }

  .nav-cta{
    order:2;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:7px 9px !important;
    font-size:9px !important;
    letter-spacing:.06em !important;
    line-height:1.1;
    white-space:nowrap;
  }

  .nav-links{
    order:3;
    width:100%;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 !important;
    margin:0 !important;
    padding:4px 0 0 !important;
    list-style:none;
    border-top:1px solid rgba(196,98,45,.18);
  }

  .nav-links li{
    min-width:0;
    text-align:center;
  }

  .nav-links a{
    display:block;
    padding:7px 3px 5px;
    font-size:9.6px !important;
    letter-spacing:.045em !important;
    line-height:1.15;
    white-space:nowrap;
  }

  .breadcrumb{padding-top:126px !important;}
  .page-hero{padding-top:142px !important;}
  .hero-photo2-frame{inset:126px 18px 34px !important;}

  #histoire,
  #formulaire{
    scroll-margin-top:118px;
  }
}

@media (max-width: 380px){
  .nav{padding-left:10px !important;padding-right:10px !important;}
  .nav-logo img{width:100px !important;max-width:100px !important;}
  .nav-cta{font-size:8.4px !important;padding:7px 7px !important;}
  .nav-links a{font-size:9px !important;letter-spacing:.025em !important;}
}

/* ── R1.1 2026-09-05 — Hero "Nos menus" ──────────────────────────
   Photo existante de la galerie, non référencée ailleurs :
   assets/img/galerie/galerie-24.png
*/
.menus-hero{
  background:
    linear-gradient(rgba(14,8,3,.72),rgba(14,8,3,.88)),
    url('../img/galerie/galerie-24.png') center 55%/cover no-repeat;
}