/* Layout: full-width material bands (brun chaud des photos / kraft / ketchup), left-aligned column, the client's own photography and copy throughout. Single committed look: a food-truck service at dusk, warmed up. */
:root{
  --brun:#3A2619; --brun-2:#4A3224; --brun-3:#5C4133; --brun-line:#6B4E3D;
  --kraft:#EFDCBC; --kraft-2:#DCC49C; --encre:#2A1A10; --encre-2:#6A4D3A;
  --ketchup:#D6402F; --ketchup-2:#B72F22;
  --cheddar:#F3AD3F; --mesclun:#7BA656;
  --creme:#FCF3E3; --creme-2:#EAD8BC;
  --bun:#E2A054; --bun-2:#C97B33;
  --display:'DM Serif Display','Playfair Display',Georgia,'Times New Roman',serif;
  --body:'Rubik','Segoe UI',Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--brun);color:var(--creme);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--brun)}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.012em}
h2{font-size:clamp(1.9rem,4.2vw,3.1rem)}
h3{font-size:1.35rem}
p{margin:0}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--cheddar);outline-offset:3px;border-radius:4px}
.wrap{max-width:1140px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(56px,9vw,112px)}
.band--kraft{background:var(--kraft);color:var(--encre);background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.5px),radial-gradient(rgba(60,30,10,.07) 1px,transparent 1.5px);background-size:7px 7px,11px 11px;background-position:0 0,4px 6px}
.band--ketchup{background:var(--ketchup);color:var(--creme)}
.lede{font-size:clamp(1.05rem,1.6vw,1.22rem);max-width:62ch;color:var(--creme-2)}
.band--kraft .lede{color:var(--encre-2)}
.stack{display:grid;gap:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:500 1rem var(--body);padding:14px 22px;border-radius:999px;border:2px solid transparent;text-decoration:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--ketchup);color:var(--creme);border-color:var(--ketchup)}
.btn--primary:hover{background:var(--ketchup-2);border-color:var(--ketchup-2)}
.btn--ghost{background:transparent;color:var(--creme);border-color:var(--creme-2)}
.btn--ghost:hover{background:var(--creme);color:var(--brun)}
.btn--creme{background:var(--creme);color:var(--ketchup-2);border-color:var(--creme)}
.btn--creme:hover{background:var(--creme-2);border-color:var(--creme-2)}

/* ---------- nav ---------- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(58,38,25,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--brun-line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px}
.brand{font-family:var(--display);font-size:1.15rem;text-decoration:none;color:var(--creme);display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand__bun{width:22px;height:14px;border-radius:50% 50% 25% 25%/90% 90% 25% 25%;background:linear-gradient(var(--bun),var(--bun-2));position:relative;flex:none}
.brand__bun::after{content:"";position:absolute;inset:4px 6px auto 6px;height:3px;background:var(--cheddar);border-radius:2px}
.nav__links{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.nav__links a{text-decoration:none;color:var(--creme-2);font-weight:500;font-size:.95rem;white-space:nowrap}
.nav__links a:hover{color:var(--creme)}
.nav__right{display:flex;align-items:center;gap:14px}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--creme-2);text-decoration:none;padding:7px 12px;border:1px solid var(--brun-line);border-radius:999px;white-space:nowrap}
.pill:hover{border-color:var(--cheddar);color:var(--creme)}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--mesclun);flex:none}
.pill.is-off i{background:var(--cheddar)}
.nav .btn{padding:10px 18px;font-size:.95rem}
@media (max-width:1180px){.pill{display:none}}
@media (max-width:760px){.nav__links{display:none}}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(60% 55% at 78% 30%,rgba(243,173,63,.18),transparent 70%),
  radial-gradient(45% 45% at 8% 95%,rgba(214,64,47,.12),transparent 70%),
  linear-gradient(180deg,#3F2A1B,var(--brun))}
.lights{position:absolute;left:0;right:0;top:0;height:70px;pointer-events:none}
.lights svg{position:absolute;inset:0;width:100%;height:70px}
.bulb{position:absolute;width:13px;height:19px;margin-left:-6px;border-radius:50% 50% 50% 50%/42% 42% 58% 58%;background:radial-gradient(circle at 40% 35%,#FFE6B0,var(--cheddar) 60%,#D9862A);box-shadow:0 0 14px 3px rgba(243,173,63,.55),0 0 30px 8px rgba(243,173,63,.2);animation:glow 2.8s ease-in-out infinite alternate;animation-delay:calc(var(--d) * -.43s)}
.bulb::before{content:"";position:absolute;left:3px;right:3px;top:-5px;height:6px;background:#6B4E3D;border-radius:2px 2px 0 0}
@keyframes glow{from{opacity:.72;filter:brightness(.9)}to{opacity:1;filter:brightness(1.18)}}
@media (max-width:640px){.bulb:nth-child(2n){display:none}}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;padding-top:clamp(76px,10vw,112px);padding-bottom:clamp(48px,7vw,80px)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;padding-top:90px}}
.hero__kicker{color:var(--cheddar);font-weight:500;font-size:1rem;letter-spacing:.02em}
.hero h1{font-size:clamp(2.9rem,7.2vw,5.4rem);line-height:.98;margin-top:10px;margin-bottom:18px}
.hero h1 .h1-sub{display:block;font-family:var(--body);font-weight:500;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.35;color:var(--creme-2);margin-top:16px;letter-spacing:0;max-width:34ch}
.claims{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;list-style:none;padding:0}
.claims li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--brun-line);border-radius:999px;background:rgba(74,50,36,.6);font-weight:500;font-size:.95rem}
.claims li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cheddar)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.tonight{margin-top:30px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--brun-line);border-radius:14px;background:rgba(74,50,36,.78);max-width:560px}
.tonight__dot{width:14px;height:14px;border-radius:50%;background:var(--mesclun);animation:pulse 2s ease-out infinite}
.tonight__dot.is-off{background:var(--cheddar);animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(123,166,86,.55)}100%{box-shadow:0 0 0 14px rgba(123,166,86,0)}}
.tonight__title{font-weight:700;font-size:1.05rem}
.tonight__text{color:var(--creme-2);font-size:.98rem}
.tonight__text a{color:var(--cheddar)}

/* ---------- photo showcase ---------- */
.show{position:relative;aspect-ratio:1/1;max-width:100%;border-radius:22px;overflow:hidden;background:#2E1407;box-shadow:0 30px 70px -30px rgba(0,0,0,.75),0 0 0 1px var(--brun-line)}
.show figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.1s ease}
.show figure img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s ease-out}
.show figure.is-on{opacity:1;z-index:1}
.show figure.is-on img{transform:scale(1)}
.show figcaption{position:absolute;left:16px;bottom:16px;right:16px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}
.show .chip{background:rgba(42,26,16,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--brun-line);border-radius:12px;padding:10px 14px;color:var(--creme);font-family:var(--display);font-size:1.15rem;line-height:1.1}
.show .chip small{display:block;font-family:var(--body);font-size:.82rem;color:var(--creme-2);margin-top:3px;font-weight:500}
.show .chip.price{font-size:1rem;color:var(--cheddar);padding:10px 12px}
.show__dots{position:absolute;top:14px;right:14px;z-index:3;display:flex;gap:6px}
.show__dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(252,243,227,.4);cursor:pointer;transition:background .2s ease,transform .2s ease}
.show__dots button.is-on{background:var(--cheddar);transform:scale(1.25)}
.show__nav{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--brun-line);background:rgba(42,26,16,.7);color:var(--creme);cursor:pointer;font-size:1.1rem;display:grid;place-items:center;opacity:0;transition:opacity .25s ease}
.show:hover .show__nav,.show:focus-within .show__nav{opacity:1}
.show__nav.prev{left:12px}.show__nav.next{right:12px}
@media (hover:none){.show__nav{opacity:1}}

/* ---------- ticker ---------- */
.ticker{border-top:1px solid var(--brun-line);border-bottom:1px solid var(--brun-line);background:var(--brun-2);overflow:hidden;white-space:nowrap;padding-block:12px}
.ticker__track{display:inline-flex;animation:scroll 28s linear infinite;will-change:transform}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__item{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-family:var(--display);font-size:1.05rem;color:var(--creme-2)}
.ticker__item i{display:inline-block;width:9px;height:6px;border-radius:50%;background:var(--cheddar);transform:rotate(-25deg)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- menu ---------- */
.section-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,48px);max-width:72ch}
.menu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:980px){.menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.menu{grid-template-columns:1fr}}
.dish{position:relative;background:rgba(255,255,255,.34);border:1.5px solid var(--kraft-2);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0}
.dish--featured{grid-column:span 2}
.dish--wide{grid-column:span 2}
@media (max-width:980px){.dish--wide{grid-column:auto}}
@media (max-width:600px){.dish--featured{grid-column:auto}}
.dish__img{position:relative;aspect-ratio:1/1;overflow:hidden;background:#2E1407}
.dish--featured .dish__img{aspect-ratio:16/10}
@media (min-width:981px){.dish--wide .dish__img{aspect-ratio:16/10}}
@media (max-width:600px){.dish--featured .dish__img{aspect-ratio:1/1}}
.dish__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.dish:hover .dish__img img{transform:scale(1.04)}
.dish__price{position:absolute;top:14px;left:14px;background:var(--ketchup);color:var(--creme);font-family:var(--display);font-size:1rem;padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.dish__price.sup{background:var(--encre)}
.dish__body{padding:18px 20px 22px;display:grid;gap:8px;align-content:start}
.dish h3{font-size:clamp(1.45rem,2.2vw,1.8rem);color:var(--encre)}
.dish--featured h3{font-size:clamp(1.7rem,2.8vw,2.3rem)}
.dish .tag{color:var(--ketchup-2);font-size:.98rem;font-weight:500}
.dish .ing{color:var(--encre);font-size:.98rem;line-height:1.5}
.dish .vg{justify-self:start;font-size:.82rem;font-weight:500;padding:3px 10px;border:1.5px solid var(--encre-2);border-radius:999px;color:var(--encre-2);margin-top:4px}
.menu-note{margin-top:28px;color:var(--encre-2);max-width:72ch}

/* ---------- ardoise (tarifs) ---------- */
.ardoise{margin-top:clamp(40px,6vw,72px);background:var(--brun-2);color:var(--creme);border-radius:18px;padding:clamp(24px,4vw,44px);box-shadow:0 20px 50px -20px rgba(42,26,16,.5),inset 0 0 0 1px var(--brun-line);background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.4px);background-size:9px 9px}
.ardoise__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:28px}
@media (max-width:860px){.ardoise__grid{grid-template-columns:1fr}}
.ardoise h3{color:var(--cheddar);font-size:1.3rem;margin-bottom:14px}
.price-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.price-list li{display:flex;align-items:baseline;gap:10px;font-size:1rem}
.price-list .lead{flex:1;border-bottom:2px dotted var(--brun-line);transform:translateY(-5px);min-width:14px}
.price-list .p{font-family:var(--display);font-size:1.15rem;color:var(--creme);font-variant-numeric:tabular-nums;white-space:nowrap}
.price-list .big .p{font-size:1.5rem;color:var(--cheddar)}
.price-list small{display:block;color:var(--creme-2);font-size:.88rem;margin-top:2px}
.nouveau{display:inline-block;background:var(--ketchup);color:var(--creme);font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:4px;margin-right:8px;letter-spacing:.04em;vertical-align:middle}
.ardoise__foot{margin-top:28px;padding-top:20px;border-top:1px solid var(--brun-line);color:var(--creme-2);max-width:72ch}
.ardoise__foot b{color:var(--creme)}

/* ---------- emplacements ---------- */
.week{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:960px){.week{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.week{grid-template-columns:1fr}}
.ticket{position:relative;background:var(--brun-2);border:1px solid var(--brun-line);border-radius:14px;padding:22px 20px 20px;display:grid;gap:8px;align-content:start;transition:border-color .25s ease,transform .25s ease}
.ticket__day{font-family:var(--display);font-size:1.7rem;color:var(--cheddar)}
.ticket__hours{color:var(--creme-2);font-size:.95rem;margin-top:-4px}
.ticket h3{font-family:var(--body);font-weight:700;font-size:1.15rem;margin-top:8px;line-height:1.3}
.ticket__place{color:var(--creme-2);font-size:.95rem;line-height:1.45}
.ticket__place a{color:var(--cheddar);font-weight:500;text-decoration:none}
.ticket__place a:hover{text-decoration:underline}
.ticket__flag{display:none;position:absolute;top:-12px;right:14px;background:var(--mesclun);color:var(--brun);font-weight:700;font-size:.78rem;padding:4px 10px;border-radius:999px}
.ticket.is-today{border-color:var(--mesclun);box-shadow:0 0 0 1px var(--mesclun),0 18px 40px -22px rgba(123,166,86,.6);transform:translateY(-4px)}
.ticket.is-next{border-color:var(--cheddar)}
.ticket.is-today .ticket__flag,.ticket.is-next .ticket__flag{display:block}
.ticket.is-next .ticket__flag{background:var(--cheddar)}
.week-note{margin-top:28px;color:var(--creme-2);max-width:72ch}
.week-note a{color:var(--cheddar)}

/* ---------- privatisation ---------- */
.priv .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.priv .wrap{grid-template-columns:1fr}}
.priv h2{font-size:clamp(2rem,4.6vw,3.4rem)}
.priv p{color:var(--creme);max-width:62ch}
.priv .hero__cta{margin-top:26px}
.priv .btn--ghost{border-color:rgba(252,243,227,.6)}
.priv .btn--ghost:hover{background:var(--creme);color:var(--ketchup-2)}
.pillars{display:grid;gap:22px;border-left:3px solid rgba(252,243,227,.45);padding-left:22px}
.pillars h3{font-size:1.3rem}
.pillars p{font-size:.98rem;margin-top:6px;color:var(--creme-2)}
.more{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.95rem}
.more a{color:var(--creme);text-decoration:underline;text-underline-offset:3px}

/* ---------- à propos ---------- */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.about{grid-template-columns:1fr}}
.about .prose{display:grid;gap:16px;max-width:62ch}
.about .prose a{color:var(--ketchup-2)}
.towns{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.towns a{display:inline-block;padding:8px 14px;border:1.5px solid var(--encre-2);border-radius:999px;text-decoration:none;font-weight:500;color:var(--encre)}
.towns a:hover{background:var(--encre);color:var(--kraft)}
.guarantees{display:grid;gap:14px;position:sticky;top:90px}
.guarantees>p{color:var(--encre-2);font-size:.98rem}
.g{background:rgba(255,255,255,.3);border:1.5px solid var(--kraft-2);border-radius:14px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.g__ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--encre);position:relative}
.g__ico.bun::after{content:"";width:24px;height:14px;border-radius:50% 50% 25% 25%/90% 90% 25% 25%;background:linear-gradient(var(--bun),var(--bun-2))}
.g__ico.fr::after{content:"";width:24px;height:16px;background:linear-gradient(90deg,#1F4B9E 33%,var(--creme) 33% 66%,var(--ketchup) 66%);border-radius:2px}
.g__ico.fries::after{content:"";width:22px;height:18px;background:repeating-linear-gradient(90deg,var(--cheddar) 0 4px,transparent 4px 7px);border-bottom:6px solid var(--ketchup)}
.g h3{font-size:1.1rem;font-family:var(--body);font-weight:700}
.g p{font-size:.92rem;color:var(--encre-2);margin-top:2px}
.closing{margin-top:clamp(40px,6vw,72px);font-family:var(--display);font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.15;max-width:22ch}
.closing span{color:var(--ketchup-2)}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--brun-line);padding-block:48px 36px;color:var(--creme-2);font-size:.94rem}
.foot__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
@media (max-width:820px){.foot__grid{grid-template-columns:1fr}}
.foot h3{font-size:1.1rem;color:var(--creme);margin-bottom:12px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{color:var(--creme-2);text-decoration:none}
.foot a:hover{color:var(--cheddar)}
.foot .brand{margin-bottom:12px}
.partners{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:10px 0 0;padding:0}
.partners a{border-bottom:1px solid var(--brun-line)}
.partners a:hover{border-color:var(--cheddar)}
.foot__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:18px;border-top:1px solid var(--brun-line)}

/* ---------- dialog / form ---------- */
dialog{border:0;padding:0;background:transparent;max-width:min(600px,calc(100% - 32px));width:100%;margin:auto}
dialog::backdrop{background:rgba(20,12,8,.72);backdrop-filter:blur(3px)}
dialog[open]{animation:pop .3s cubic-bezier(.2,.9,.3,1.1)}
@keyframes pop{from{transform:translateY(16px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.sheet{background:var(--brun-2);color:var(--creme);border:1px solid var(--brun-line);border-radius:18px;padding:clamp(22px,4vw,34px);max-height:calc(100dvh - 48px);overflow:auto}
.sheet__head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:6px}
.sheet h2{font-size:1.7rem}
.sheet .lede{font-size:.98rem;margin-bottom:20px}
.x{background:transparent;border:1px solid var(--brun-line);color:var(--creme);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;flex:none}
.x:hover{background:var(--brun-3)}
.form{display:grid;gap:14px}
.form h3{font-size:1.05rem;color:var(--cheddar);margin-top:6px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.form .row{grid-template-columns:1fr}}
.field{display:grid;gap:6px;min-width:0}
.field span{font-size:.9rem;color:var(--creme-2);font-weight:500}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:1rem;color:var(--creme);background:var(--brun);border:1px solid var(--brun-line);border-radius:10px;padding:12px 14px;min-width:0}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cheddar);outline:none;box-shadow:0 0 0 3px rgba(243,173,63,.25)}
.form__foot{display:grid;gap:12px;margin-top:6px}
.form__foot .btn{text-transform:uppercase;letter-spacing:.04em}
.form__note{font-size:.9rem;color:var(--creme-2)}
.status{display:none;background:rgba(123,166,86,.16);border:1px solid var(--mesclun);color:var(--creme);padding:12px 14px;border-radius:10px;font-size:.95rem}
.status.is-on{display:block}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .show figure img{transform:none!important}
}

/* ---------- ajouts site complet ---------- */
.bandeau{background:var(--cheddar);color:var(--encre);font-weight:500;text-align:center;padding:10px max(16px,env(safe-area-inset-left,0px));font-size:.98rem}
.dish[data-rupture] .dish__img::after{content:"Épuisé ce soir";position:absolute;inset:auto 14px 14px auto;background:var(--encre);color:var(--kraft);font:500 .85rem var(--body);padding:6px 12px;border-radius:999px}
.dish[data-rupture] .dish__img img{filter:saturate(.6) brightness(.85)}
.ticket[data-annule]{opacity:.85}
.ticket[data-annule] .ticket__flag{display:block;background:var(--ketchup);color:var(--creme)}
.ticket__exception{color:var(--cheddar);font-size:.92rem;font-weight:500}
/* pages intérieures */
.page-hero{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(40px,6vw,64px);background:radial-gradient(60% 55% at 78% 30%,rgba(243,173,63,.18),transparent 70%),linear-gradient(180deg,#3F2A1B,var(--brun))}
.page-hero h1{font-size:clamp(2rem,4.8vw,3.6rem);max-width:22ch}
.page-hero .lede{margin-top:18px}
.prose{max-width:68ch;display:grid;gap:16px}
.prose h2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin-top:28px}
.prose h3{font-size:1.25rem;margin-top:10px}
.prose ul{margin:0;padding-left:22px;display:grid;gap:8px}
.prose a{color:var(--ketchup-2)}
.faq{display:grid;gap:10px;max-width:72ch}
.faq details{border:1.5px solid var(--kraft-2);border-radius:12px;background:rgba(255,255,255,.3);padding:0 18px}
.faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--display);font-size:1.3rem;color:var(--ketchup-2);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{padding-bottom:16px;color:var(--encre);line-height:1.55}
.tel{color:var(--cheddar);font-weight:500;text-decoration:none;white-space:nowrap}
.cta-band{text-align:left}
.cta-band .hero__cta{margin-top:22px}
.todo{background:#FFF3C4;color:#5C4500;border:2px dashed #C9A227;border-radius:12px;padding:14px 18px;font-weight:500}
.show__figures{position:absolute;inset:0}
.dish--full{grid-column:1 / -1}
@media (min-width:981px){.dish--full .dish__img{aspect-ratio:21/9}}
@media (max-width:980px){.dish--full{grid-column:span 2}.dish--full .dish__img{aspect-ratio:16/10}}
@media (max-width:600px){.dish--full{grid-column:auto}.dish--full .dish__img{aspect-ratio:1/1}}
/* pages privatisation */
.page-hero--split .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:900px){.page-hero--split .wrap{grid-template-columns:1fr}}
.page-hero__photo{margin:0;aspect-ratio:1/1;max-width:100%;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.75),0 0 0 1px var(--brun-line)}
.page-hero__photo img{width:100%;height:100%;object-fit:cover}
.lede--strong{color:var(--creme);font-weight:500}
.intro{margin-top:18px;max-width:62ch;color:var(--creme-2)}
.intro p{line-height:1.6}
.page-hero .hero__cta{margin-top:26px}
.prose--page h2:first-child{margin-top:0}
.prose--page ul{display:grid;gap:10px}
.prose--page li b{color:var(--ketchup-2)}
.btn--ghost-ink{color:var(--encre);border-color:var(--encre-2)}
.btn--ghost-ink:hover{background:var(--encre);color:var(--kraft)}
.strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--brun)}
.strip img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block}
@media (max-width:600px){.strip{grid-template-columns:repeat(3,1fr)}}
.faq details div{padding-bottom:16px;color:var(--encre);line-height:1.55;display:grid;gap:10px}
.faq details div ul{margin:0;padding-left:22px;display:grid;gap:6px}
.faq details div p{margin:0}


/* =====================================================================
   Affinage : titres centrés, police plus classe, mobile
   ===================================================================== */
h2{font-size:clamp(2rem,4.4vw,3.2rem)}
.section-head{text-align:center;margin-inline:auto;max-width:76ch;justify-items:center}
.section-head .lede{margin-inline:auto}
.section-head h2::after,.ardoise>h2::after,.cta-band h2::after{content:"";display:block;width:56px;height:3px;border-radius:2px;background:var(--cheddar);margin:18px auto 0}
.band--kraft .section-head h2::after{background:var(--ketchup)}
.cta-band h2::after{background:var(--creme)}
.ardoise>h2{text-align:center}
.ardoise__grid{margin-top:34px}
.week-note{text-align:center;margin-inline:auto}
.menu-note{text-align:center;margin-inline:auto}

/* Privatisation et À propos : titre centré au-dessus, colonnes en dessous */
.priv .wrap{display:block}
.priv__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,72px);align-items:start;margin-top:clamp(28px,4vw,48px)}
@media (max-width:860px){.priv__grid{grid-template-columns:1fr}}
.priv .section-head .lede{color:rgba(252,243,227,.85)}
.about{margin-top:clamp(28px,4vw,48px)}
.closing{text-align:center;margin-inline:auto;max-width:26ch}
.cta-band{text-align:center}
.cta-band p{margin-inline:auto}
.cta-band .hero__cta{justify-content:center}
.pillars{border-left:0;padding-left:0;gap:16px}
.pillars>div{background:rgba(42,26,16,.18);border:1px solid rgba(252,243,227,.25);border-radius:14px;padding:18px 20px}

/* Hero */
.hero h1{font-size:clamp(3rem,7.4vw,5.6rem);letter-spacing:-.02em}
.hero h1 .h1-sub{font-size:clamp(1.05rem,1.7vw,1.25rem)}
.hero__kicker{letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}
.page-hero .hero__kicker{letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}
.page-hero h1{font-size:clamp(2.1rem,4.6vw,3.5rem)}
.lede--strong{font-size:1.12rem}

/* Boutons un peu plus doux */
.btn{font-weight:500;letter-spacing:.01em}

/* Navigation mobile */
.nav__burger{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--brun-line);background:transparent;color:var(--creme);cursor:pointer;padding:0;align-items:center;justify-content:center;flex:none}
.nav__burger span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s ease,background .2s ease}
.nav__burger span::before,.nav__burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease,top .2s ease}
.nav__burger span::before{top:-6px}.nav__burger span::after{top:6px}
.nav.is-open .nav__burger span{background:transparent}
.nav.is-open .nav__burger span::before{top:0;transform:rotate(45deg)}
.nav.is-open .nav__burger span::after{top:0;transform:rotate(-45deg)}
.nav__panel{display:none}
@media (max-width:760px){
  .nav__burger{display:inline-flex}
  .nav .btn--primary{display:none}
  .nav__panel{display:none;border-top:1px solid var(--brun-line);background:var(--brun);padding-block:14px 18px}
  .nav.is-open .nav__panel{display:block}
  .nav__panel .wrap{display:grid;gap:6px;min-height:0}
  .nav__panel a.lnk{display:block;padding:12px 4px;font-weight:500;text-decoration:none;color:var(--creme);border-bottom:1px solid var(--brun-line);font-size:1.05rem}
  .nav__panel .pill{display:inline-flex;margin-top:10px;white-space:normal}
  .nav__panel .btn{margin-top:12px;width:100%}
}

/* Mobile : centrage et respiration */
@media (max-width:900px){
  .hero .wrap>div:first-child{text-align:center}
  .hero .claims,.hero .hero__cta{justify-content:center}
  .hero h1 .h1-sub{margin-inline:auto}
  .hero .tonight{margin-inline:auto;text-align:left}
  .page-hero--split .wrap>div{text-align:center}
  .page-hero--split .intro,.page-hero--split .lede{margin-inline:auto}
  .page-hero--split .hero__cta{justify-content:center}
  .page-hero__photo{max-width:420px;margin-inline:auto}
  .priv .hero__cta,.band--kraft .hero__cta{justify-content:center}
  .more{justify-content:center}
}
@media (max-width:600px){
  body{font-size:16px}
  .band{padding-block:48px}
  .hero .wrap{padding-top:72px;padding-bottom:36px}
  .hero h1{font-size:clamp(2.6rem,13vw,3.4rem)}
  .tonight{grid-template-columns:auto 1fr;padding:14px 16px}
  .ticker__item{font-size:.95rem}
  .ardoise{padding:22px 18px;border-radius:14px}
  .ardoise__grid{gap:26px}
  .price-list .big .p{font-size:1.3rem}
  .dish__body{padding:16px 16px 20px}
  .foot{text-align:center}
  .foot .brand{justify-content:center}
  .foot .partners,.foot__row{justify-content:center}
  .foot__row{flex-direction:column;align-items:center;gap:8px}
  .guarantees{position:static}
  .closing{font-size:1.7rem}
  .faq summary{padding:14px 0;font-size:.98rem}
  .sheet{padding:20px 16px;border-radius:14px}
}

/* Écran de confirmation du formulaire */
.sent{display:grid;gap:12px;justify-items:center;text-align:center;padding:12px 4px 4px}
.sent__check{width:56px;height:56px;border-radius:50%;background:var(--mesclun);color:var(--brun);font-size:1.6rem;font-weight:700;display:grid;place-items:center}
.sent h3{font-size:1.6rem}
.sent p{color:var(--creme-2);max-width:40ch}
.sent__urgent{color:var(--creme)!important;background:rgba(243,173,63,.14);border:1px solid rgba(243,173,63,.5);border-radius:12px;padding:12px 16px}
.sent__urgent .tel{font-size:1.15rem;white-space:nowrap}
.sent .btn{margin-top:6px}
.form .lede{margin-bottom:8px}