/* Tchop and Read — site. Direction retenue par le client : nuit profonde + crème + bronze,
   photos pleine chair, titres Cormorant Garamond. Mise en page : bandeaux pleine largeur, contenu centré 1180. */
:root{
  color-scheme: dark;
  --night:#17120C;
  --night-2:#0A0A0E;
  --ink:#1E1811;
  --band:#1B1610;
  --cream:#F7ECDE;
  --cream-2:#FBF4EB;
  --bronze:#9A5119;
  --bronze-lt:#AE5E1E;
  --bronze-dk:#753D11;
  --gold:#E0A868;
  --gold-2:#C8914F;
  --champagne:#F2E6D2;
  --on-dark:#F7EFE2;
  --on-dark-soft:#D6C3A9;
  --on-cream:#1F160F;
  --on-cream-soft:#6B5747;
  --hair:rgba(247,239,226,.15);
  --gold-line:rgba(224,168,104,.32);
  --hair-cream:#E4D5C1;
  --wrap:1180px;
  --r:4px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--night);color:var(--on-dark);
  font-family:Jost,"Segoe UI",system-ui,sans-serif;font-size:16.5px;font-weight:300;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif;margin:0;line-height:1.08;text-wrap:balance;font-weight:600}
h1{font-size:clamp(50px,7.4vw,86px);letter-spacing:-.005em}
h2{font-size:clamp(34px,4.6vw,56px)}
h3{font-size:24px;font-weight:600}
strong,b{font-weight:500}
p{margin:0}
img{max-width:100%;display:block}
a{color:var(--gold)}
.num{font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}

/* --- bandeau maquette --- */
.draft{background:var(--gold);color:#2A1706;font-size:14px;font-weight:500;padding:8px 16px;text-align:center}
.draft span{font-weight:500;color:#3E240C}

/* --- boutons --- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:Jost,sans-serif;font-weight:500;font-size:15.5px;letter-spacing:.01em;
  padding:14px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;
  text-decoration:none;line-height:1;transition:background .15s,color .15s,border-color .15s;
}
.btn svg{width:17px;height:17px;flex:none}
.btn-fill{background:linear-gradient(180deg,var(--bronze-lt),var(--bronze-dk));color:#FFF6EC;box-shadow:0 10px 22px -14px #000}
.btn-fill:hover{background:linear-gradient(180deg,#C06A26,var(--bronze))}
.btn-line{background:transparent;color:var(--on-dark);border-color:rgba(244,234,221,.45)}
.btn-line:hover{background:var(--on-dark);color:var(--night)}
.btn-line-dk{background:transparent;color:var(--bronze);border-color:var(--bronze)}
.btn-line-dk:hover{background:var(--bronze);color:#FFF6EC}
.btn-sm{padding:10px 18px;font-size:14px}
.btn[disabled]{opacity:.4;cursor:not-allowed}

/* --- barre de navigation --- */
.top{position:sticky;top:0;z-index:60;background:rgba(16,12,8,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair)}
.top .wrap{display:flex;align-items:center;gap:20px;height:78px}
.logo{display:flex;align-items:center;margin-right:auto;flex:none}
.logo img{height:56px;width:auto}
nav.main{display:flex;gap:6px}
nav.main a{
  color:var(--on-dark);text-decoration:none;font-weight:600;font-size:15.5px;
  padding:9px 14px;border-radius:8px;position:relative;white-space:nowrap;
}
nav.main a:hover{color:var(--gold)}
nav.main a[aria-current="page"]{color:var(--gold)}
nav.main a[aria-current="page"]::after{
  content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--gold);border-radius:2px;
}
.icbtn{
  width:44px;height:44px;border-radius:50%;border:1px solid var(--hair);background:transparent;
  display:grid;place-items:center;color:var(--on-dark);cursor:pointer;position:relative;flex:none;text-decoration:none;
}
.icbtn:hover{border-color:var(--gold);color:var(--gold)}
.icbtn svg{width:20px;height:20px}
.icbtn .n{
  position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;
  background:var(--bronze);color:#fff;font-size:11.5px;font-weight:600;display:grid;place-items:center;
  padding:0 5px;border:2px solid var(--night);font-family:Jost,sans-serif;
}
.icbtn .n[hidden]{display:none}
.burger{display:none}
@media(max-width:940px){
  .top .wrap{height:66px;gap:12px}
  .logo img{height:44px}
  nav.main{
    position:absolute;top:100%;left:0;right:0;background:var(--night);flex-direction:column;
    padding:10px 20px 18px;gap:2px;border-bottom:1px solid var(--hair);
  }
  nav.main[hidden]{display:none}
  nav.main a{padding:12px 6px;font-size:17px}
  nav.main a[aria-current="page"]::after{display:none}
  .burger{display:grid}
  .top .btn{display:none}
}

/* --- héros --- */
.hero{position:relative;background:var(--night);overflow:hidden;border-bottom:1px solid var(--hair)}
.hero{
  background:
    radial-gradient(85% 90% at 78% 46%, rgba(224,168,104,.17), transparent 66%),
    linear-gradient(180deg,#141419 0%, #17120C 60%, #09090C 100%);
}
.hero-img{
  position:absolute;right:1.5%;top:52%;transform:translateY(-50%);
  width:46%;max-width:620px;aspect-ratio:1400/701;
  background:url("../img/ph/hero.png") center/contain no-repeat;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 34px 30px rgba(0,0,0,.65));
}
.hero-img::after{
  content:"";position:absolute;left:8%;right:8%;bottom:2%;height:34px;border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.6), transparent 72%);
}
.hero .wrap{position:relative;padding-top:74px;padding-bottom:48px;min-height:540px;display:flex;flex-direction:column;justify-content:center}
.hero-in{max-width:620px}
.eyebrow{
  font-size:12.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;
}
.hero h1 em{font-style:normal;color:var(--gold);display:block}
.hero p.lede{margin-top:20px;font-size:18px;color:var(--on-dark-soft);max-width:44ch}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.script{
  position:absolute;right:26px;top:54px;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;
  font-size:34px;line-height:1.05;color:var(--gold);text-align:center;transform:rotate(-7deg);
  text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.script span{display:block}
.script::after{content:"";display:block;height:2px;background:var(--gold);border-radius:2px;margin:4px auto 0;width:62%}
@media(max-width:1080px){.script{display:none}}
.feats{display:flex;gap:26px;flex-wrap:wrap;margin-top:42px;padding-top:4px;max-width:600px}
.feat{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:600;line-height:1.25;max-width:190px}
.feat .ring{
  width:40px;height:40px;border-radius:50%;border:1px solid var(--gold-2);display:grid;place-items:center;
  color:var(--gold);flex:none;
}
.feat .ring svg{width:19px;height:19px}
@media(max-width:860px){
  .hero-img{position:relative;right:auto;top:auto;transform:none;width:84%;margin:10px auto -10px}
  .hero-img::after{display:none}
  .hero .wrap{padding-top:48px;min-height:0}
  .feats{gap:18px}
  .feat{max-width:46%}
}

/* --- bande catégories --- */
.catstrip{background:var(--cream-2);padding:26px 0 20px;border-bottom:1px solid var(--hair-cream)}
.catstrip .rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.catcard{
  flex:1 0 128px;min-width:128px;background:transparent;border:0;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px 10px;border-radius:14px;
  font-family:Jost,sans-serif;font-size:14.5px;font-weight:500;color:var(--on-cream);
  position:relative;transition:background .15s;
}
.catcard:hover{background:#F2E4D2}
.catcard img{
  width:104px;height:78px;border-radius:0;object-fit:contain;background:none;border:0;
  filter:drop-shadow(0 10px 10px rgba(70,42,14,.38));
}
.catcard .catico{
  width:78px;height:78px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(154,81,25,.35);color:var(--bronze);background:#FFFCF7;
}
.catcard .catico svg{width:34px;height:34px}
.catcard.on{background:#fff;box-shadow:0 10px 26px -18px rgba(36,26,18,.7)}
.catcard.on::after{content:"";position:absolute;left:32%;right:32%;bottom:4px;height:3px;background:var(--bronze);border-radius:2px}

/* --- sections claires --- */
.light{background:var(--cream);color:var(--on-cream);padding:72px 0}
.light h2{color:var(--on-cream)}
.light h2 em{font-style:normal;color:var(--bronze)}
.light .sub{color:var(--on-cream-soft);margin-top:12px;max-width:46ch;font-size:17px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}

/* --- cartes plats --- */
.dishes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1000px){.dishes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dishes{grid-template-columns:1fr}}
.dish{
  background:var(--ink);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 18px 34px -26px rgba(0,0,0,.85);
}
.dish .pic{
  aspect-ratio:16/10;overflow:visible;display:grid;place-items:center;padding:16px 14px 6px;
  background:radial-gradient(70% 70% at 50% 46%, rgba(224,168,104,.16), transparent 72%);
}
.dish .pic img{
  width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;
  filter:saturate(1.06) drop-shadow(0 16px 16px rgba(0,0,0,.6));
}
.dish .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:7px;flex:1}
.dish h3{color:var(--on-dark);font-size:19.5px}
.dish p{font-size:14.5px;color:var(--on-dark-soft);line-height:1.5}
.dish .price{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:22px;color:var(--gold);margin-top:2px}
.dish .btn{margin-top:auto;width:100%;justify-content:flex-start;gap:12px;padding:12px 16px;border-radius:10px}
.dish .btn .cc{width:28px;height:28px;border-radius:50%;background:#FFF4E8;display:grid;place-items:center;flex:none}
.dish .btn .cc svg{width:15px;height:15px;color:var(--bronze)}

/* --- offre du moment --- */
.promo{background:var(--night);padding:62px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.promo .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:46px;align-items:center}
@media(max-width:900px){.promo .wrap{grid-template-columns:1fr;gap:30px}}
.promo h2{color:var(--on-dark)}
.promo h2 em{font-style:normal;color:var(--gold);display:block}
.promo p{color:var(--on-dark-soft);margin-top:15px;max-width:46ch}
.promo-cta{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.pricetag{
  display:grid;place-content:center;width:116px;height:116px;border-radius:50%;flex:none;
  background:var(--gold);color:#241404;text-align:center;line-height:1.02;
  box-shadow:0 0 0 7px rgba(218,149,88,.17);
}
.pricetag small{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pricetag b{font-family:"Cormorant Garamond",Georgia,serif;font-size:38px;font-weight:600;display:block;margin-top:2px}
.promo-pics{display:grid;gap:30px;justify-items:center}
.promo-pics figure{
  margin:0;border:0;border-radius:0;position:relative;width:100%;
  display:grid;place-items:center;padding-bottom:26px;
}
.promo-pics figure::before{
  content:"";position:absolute;left:14%;right:14%;bottom:12px;height:26px;border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.62), transparent 72%);
}
.promo-pics img{
  width:auto;max-width:100%;display:block;object-fit:contain;position:relative;z-index:1;
  filter:saturate(1.06) contrast(1.03) drop-shadow(0 22px 22px rgba(0,0,0,.6));
}
.promo-pics .a img{max-height:250px}
.promo-pics .b img{max-height:160px}
.promo-pics figcaption{
  position:absolute;left:50%;transform:translateX(-50%);bottom:-4px;z-index:2;
  background:rgba(15,11,7,.9);border:1px solid var(--gold-line);color:var(--champagne);
  font-size:13.5px;font-weight:500;padding:6px 13px;border-radius:999px;
}

/* --- bande services --- */
.strip{background:var(--band);padding:34px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.strip .it{display:flex;align-items:center;gap:16px;padding-right:20px;border-right:1px solid var(--hair)}
.strip .it:last-child{border-right:0}
.strip svg{width:36px;height:36px;color:var(--gold);flex:none}
.strip b{display:block;font-size:17px;font-weight:500;color:var(--on-dark)}
.strip span{font-size:14.5px;color:var(--on-dark-soft)}
@media(max-width:860px){.strip .wrap{grid-template-columns:1fr;gap:20px}.strip .it{border-right:0;padding-right:0}}

/* --- à propos (accueil) --- */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--cream-2)}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.split .shot{min-height:430px;position:relative;overflow:hidden;background:#17120C}
.split .shot svg.bg{position:absolute;inset:0;width:100%;height:100%}
.split .shot .plate{
  position:absolute;right:2%;top:46%;transform:translateY(-50%);
  width:62%;max-width:420px;height:auto;z-index:2;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 28px 26px rgba(0,0,0,.65));
}
@media(max-width:900px){.split .shot{min-height:360px}.split .shot .plate{width:66%}}
.split .txt{padding:62px 44px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;color:var(--on-cream)}
@media(max-width:1100px){.split .txt{grid-template-columns:1fr;gap:28px;padding:44px 28px}}
.split h2{color:var(--on-cream)}
.split p{color:var(--on-cream-soft);margin-top:16px;max-width:46ch;font-size:16.5px}
.split .btn{margin-top:26px}
.pillars{display:grid;gap:18px;border-left:1px solid var(--hair-cream);padding-left:34px}
@media(max-width:1100px){.pillars{border-left:0;padding-left:0;grid-template-columns:repeat(2,1fr)}}
.pillar{display:flex;align-items:center;gap:12px;font-weight:500;font-size:16px;color:var(--on-cream);white-space:nowrap}
.pillar svg{width:24px;height:24px;color:var(--bronze);flex:none}

/* --- page menu --- */
.pagehead{background:var(--night);padding:54px 0 42px;border-bottom:1px solid var(--hair)}
.pagehead .eyebrow{margin-bottom:14px}
.pagehead p{color:var(--on-dark-soft);margin-top:14px;max-width:62ch}
.pills{position:sticky;top:78px;z-index:40;background:var(--cream-2);border-bottom:1px solid var(--hair-cream)}
@media(max-width:940px){.pills{top:66px}}
.pills .rail{display:flex;gap:8px;overflow-x:auto;padding:14px 0;scrollbar-width:thin}
.pill{
  white-space:nowrap;border:1.5px solid var(--hair-cream);background:#fff;color:var(--on-cream);
  font-family:Jost,sans-serif;font-weight:500;font-size:14.5px;padding:9px 17px;border-radius:999px;cursor:pointer;
}
.pill:hover{border-color:var(--bronze);color:var(--bronze)}
.pill.on{background:var(--bronze);border-color:var(--bronze);color:#FFF4E8}
.menusec{background:var(--cream);color:var(--on-cream);padding:12px 0 72px}
.cat{padding-top:44px;scroll-margin-top:150px}
.cat-h{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:2px solid var(--on-cream);padding-bottom:12px;margin-bottom:22px}
.cat-h h2{font-size:32px}
.cat-h span{color:var(--on-cream-soft);font-size:15px;font-weight:600}
.items{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:880px){.items{grid-template-columns:1fr}}
.item{
  display:grid;grid-template-columns:96px 1fr;gap:16px;background:#fff;border:1px solid var(--hair-cream);
  border-radius:14px;padding:14px;align-items:start;
}
.item.out{opacity:.72;background:#F4EADC;border-style:dashed}
.item .thumb{width:96px;height:96px;border-radius:11px;overflow:hidden;background:#EFE2D0;display:grid;place-items:center;color:#B39A79}
.item .thumb img{width:100%;height:100%;object-fit:cover}
.item .thumb svg{width:30px;height:30px}
.it-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.it-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.it-top h3{font-size:18.5px;color:var(--on-cream)}
.it-price{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:19px;color:var(--bronze);white-space:nowrap}
.it-desc{font-size:14.5px;color:var(--on-cream-soft);line-height:1.5}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.chip{font-size:12.5px;font-weight:500;padding:3px 9px;border-radius:999px;border:1px solid var(--hair-cream);background:var(--cream);color:var(--on-cream-soft)}
.chip.al{background:#FBEBD9;border-color:#E6C49B;color:#7E4A12}
.it-foot{display:flex;justify-content:flex-end;margin-top:6px}
.soldout{font-size:13px;font-weight:600;color:#8E3417;background:#FAE3DA;border:1px solid #E2B5A2;border-radius:999px;padding:5px 12px}

/* --- commander --- */
.ordersec{background:var(--cream);color:var(--on-cream);padding:46px 0 76px}
.steps{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}
.step{display:flex;align-items:center;gap:10px;padding:10px 17px;border-radius:999px;border:1.5px solid var(--hair-cream);background:#fff;font-weight:500;font-size:14.5px;color:var(--on-cream-soft)}
.step b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#E7D8C4;color:#5A4430;font-size:13px;flex:none}
.step.on{background:var(--bronze);border-color:var(--bronze);color:#FFF4E8}
.step.on b{background:#FFF4E8;color:var(--bronze)}
.step.done{background:#E7F0E8;border-color:#BBD4BE;color:#1F5B35}
.step.done b{background:#1F5B35;color:#fff}
.ogrid{display:grid;grid-template-columns:1fr 380px;gap:26px;align-items:start}
@media(max-width:980px){.ogrid{grid-template-columns:1fr}}
.pane{background:#fff;border:1px solid var(--hair-cream);border-radius:var(--r);padding:26px}
.pane h3{color:var(--on-cream);font-size:22px}
.pane .hint{color:var(--on-cream-soft);font-size:15px;margin:6px 0 20px}
.cartpane{position:sticky;top:98px;background:var(--ink);border:0;color:var(--on-dark)}
.cartpane h3{color:var(--on-dark)}
@media(max-width:980px){.cartpane{position:static}}
.lines{display:grid;gap:13px;margin:16px 0}
.line{display:grid;grid-template-columns:1fr auto;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--hair)}
.line:last-child{border-bottom:0}
.line .nm{font-weight:500;font-size:15.5px}
.line .op{font-size:13.5px;color:var(--on-dark-soft)}
.line .amt{font-weight:600;white-space:nowrap}
.qty{display:inline-flex;align-items:center;border:1px solid var(--hair);border-radius:9px;margin-top:8px}
.qty button{width:30px;height:30px;border:0;background:transparent;color:var(--on-dark);font-size:18px;font-weight:500;cursor:pointer;line-height:1}
.qty button:hover{background:rgba(244,234,221,.12)}
.qty span{min-width:28px;text-align:center;font-weight:600;font-size:15px}
.totals{display:grid;gap:8px;padding-top:15px;border-top:1px solid var(--hair);font-size:15.5px}
.totals div{display:flex;justify-content:space-between;gap:12px;color:var(--on-dark-soft)}
.totals .big{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:24px;color:var(--gold);padding-top:6px}
.empty{color:var(--on-dark-soft);font-size:15px;text-align:center;padding:22px 10px;border:1px dashed var(--hair);border-radius:12px}
label{display:block;font-weight:500;font-size:14.5px;margin-bottom:7px;color:var(--on-cream)}
input,select,textarea{
  width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:10px;
  border:1.5px solid var(--hair-cream);background:var(--cream-2);color:var(--on-cream);
}
textarea{min-height:88px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--bronze);outline:2px solid var(--gold-2)}
.fields{display:grid;gap:16px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.two{grid-template-columns:1fr}}
.req{color:#A33A16}
.err{color:#A33A16;font-weight:500;font-size:14.5px;margin-top:10px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:9px}
.slot{padding:11px 6px;border:1.5px solid var(--hair-cream);border-radius:10px;background:var(--cream-2);font-weight:500;font-size:15px;cursor:pointer;color:var(--on-cream);font-family:Jost,sans-serif}
.slot:hover{border-color:var(--bronze)}
.slot[aria-pressed="true"]{background:var(--bronze);border-color:var(--bronze);color:#FFF4E8}
.note{background:var(--cream-2);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:17px 19px;font-size:15.5px;color:var(--on-cream)}
.note b{display:block;margin-bottom:5px;font-weight:600}
.confirm{text-align:center}
.tick{width:70px;height:70px;margin:4px auto 18px;border-radius:50%;background:#1F5B35;display:grid;place-items:center}
.tick svg{width:36px;height:36px;color:#fff}
.ref{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:28px;color:var(--bronze);margin-top:12px}
.recap{text-align:left;max-width:470px;margin:22px auto 0;background:var(--cream-2);border-radius:14px;padding:20px 22px}
.recap .totals{border-top:0;padding-top:0}
.recap .totals div{color:var(--on-cream-soft)}
.recap .totals .big{color:var(--bronze)}
.owner{margin-top:24px;background:var(--ink);border-radius:14px;padding:22px;text-align:left}
.owner b{display:block;color:var(--gold);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:11px;font-family:Jost,sans-serif;font-weight:600}
.owner pre{margin:0;white-space:pre-wrap;font-family:Jost,sans-serif;font-size:15px;line-height:1.6;color:var(--on-dark)}
.owner p{margin:0;font-size:15px;line-height:1.6;color:var(--on-dark)}
.owner p a{color:var(--gold);font-weight:600}

/* --- page à propos --- */
.aboutsec{background:var(--cream);color:var(--on-cream);padding:70px 0}
.aboutgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:start}
@media(max-width:900px){.aboutgrid{grid-template-columns:1fr;gap:32px}}
.prose{display:grid;gap:18px;max-width:62ch;font-size:17.5px}
.prose p{color:var(--on-cream)}
.prose .muted{color:var(--on-cream-soft);font-size:15.5px;border-left:4px solid var(--gold);padding-left:16px}
.valuecards{display:grid;gap:14px}
.vcard{display:flex;gap:15px;background:#fff;border:1px solid var(--hair-cream);border-radius:14px;padding:18px 20px}
.vcard svg{width:28px;height:28px;color:var(--bronze);flex:none;margin-top:2px}
.vcard b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:18.5px;margin-bottom:4px}
.vcard p{font-size:15px;color:var(--on-cream-soft)}

/* --- pied de page --- */
footer{background:var(--night-2);padding:62px 0 0}
.fgrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:34px}
@media(max-width:1000px){.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.fgrid{grid-template-columns:1fr}}
footer h3{font-size:30px;color:var(--on-dark);margin-bottom:20px}
footer h4{font-family:Jost,sans-serif;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.frow{display:flex;gap:13px;align-items:flex-start;margin-bottom:15px;font-size:15.5px;color:var(--on-dark-soft)}
.frow svg{width:20px;height:20px;color:var(--gold);flex:none;margin-top:3px}
.frow b{color:var(--on-dark);font-weight:600;display:block}
.frow a{color:var(--on-dark-soft);text-decoration:none}
.frow a:hover{color:var(--gold)}
.map{
  border-radius:14px;overflow:hidden;border:1px solid var(--hair);background:#161108;
  position:relative;aspect-ratio:4/3;min-height:180px;
}
.map{display:block;text-decoration:none;cursor:pointer;transition:border-color .18s,transform .18s}
.map:hover{border-color:var(--gold);transform:translateY(-2px)}
.map > svg{position:absolute;inset:0;width:100%;height:100%}
.maphint{
  position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;
  background:rgba(15,11,7,.9);border-top:1px solid var(--gold-line);color:var(--gold);
  font-family:Jost,sans-serif;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:500;padding:10px 8px;
}
.maphint svg{width:13px;height:13px;flex:none}
.dirlink{
  display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:var(--gold);text-decoration:none;
  font-family:Jost,sans-serif;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:500;
  border:1px solid var(--gold-line);border-radius:2px;padding:8px 13px;
}
.dirlink:hover{background:var(--gold);color:#241303;border-color:var(--gold)}
.dirlink svg{width:13px;height:13px;flex:none;margin:0}
.map .tag{
  position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);
  background:#fff;color:#241A12;font-size:13px;font-weight:600;padding:7px 12px 7px 9px;border-radius:9px;
  display:flex;align-items:center;gap:7px;box-shadow:0 8px 20px -10px #000;white-space:nowrap;
}
.map .tag i{width:9px;height:9px;border-radius:50%;background:var(--bronze);flex:none}
.hrs{display:grid;gap:0;font-size:14.5px}
.hrs div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid rgba(244,234,221,.08);color:var(--on-dark-soft)}
.hrs div:last-child{border-bottom:0}
.hrs .today{color:var(--gold);font-weight:500}
.socials{display:flex;gap:10px;margin-top:6px}
.socials a{width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);display:grid;place-items:center;color:var(--on-dark);text-decoration:none}
.socials a:hover{background:var(--gold);color:var(--night);border-color:var(--gold)}
.socials svg{width:18px;height:18px}
.botbar{margin-top:52px;background:#000;padding:18px 0}
.botbar .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between}
.botbar img{height:38px;width:auto}
.legal{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}
.legal a{color:var(--on-dark-soft);text-decoration:none}
.legal a:hover{color:var(--gold)}
.copy{font-size:13.5px;color:#8D7D6E}
.tbd{display:inline-block;background:rgba(218,149,88,.16);color:var(--gold);border:1px dashed var(--gold-2);border-radius:5px;padding:0 6px;font-size:13.5px;font-weight:500}
.light .tbd,.menusec .tbd,.aboutsec .tbd,.split .tbd{background:#F6E4CC;color:#7E4A12;border-color:#D9B388}
.view[hidden]{display:none}
.skip{position:absolute;left:-9999px}
.skip:focus{left:10px;top:10px;z-index:99;background:var(--gold);color:#2A1706;padding:11px 18px;border-radius:9px;font-weight:600}

/* recherche */
.search{background:var(--cream-2);border-bottom:1px solid var(--hair-cream);padding:16px 0}
.search[hidden]{display:none}
.search .wrap{display:flex;gap:12px;align-items:center}
.search input{flex:1}

/* ============================================================
   COUCHE « LUXE » — typographie de carte, filets dorés, menu nuit.
   Posée en fin de feuille pour écraser proprement les règles ci-dessus.
   ============================================================ */

/* — titres : grandes capitales espacées, filet doré — */
h1,h2{letter-spacing:.005em}
.eyebrow{font-size:11px;letter-spacing:.42em;font-weight:400;color:var(--gold)}
.eyebrow::after{
  content:"";display:block;width:42px;height:1px;background:var(--gold-line);margin-top:14px;
}
.sec-head .eyebrow::after{display:none}
.light .eyebrow{color:var(--bronze)}
.light .eyebrow::after{background:rgba(154,81,25,.35)}

/* — boutons : capitales fines, angles droits, filet — */
.btn{
  text-transform:uppercase;letter-spacing:.17em;font-size:12.5px;font-weight:400;
  padding:17px 32px;border-radius:2px;border-width:1px;
}
.btn-sm{padding:12px 20px;font-size:11.5px;letter-spacing:.15em}
.btn-fill{background:var(--bronze);box-shadow:none;border-color:var(--bronze)}
.btn-fill:hover{background:var(--bronze-lt);border-color:var(--gold-2)}
.btn-line{border-color:var(--gold-line);color:var(--champagne)}
.btn-line:hover{background:var(--gold);color:#20120A;border-color:var(--gold)}
.btn-line-dk{border-color:rgba(154,81,25,.5)}
.dish .btn{border-radius:2px;justify-content:center;gap:10px;padding:14px 16px}
.dish .btn .cc{display:none}

/* — cartes : filet doré, angles nets, plus d'air — */
.dish{
  background:var(--ink);border:1px solid var(--hair);border-radius:2px;
  box-shadow:0 26px 50px -38px #000;transition:border-color .2s,transform .2s;
}
.dish:hover{border-color:var(--gold-line);transform:translateY(-3px)}
.dish .body{padding:24px 22px 26px;gap:9px}
.dish h3{font-size:25px;letter-spacing:.01em}
.dish p{font-size:14px;color:var(--on-dark-soft);line-height:1.6}
.dish .price{font-size:26px;color:var(--gold);letter-spacing:.02em}
.dishes{gap:26px}

.vcard,.pane,.item,.note,.recap{border-radius:2px}
.vcard{border-color:rgba(154,81,25,.22);padding:22px 24px}
.vcard b{font-size:21px}
.pane{border-color:rgba(154,81,25,.2);padding:32px}
.pane h3{font-size:27px}

/* — pastille prix de l'offre — */
.pricetag{
  border-radius:50%;background:transparent;border:1px solid var(--gold);color:var(--gold);
  width:126px;height:126px;box-shadow:none;
}
.pricetag small{letter-spacing:.26em;font-size:10px;font-weight:400}
.pricetag b{font-size:44px;font-weight:500}

/* — bande catégories (accueil) — */
.catcard{border-radius:2px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400}

.catcard.on{box-shadow:none;background:#fff;border:1px solid rgba(154,81,25,.3)}

/* ============================================================
   PAGE MENU — carte de restaurant gastronomique, fond nuit
   ============================================================ */
/* ---------- CARTE : nuit chaude « espresso & or », photos entières, textes francs ---------- */
.pills{background:#09090C;border-bottom:1px solid rgba(224,168,104,.22)}
.pill{
  background:transparent;border:1.5px solid rgba(247,239,226,.22);color:#F2E6D2;
  border-radius:2px;text-transform:uppercase;letter-spacing:.16em;font-size:11.5px;font-weight:500;padding:11px 18px;
}
.pill:hover{border-color:var(--gold);color:var(--gold);background:rgba(224,168,104,.10)}
.pill.on{background:var(--gold);border-color:var(--gold);color:#241303;font-weight:600}

.menusec{
  background:
    radial-gradient(120% 70% at 50% 0%, rgba(224,168,104,.10), transparent 62%),
    linear-gradient(180deg,#1A150E 0%, #15110B 55%, #110D08 100%);
  color:var(--on-dark);padding:10px 0 92px;
}

.menusec .cat,.pane .cat{padding-top:60px;scroll-margin-top:160px}
.cat-h{display:block;text-align:center;border-bottom:0;padding-bottom:0;margin-bottom:34px}
.cat-h h2{
  font-size:clamp(28px,3.2vw,40px);color:#FFF7EA;
  text-transform:uppercase;letter-spacing:.2em;font-weight:700;
}
.cat-h span{
  display:block;color:#DBC9AF;font-size:15px;font-weight:400;
  margin-top:12px;max-width:58ch;margin-left:auto;margin-right:auto;
}
.cat-h::after{content:"";display:block;width:72px;height:2px;background:var(--gold);margin:18px auto 0}

/* — la fiche plat : le plat posé sur la table, les infos à droite — */
.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px}
@media(max-width:900px){.items{grid-template-columns:1fr}}
.item{
  display:grid;grid-template-columns:184px 1fr;gap:22px;align-items:center;
  padding:20px 24px 20px 18px;border-radius:4px;overflow:visible;
  background:linear-gradient(135deg,#261E15 0%, #1C1710 58%, #191309 100%);
  border:1px solid rgba(224,168,104,.22);
  box-shadow:0 24px 46px -32px #000, inset 0 1px 0 rgba(255,236,208,.05);
  transition:border-color .18s,transform .18s,box-shadow .18s;
}
.item:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 30px 56px -30px #000}
.item.out{border-style:dashed;border-color:rgba(224,168,104,.4)}

/* le plat : photo ENTIÈRE, jamais rognée, posée sur la table */
.i-pic{
  position:relative;width:184px;height:152px;background:none;border:0;
  display:grid;place-items:center;
}
.i-pic img{
  grid-area:1/1;display:block;position:relative;z-index:1;
  width:auto;height:auto;max-width:184px;max-height:152px;
  object-fit:contain;
  filter:saturate(1.06) contrast(1.04) drop-shadow(0 16px 16px rgba(0,0,0,.55));
}
.item.out .i-pic img{filter:grayscale(.5) brightness(.8)}
.i-pic .orn{
  grid-area:1/1;position:relative;z-index:1;display:grid;place-items:center;gap:8px;text-align:center;
  width:126px;height:126px;border-radius:50%;border:1px solid rgba(224,168,104,.38);
  background:radial-gradient(70% 70% at 50% 38%, rgba(224,168,104,.14), transparent 72%);
}
.i-pic .orn b{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:700;
  color:var(--gold);line-height:1;letter-spacing:.06em;
}
.i-pic .orn i{
  font-style:normal;font-size:9px;letter-spacing:.22em;text-transform:uppercase;
  color:#D6C3A9;font-weight:500;
}

/* colonne de droite */
.i-body{padding:0;display:flex;flex-direction:column;gap:9px;min-width:0}
.i-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.item h3{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;line-height:1.18;
  color:#FFF7EA;font-weight:700;letter-spacing:.005em;min-width:0;flex:1 1 auto;text-wrap:pretty;
}
.it-price{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:31px;line-height:1;
  color:#F5BC7B;font-weight:700;letter-spacing:.01em;white-space:nowrap;flex:none;
}
.it-desc{color:#FFFFFF;font-size:14.5px;line-height:1.55;font-weight:400}
.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:1px}
.chip{
  background:rgba(247,239,226,.06);border:1px solid rgba(247,239,226,.26);color:#FFFFFF;border-radius:2px;
  font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;padding:4px 9px;
}
.chip.al{background:rgba(224,168,104,.14);border-color:var(--gold-2);color:#FFD9A4}
.chip.idee{background:rgba(126,186,224,.14);border-color:#7EB7DC;color:#BFE2F7}
.i-foot{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:4px}
.i-foot .btn{padding:11px 20px;font-size:11px;letter-spacing:.16em}
.i-foot .btn-fill{background:var(--gold);border-color:var(--gold);color:#241303;font-weight:600}
.i-foot .btn-fill:hover{background:#F7D3A4;border-color:#F7D3A4;color:#241303}
.soldout{
  background:rgba(214,96,56,.16);border:1.5px solid #E08B65;color:#FFC3A6;border-radius:2px;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:8px 13px;
}
.photo-tbd{display:none}
@media(max-width:560px){
  .item{grid-template-columns:124px 1fr;gap:16px;padding:16px}
  .i-pic{width:124px;height:104px}
  .i-pic img{max-width:124px;max-height:104px}
  .i-pic .orn{width:100px;height:100px}
  .item h3{font-size:22px}
  .it-price{font-size:26px}
}
.menusec .tbd,.pane .tbd{background:rgba(224,168,104,.16);color:#FFD9A4;border-color:var(--gold-2);font-weight:500}

/* — même fiche dans l'étape 1 de la commande (le panneau passe en nuit) — */
#st1{background:linear-gradient(180deg,#1A150E,#09090C);border-color:rgba(224,168,104,.24)}
#st1 h3{color:#FFF7EA}
#st1 .hint{color:#DBC9AF}
.pane .items{grid-template-columns:1fr;gap:16px}
.pane .cat-h h2{font-size:23px}
.pane .cat-h span{font-size:14px}

/* — panier : le bouton principal doit ressortir sur le fond nuit — */
.cartpane{background:linear-gradient(180deg,#1A150E,#09090C)}
.cartpane .btn-fill{background:var(--gold);border-color:var(--gold);color:#241303;font-weight:600}
.cartpane .btn-fill:hover{background:#F7D3A4;border-color:#F7D3A4;color:#241303}
.cartpane .btn-fill[disabled]{opacity:.5}

/* — mot du chef, intercalé dans la carte — */
.chefnote{
  margin:62px auto 0;max-width:760px;text-align:center;padding:38px 30px;
  border-top:2px solid var(--bronze);border-bottom:2px solid var(--bronze);
}
.chefnote em{
  display:block;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;
  font-size:clamp(23px,2.7vw,31px);line-height:1.45;color:#1B1208;font-weight:500;
}
.chefnote span{
  display:block;margin-top:16px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;
  color:#6E3705;font-weight:600;
}

/* ============================================================
   FAQ — accordéon
   ============================================================ */
.faqsec{background:var(--night-2);color:var(--on-dark);padding:84px 0;border-top:1px solid var(--hair)}
.faqsec .head{text-align:center;margin-bottom:46px}
.faqsec .head h2{color:var(--champagne)}
.faqsec .head p{color:var(--on-dark-soft);margin-top:14px}
.faqsec .head .eyebrow::after{margin-left:auto;margin-right:auto}
.faq{max-width:860px;margin:0 auto;border-top:1px solid var(--hair)}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{
  list-style:none;cursor:pointer;padding:24px 46px 24px 2px;position:relative;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;font-weight:500;
  color:var(--champagne);line-height:1.3;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--gold)}
.faq summary::after{
  content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;
  border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);
  transform:translateY(-70%) rotate(45deg);transition:transform .2s;
}
.faq details[open] summary{color:var(--gold)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq .ans{padding:0 46px 26px 2px;color:var(--on-dark-soft);font-size:16px;line-height:1.75}
.faq .ans a{color:var(--gold)}
.faq .ans ul{margin:10px 0 0;padding-left:20px}
.faq .ans li{margin-bottom:6px}

/* — pied de page — */
footer h4{font-size:11px;letter-spacing:.3em;font-weight:400}
footer h3{letter-spacing:.02em}
.map,.socials a{border-radius:2px}
.socials a{border-color:var(--hair)}
.hrs .today{color:var(--gold);font-weight:400}

/* — divers — */
.strip{background:var(--night-2)}
.strip b{letter-spacing:.02em;font-size:18px;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600}
.feat{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;line-height:1.5}
.pillar{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.step{border-radius:2px;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;font-weight:400}
.slot{border-radius:2px;font-weight:400;letter-spacing:.04em}
.empty,.lines,.totals{font-weight:300}
.totals .big{font-size:28px}
label{font-weight:400;letter-spacing:.09em;text-transform:uppercase;font-size:11.5px}
input,select,textarea{border-radius:2px}
.ref{font-size:34px;letter-spacing:.06em}
.draft{background:var(--night-2);color:var(--champagne);border-bottom:1px solid var(--gold-line);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;padding:11px 16px}
.draft span{color:var(--on-dark-soft);text-transform:none;letter-spacing:.02em;font-size:12.5px}

/* ============================================================
   TABLE EN NOYER + CARTES TRANSLUCIDES (accueil « Popular Dishes » + menu)
   ============================================================ */
.woodsec,.menusec{
  position:relative;color:var(--on-dark);
  background:
    linear-gradient(180deg, rgba(10,7,4,.62) 0%, rgba(10,7,4,.16) 26%, rgba(10,7,4,.22) 74%, rgba(10,7,4,.66) 100%),
    url("../img/wood.webp") center/cover;
  border-top:1px solid rgba(224,168,104,.28);border-bottom:1px solid rgba(224,168,104,.28);
}
.menusec{
  padding:10px 0 96px;
  background:
    linear-gradient(180deg, rgba(10,7,4,.55) 0px, rgba(10,7,4,.06) 420px, rgba(10,7,4,.06) calc(100% - 420px), rgba(10,7,4,.6) 100%),
    url("../img/wood.webp") center top / 1920px auto repeat;
}
.woodsec{padding:86px 0 96px}
.woodsec h2{color:#FFF7EA}
.woodsec h2 em{font-style:normal;color:var(--gold)}
.woodsec .sub{color:#EADBC4;margin-top:12px;max-width:46ch;font-size:17px}
.woodsec .btn-line-dk{color:#F2E6D2;border-color:rgba(242,230,210,.55)}
.woodsec .btn-line-dk:hover{background:var(--gold);color:#241303;border-color:var(--gold)}

/* le verre fumé posé sur le bois */
.glass{
  background:linear-gradient(158deg, rgba(40,28,17,.52) 0%, rgba(16,11,6,.46) 100%);
  -webkit-backdrop-filter:blur(5px) saturate(1.3);backdrop-filter:blur(5px) saturate(1.3);
  border:1px solid rgba(240,200,150,.26);
  box-shadow:0 34px 60px -34px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,236,208,.14);
}

/* — plats populaires : le plat déborde de la carte, comme posé dessus — */
.woodsec .dishes{gap:28px;margin-top:70px;align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.woodsec .dishes{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:90px}}
.dish.glass{overflow:visible;border-radius:6px;position:relative;padding-top:0}
.dish.glass:hover{border-color:var(--gold);transform:translateY(-4px)}
.dish.glass .pic{
  aspect-ratio:auto;height:186px;margin:-70px 10px 0;padding:0;background:none;
  display:grid;place-items:center;
}
.dish.glass .pic img{
  max-height:186px;max-width:100%;width:auto;height:auto;object-fit:contain;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 22px 20px rgba(0,0,0,.72));
}
.dish.glass .body{padding:14px 22px 22px;gap:10px}
.dish.glass h3{color:#FFF7EA;font-size:26px;font-weight:700}
.dish.glass p{color:#E2D1B9;font-size:14.5px;line-height:1.55}
.dfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(240,200,150,.2)}
.dfoot .price{font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:700;color:#F5BC7B;line-height:1;margin:0}
.dfoot .btn{width:auto;margin:0;padding:12px 13px;font-size:10.5px;letter-spacing:.12em;white-space:nowrap;background:var(--gold);border-color:var(--gold);color:#241303;font-weight:600}
.dfoot .btn:hover{background:#F7D3A4;border-color:#F7D3A4;color:#241303}
.dmeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}
.dtag{
  background:rgba(12,8,4,.86);border:1px solid var(--gold);color:#FFD9A4;border-radius:2px;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;padding:5px 10px;
}

/* — cœur « j'aime » — */
.like{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  background:rgba(12,8,4,.72);border:1px solid rgba(242,230,210,.38);color:#F2E6D2;
  border-radius:999px;padding:6px 11px 6px 9px;font:500 12.5px/1 Jost,sans-serif;letter-spacing:.04em;
  transition:border-color .15s,color .15s,background .15s;
}
.like svg{width:15px;height:15px;flex:none}
.like:hover{border-color:var(--gold);color:var(--gold)}
.like[aria-pressed="true"]{color:#FF8B7A;border-color:#FF8B7A;background:rgba(80,20,14,.55)}
.like[aria-pressed="true"] svg{fill:currentColor}
.i-head .like{margin-left:4px;flex:none;align-self:center}

/* — fiches de la carte : verre sur noyer — */
.item{
  background:linear-gradient(158deg, rgba(40,28,17,.50) 0%, rgba(16,11,6,.46) 100%);
  -webkit-backdrop-filter:blur(5px) saturate(1.3);backdrop-filter:blur(5px) saturate(1.3);
  border:1px solid rgba(240,200,150,.26);
  box-shadow:0 30px 56px -34px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,236,208,.12);
}
.item:hover{border-color:var(--gold)}
.i-pic img{filter:saturate(1.08) contrast(1.04) drop-shadow(0 18px 16px rgba(0,0,0,.7))}
.cat-h h2{text-shadow:0 2px 18px rgba(0,0,0,.6)}
.cat-h span{color:#EADBC4}
.chefnote{background:rgba(14,10,6,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:var(--gold)}
.chefnote em{color:#FFF7EA}
.chefnote span{color:var(--gold)}

/* — commandes en pause — */
.pausebar{
  background:#3A1309;border-top:1px solid #E08B65;border-bottom:1px solid #E08B65;color:#FFE1D2;
  text-align:center;padding:12px 18px;font-size:14.5px;font-weight:500;letter-spacing:.02em;
}
.pausebar b{color:#fff;font-weight:600}
.btn.is-paused,.btn.is-paused:hover{background:transparent!important;border-color:#E08B65!important;color:#FFC3A6!important;cursor:not-allowed}

/* ============================================================
   COCKPIT DU PROPRIÉTAIRE
   ============================================================ */
.adm{background:#09090C;min-height:80vh;color:var(--on-dark);padding:0 0 80px}
.adm-top{background:#000000;border-bottom:1px solid rgba(224,168,104,.25)}
.adm-top .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:26px;padding-bottom:0}
.adm-title{margin-right:auto}
.adm-title small{display:block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.adm-title h2{font-size:clamp(30px,3.6vw,42px);color:#FFF7EA}
.adm-who{font-size:13.5px;color:#FFFFFF;text-align:right}
.adm-who b{color:#FFF7EA;font-weight:500}
.adm-tabs{display:flex;gap:4px;width:100%;margin-top:18px;overflow-x:auto}
.adm-tab{
  background:none;border:0;border-bottom:2px solid transparent;color:#FFFFFF;cursor:pointer;
  font:500 12px/1 Jost,sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:14px 16px 13px;white-space:nowrap;
}
.adm-tab:hover{color:#FFF7EA}
.adm-tab[aria-selected="true"]{color:var(--gold);border-bottom-color:var(--gold)}
.adm-mode{
  margin:20px 0 0;padding:12px 16px;border:1px solid #7EB7DC;background:rgba(126,186,224,.12);color:#D6ECF8;
  font-size:14px;border-radius:2px;
}
.adm-mode b{color:#fff;font-weight:600}
.adm-pane{padding-top:28px}
.adm-pane[hidden]{display:none}

/* KPI */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{background:#141419;border:1px solid rgba(224,168,104,.22);border-radius:3px;padding:20px 20px 18px}
.kpi small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#FFFFFF}
.kpi b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:38px;font-weight:700;color:#FFF7EA;line-height:1.1;margin-top:8px}
.kpi span{font-size:13px;color:#FFFFFF}
.seg{display:inline-flex;border:1px solid rgba(224,168,104,.35);border-radius:2px;overflow:hidden}
.seg button{background:none;border:0;color:#FFFFFF;font:500 11.5px/1 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:11px 14px;cursor:pointer}
.seg button+button{border-left:1px solid rgba(224,168,104,.25)}
.seg button[aria-pressed="true"]{background:var(--gold);color:#241303;font-weight:600}
.adm-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.adm-bar h3{font-size:26px;color:#FFF7EA}

.panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
@media(max-width:900px){.panels{grid-template-columns:1fr}}
.panel{background:#141419;border:1px solid rgba(224,168,104,.22);border-radius:3px;padding:20px 22px}
.panel h4{font-family:"Cormorant Garamond",Georgia,serif;font-size:23px;font-weight:700;color:#FFF7EA;margin:0}
.panel .hint{font-size:13px;color:#FFFFFF;margin:4px 0 14px}
.panel.wide{grid-column:1/-1}
.rank{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rank li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}
.rank img,.rank .noimg{width:44px;height:36px;object-fit:contain}
.rank .noimg{display:grid;place-items:center;border:1px solid rgba(224,168,104,.3);border-radius:50%;width:36px;height:36px;color:var(--gold);font:700 11px "Cormorant Garamond",serif}
.rank .nm{font-size:15px;color:#FFF7EA;font-weight:500;line-height:1.25}
.rank .trk{height:6px;background:rgba(242,230,210,.10);border-radius:3px;margin-top:6px;overflow:hidden}
.rank .trk i{display:block;height:100%;background:var(--gold);border-radius:0 3px 3px 0}
.rank .v{text-align:right;font-size:15px;color:#FFF7EA;font-weight:500;white-space:nowrap}
.rank .v small{display:block;font-size:12px;color:#FFFFFF;font-weight:400}
.empty-dark{color:#FFFFFF;font-size:14.5px;border:1px dashed rgba(224,168,104,.35);border-radius:3px;padding:18px;text-align:center}

/* graphique des ventes par jour */
.chart{position:relative;height:220px;display:flex;align-items:flex-end;gap:2px;padding:10px 0 0;border-bottom:1px solid rgba(242,230,210,.25)}
.chart .col{flex:1;display:flex;align-items:flex-end;height:100%;position:relative;cursor:default}
.chart .col i{display:block;width:100%;background:var(--gold);border-radius:4px 4px 0 0;min-height:1px}
.chart .col:hover i{background:#F7D3A4}
.chart .col .tip{
  position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);display:none;z-index:4;
  background:#000000;border:1px solid var(--gold);color:#FFF7EA;font-size:12.5px;padding:6px 9px;border-radius:2px;white-space:nowrap;
}
.chart .col:hover .tip{display:block}
.chart .gl{position:absolute;left:0;right:0;border-top:1px dashed rgba(242,230,210,.12);pointer-events:none}
.chart .gl span{position:absolute;right:0;top:-16px;font-size:11px;color:#FFFFFF}
.xlab{display:flex;justify-content:space-between;font-size:11.5px;color:#FFFFFF;margin-top:8px}

/* produits */
.ptool{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.ptool input,.ptool select{width:auto;flex:1 1 200px;background:#141419;border:1px solid rgba(224,168,104,.3);color:#FFF7EA;padding:12px 14px}
.ptool input::placeholder{color:#E6E6E6}
.pcat{margin-top:26px}
.pcat-h{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(224,168,104,.3);padding-bottom:10px;margin-bottom:6px}
.pcat-h h4{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:700;color:#FFF7EA;margin:0;margin-right:auto}
.pcat-h span{font-size:13px;color:#FFFFFF}
.prow{display:grid;grid-template-columns:64px 1fr 110px 150px auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(242,230,210,.08)}
@media(max-width:760px){.prow{grid-template-columns:54px 1fr auto;}.prow .pp,.prow .pa{grid-column:2}}
.prow img,.prow .noimg{width:64px;height:50px;object-fit:contain}
.prow .noimg{display:grid;place-items:center;color:var(--gold);font:700 13px "Cormorant Garamond",serif;border:1px solid rgba(224,168,104,.3);border-radius:2px}
.prow .pn{color:#FFF7EA;font-weight:500;font-size:15.5px;line-height:1.3}
.prow .pn small{display:block;color:#FFFFFF;font-weight:400;font-size:13px;margin-top:3px}
.prow .pp{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:700;color:#F5BC7B}
.badge{display:inline-block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;border-radius:2px;margin:4px 6px 0 0;font-weight:600}
.badge.home{border:1px solid var(--gold);color:#FFD9A4}
.badge.idee{border:1px solid #7EB7DC;color:#BFE2F7}
.badge.off{border:1px solid #E08B65;color:#FFC3A6}
.sw{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;color:#FFFFFF;user-select:none}
.sw input{position:absolute;opacity:0;width:1px;height:1px}
.sw i{width:38px;height:22px;border-radius:11px;background:#4A3A2A;position:relative;flex:none;transition:background .15s}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#F2E6D2;transition:left .15s}
.sw input:checked + i{background:#3E8E5A}
.sw input:checked + i::after{left:19px}
.sw input:focus-visible + i{outline:3px solid var(--gold);outline-offset:2px}
.ibtn{background:none;border:1px solid rgba(242,230,210,.3);color:#F2E6D2;border-radius:2px;padding:9px 12px;cursor:pointer;font:500 11px/1 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ibtn:hover{border-color:var(--gold);color:var(--gold)}
.ibtn.danger:hover{border-color:#E08B65;color:#FFC3A6}
.pact{display:flex;gap:8px;justify-content:flex-end}

/* commandes */
.olist{display:grid;gap:12px}
.ocard{background:#141419;border:1px solid rgba(224,168,104,.22);border-radius:3px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:10px 18px}
.ocard .oref{font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;font-weight:700;color:#FFF7EA}
.ocard .omet{font-size:13.5px;color:#FFFFFF;margin-top:2px}
.ocard .oit{font-size:14.5px;color:#FFFFFF;grid-column:1/-1;line-height:1.6}
.ocard .otot{font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;font-weight:700;color:#F5BC7B;text-align:right}
.ostat{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}
.ostat button{background:none;border:1px solid rgba(242,230,210,.25);color:#FFFFFF;border-radius:2px;padding:7px 10px;cursor:pointer;font:500 10.5px/1 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ostat button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#241303;font-weight:600}
.dtag-demo{font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid #7EB7DC;color:#BFE2F7;padding:2px 6px;border-radius:2px;margin-left:8px;vertical-align:3px}

/* réglages */
.sets{display:grid;gap:16px;max-width:760px}
.sets .panel p{color:#FFFFFF;font-size:14.5px;margin:6px 0 14px}
.sets textarea,.sets input[type=text]{background:#09090C;border:1px solid rgba(224,168,104,.3);color:#FFF7EA}

/* accès refusé */
.locked{max-width:620px;margin:80px auto 0;text-align:center;padding:0 20px}
.locked .lk{width:64px;height:64px;margin:0 auto 18px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}
.locked .lk svg{width:28px;height:28px}
.locked h2{color:#FFF7EA;font-size:38px}
.locked p{color:#FFFFFF;margin-top:14px;font-size:16px}

/* éditeur de produit */
dialog.ed{
  width:min(760px,94vw);max-height:92vh;overflow:auto;padding:0;border:1px solid var(--gold);border-radius:4px;
  background:#111116;color:#FFF7EA;box-shadow:0 40px 90px -30px #000;
}
dialog.ed::backdrop{background:rgba(5,3,1,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.ed-h{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(224,168,104,.25);position:sticky;top:0;background:#111116;z-index:2}
.ed-h h3{font-size:26px;color:#FFF7EA}
.ed-b{padding:22px 24px;display:grid;gap:16px}
.ed-b label{color:#FFFFFF}
.ed-b input,.ed-b select,.ed-b textarea{background:#0A0A0E;border:1px solid rgba(224,168,104,.32);color:#FFF7EA}
.ed-b input::placeholder,.ed-b textarea::placeholder{color:#DADADA}
.ed-b .help{font-size:12.5px;color:#F2F2F2;margin-top:6px}
.ed-ph{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start}
.ed-ph .prev{width:150px;height:120px;border:1px dashed rgba(224,168,104,.4);border-radius:3px;display:grid;place-items:center;color:#F2F2F2;font-size:12px;text-align:center}
.ed-ph .prev img{max-width:100%;max-height:100%;object-fit:contain}
.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;max-height:156px;overflow:auto;padding:4px;border:1px solid rgba(224,168,104,.2);border-radius:3px}
.lib button{background:#0A0A0E;border:1px solid transparent;border-radius:2px;padding:3px;cursor:pointer;height:54px}
.lib button img{width:100%;height:100%;object-fit:contain}
.lib button[aria-pressed="true"]{border-color:var(--gold)}
.ed-sw{display:flex;gap:22px;flex-wrap:wrap}
.ed-f{display:flex;gap:10px;justify-content:space-between;padding:18px 24px;border-top:1px solid rgba(224,168,104,.25);position:sticky;bottom:0;background:#111116}
.ed-f .r{display:flex;gap:10px}
.ed-err{color:#FFC3A6;font-size:14px}
.toast{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:200;
  background:#000000;border:1px solid var(--gold);color:#FFF7EA;padding:12px 18px;border-radius:2px;font-size:14px;
  box-shadow:0 20px 40px -20px #000;
}
.toast[hidden]{display:none}
.flink{color:var(--on-dark-soft);text-decoration:none}

/* ============================================================
   MOBILE : deux produits côte à côte (carte, commande, plats populaires)
   ============================================================ */
@media(max-width:700px){
  .items,.pane .items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .item{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 10px 12px}
  .i-pic{width:100%;height:118px}
  .i-pic img{max-width:100%;max-height:118px}
  .i-pic .orn{width:96px;height:96px}
  .i-pic .orn b{font-size:26px}
  .i-body{gap:6px;flex:1}
  .i-head{flex-direction:column;align-items:flex-start;gap:3px}
  .item h3{font-size:18px;line-height:1.15}
  .it-price{font-size:22px}
  .it-desc{font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .chips{gap:4px}
  .chip{font-size:8.5px;letter-spacing:.07em;padding:3px 6px}
  .chip:not(.al):not(.idee){display:none}
  .i-foot{margin-top:auto;gap:6px;flex-wrap:nowrap}
  .i-foot .btn{flex:1;padding:11px 6px;font-size:10.5px;letter-spacing:.1em}
  .i-foot .like{padding:6px 8px;font-size:11.5px}
  .soldout{font-size:9.5px;padding:8px 8px;flex:1;text-align:center}
  .lgx{display:none}
  .split{grid-template-columns:minmax(0,1fr)}
  .split .txt{grid-template-columns:minmax(0,1fr)}
  .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pillar{white-space:normal}
  .menusec .cat{padding-top:44px}
  .cat-h{margin-bottom:22px}
  .cat-h h2{font-size:24px;letter-spacing:.16em}

  .woodsec{padding:64px 0 70px}
  .woodsec .dishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 12px;margin-top:64px}
  .dish.glass .pic{height:118px;margin:-48px 4px 0}
  .dish.glass .pic img{max-height:124px}
  .dish.glass .body{padding:8px 10px 12px;gap:6px}
  .dish.glass h3{font-size:18px}
  .dish.glass p{font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dmeta{gap:6px}
  .dtag{font-size:8.5px;letter-spacing:.12em;padding:4px 6px}
  .dish.glass .like{padding:5px 8px;font-size:11.5px}
  .dfoot{flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}
  .dfoot .price{font-size:23px}
  .dfoot .btn{width:100%;padding:11px 6px}
}
.flink:hover{color:var(--gold)}

/* ============================================================
   THÈME « NOIR MARBRÉ » — demandé le 8 nov. 2026 :
   fond noir marbre sur tout le site, TOUTES les écritures en blanc franc,
   plus de lumière et de couleur (or vif, lueurs chaudes, photos plus saturées).
   Posé en fin de feuille : écrase les sections crème et les textes « doux ».
   ============================================================ */
:root{
  --night:#07070A;
  --night-2:#050507;
  --ink:#121216;
  --band:#0E0E12;
  --gold:#F5C06B;
  --gold-2:#E2A64F;
  --gold-hi:#FFD88F;
  --champagne:#FFFFFF;
  --on-dark:#FFFFFF;
  --on-dark-soft:#FFFFFF;
  --on-cream:#FFFFFF;
  --on-cream-soft:#FFFFFF;
  --cream:transparent;
  --cream-2:transparent;
  --bronze:#F5C06B;
  --bronze-lt:#FFD88F;
  --bronze-dk:#E2A64F;
  --hair:rgba(255,255,255,.18);
  --hair-cream:rgba(245,192,107,.32);
  --gold-line:rgba(245,192,107,.5);
  --glass:linear-gradient(158deg, rgba(34,34,42,.66) 0%, rgba(12,12,16,.72) 100%);
  --glass-b:1px solid rgba(245,192,107,.38);
  --glass-sh:0 30px 56px -34px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.14);
}
html{background:#07070A}
body{
  color:#fff;font-weight:400;
  background:
    linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,.34)),
    url("../img/marble.webp?v=2") center top / 2400px auto repeat;
}
/* texte : blanc partout, net */
body,p,span,li,label,small,summary,.sub,.lede,.hint,.it-desc,.dish p,.frow,.hrs div,.legal a,.copy,.feat,.pillar,
.strip span,.strip b,.faq .ans,.pagehead p,.prose p,.prose .muted,.vcard p,.step,.totals div,.line .op,.empty,
.cat-h span,.catcard,.pill,.note,.recap .totals div,.owner p,.faqsec .head p,.woodsec .sub,.dish.glass p,.chip{color:#fff}
.copy,.legal a{color:#fff}
.dish p,.dish.glass p,.it-desc,.vcard p,.strip span{font-weight:400}
h1,h2,h3,h4,.faq summary,.cat-h h2,.dish h3,.dish.glass h3,.it-top h3,.pane h3,.split h2,footer h3,.faqsec .head h2,.woodsec h2,.light h2{color:#fff}
.hero h1{color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.hero h1 em,.woodsec h2 em,.light h2 em{color:var(--gold-hi);text-shadow:0 0 28px rgba(245,192,107,.45)}
.eyebrow,.light .eyebrow,.pagehead .eyebrow{color:var(--gold-hi);font-weight:500}
.eyebrow::after,.light .eyebrow::after{background:var(--gold)}

/* lumière et couleur : lueurs chaudes, photos plus vives */
.hero{
  border-bottom:1px solid var(--gold-line);
  background:
    radial-gradient(70% 80% at 76% 48%, rgba(255,150,60,.34), transparent 64%),
    radial-gradient(40% 50% at 12% 8%, rgba(245,192,107,.16), transparent 70%),
    transparent;
}
.hero-img,.promo-pics img,.dish.glass .pic img,.i-pic img,.split .shot .plate,.catcard img{filter:saturate(1.22) contrast(1.07) brightness(1.06) drop-shadow(0 24px 24px rgba(0,0,0,.75))}
.hero p.lede{font-size:19px;font-weight:400}
.feat .ring{border-color:var(--gold);color:var(--gold-hi);background:rgba(245,192,107,.10);box-shadow:0 0 22px rgba(245,192,107,.22)}
.script{color:var(--gold-hi)}
.script::after{background:var(--gold-hi)}

/* boutons : or lumineux, texte noir franc (lisible) */
.btn-fill,.btn-fill:hover,.step.on,.slot[aria-pressed="true"],.pill.on,.dfoot .btn{
  background:linear-gradient(180deg,#FFD88F,#F0B45A);border-color:#FFD88F;color:#140C02;font-weight:600;
  box-shadow:0 10px 30px -12px rgba(245,192,107,.55);
}
.btn-fill:hover,.dfoot .btn:hover{background:linear-gradient(180deg,#FFE3A8,#F5C06B);border-color:#FFE3A8;color:#140C02}
.btn-line,.btn-line-dk,.woodsec .btn-line-dk{border-color:var(--gold);color:#fff;background:rgba(0,0,0,.25)}
.btn-line:hover,.btn-line-dk:hover,.woodsec .btn-line-dk:hover{background:var(--gold);color:#140C02}
.btn.is-paused,.btn.is-paused:hover{border-color:#FF9A7A!important;color:#FFD6C8!important;background:rgba(0,0,0,.35)!important}
.pricetag{border-color:var(--gold-hi);color:var(--gold-hi);background:rgba(245,192,107,.08);box-shadow:0 0 34px rgba(245,192,107,.28)}

/* bande catégories, à propos, filtres de la carte : sur le marbre, verre fumé */
.catstrip,.split,.pills,.search,.light,.aboutsec,.ordersec,.pagehead,.faqsec,.strip,footer{
  background:transparent;border-color:var(--gold-line);
}
.catstrip{border-top:1px solid var(--gold-line);background:rgba(0,0,0,.28)}
.catcard{color:#fff;font-weight:500}
.catcard:hover{background:rgba(255,255,255,.08)}
.catcard.on{background:var(--glass);border:var(--glass-b);box-shadow:var(--glass-sh)}
.catcard.on::after{background:var(--gold-hi)}
.catcard .catico{background:rgba(0,0,0,.4);border-color:var(--gold);color:var(--gold-hi)}
.split{border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
.split .shot{background:transparent}
.split .txt{background:rgba(0,0,0,.30)}
.split p{font-weight:400}
.pillars{border-left-color:var(--gold-line)}
.pillar{color:#fff;font-weight:500}
.pillar svg,.vcard svg,.strip svg{color:var(--gold-hi)}
.pills{background:rgba(7,7,10,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--gold-line)}
.pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.35);color:#fff}
.pill:hover{border-color:var(--gold);color:var(--gold-hi)}
.search input{background:rgba(0,0,0,.45);color:#fff;border-color:var(--gold-line)}

/* table en noyer : un peu moins sombre, plus chaude */
.woodsec,.menusec{border-color:var(--gold-line)}
.woodsec{
  background:
    linear-gradient(180deg, rgba(5,4,3,.55) 0%, rgba(5,4,3,.06) 24%, rgba(5,4,3,.10) 76%, rgba(5,4,3,.60) 100%),
    url("../img/wood.webp") center/cover;
}
.menusec{
  background:
    linear-gradient(180deg, rgba(5,4,3,.48) 0px, rgba(5,4,3,.0) 420px, rgba(5,4,3,.0) calc(100% - 420px), rgba(5,4,3,.55) 100%),
    url("../img/wood.webp") center top / 1920px auto repeat;
}
.glass,.item{background:var(--glass);border:var(--glass-b);box-shadow:var(--glass-sh)}
.dish.glass h3,.it-top h3{color:#fff}
.dfoot .price,.it-price,.dish .price{color:var(--gold-hi);text-shadow:0 0 16px rgba(245,192,107,.35)}
.dtag{background:rgba(0,0,0,.72);border-color:var(--gold-hi);color:var(--gold-hi)}
.chip{background:rgba(0,0,0,.42);border-color:rgba(255,255,255,.35);color:#fff}
.chip.al{border-color:#FF9A7A;color:#FFD6C8}
.chip.idee{border-color:#8FD4FF;color:#D8F1FF}
.like{background:rgba(0,0,0,.55);border-color:rgba(255,255,255,.5);color:#fff}
.like[aria-pressed="true"]{color:#FF7A6B;border-color:#FF7A6B;background:rgba(120,20,14,.55)}
.cat-h{border-bottom-color:var(--gold)}
.chefnote{background:rgba(0,0,0,.5);border-color:var(--gold-hi)}
.chefnote span{color:var(--gold-hi)}

/* offre du moment + bande services */
.promo{background:transparent}
.promo-pics figcaption{background:rgba(0,0,0,.85);border-color:var(--gold);color:#fff;font-weight:500}
.strip{background:rgba(0,0,0,.34);border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
.strip .it{border-right-color:var(--gold-line)}

/* commande : panneaux en verre, champs sombres, écriture blanche */
.step{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.35);color:#fff}
.step b{background:rgba(255,255,255,.14);color:#fff}
.step.on b{background:#140C02;color:var(--gold-hi)}
.step.done{background:rgba(30,110,60,.35);border-color:#5FCB86;color:#fff}
.step.done b{background:#2E9B55;color:#fff}
.pane,.vcard,.recap,.note{background:var(--glass);border:var(--glass-b);box-shadow:var(--glass-sh);color:#fff}
.note{border-left:4px solid var(--gold-hi)}
.cartpane{background:rgba(0,0,0,.6);border:var(--glass-b);box-shadow:var(--glass-sh)}
label{color:#fff;font-weight:500}
input,select,textarea{background:rgba(0,0,0,.48);border-color:rgba(255,255,255,.35);color:#fff}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.62)}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:2px solid var(--gold)}
select option{background:#121216;color:#fff}
.slot{background:rgba(0,0,0,.42);border-color:rgba(255,255,255,.35);color:#fff}
.slot:hover{border-color:var(--gold)}
.req,.err{color:#FFB3A6}
.err{font-weight:500}
.tick{background:#2E9B55;box-shadow:0 0 30px rgba(46,155,85,.5)}
.ref,.recap .totals .big,.totals .big{color:var(--gold-hi)}
.owner{background:rgba(0,0,0,.55);border:var(--glass-b)}
.qty{border-color:rgba(255,255,255,.4)}
.qty button:hover{background:rgba(255,255,255,.14)}
.empty{border-color:rgba(255,255,255,.4)}
.lines .line{border-bottom-color:rgba(255,255,255,.18)}
.totals{border-top-color:rgba(255,255,255,.2)}

/* à propos (page) + FAQ + pied de page */
.prose .muted{border-left-color:var(--gold-hi)}
.faq,.faq details{border-color:rgba(255,255,255,.2)}
.faq summary::after{border-color:var(--gold-hi)}
.faq details[open] summary,.faq summary:hover{color:var(--gold-hi)}
footer{border-top:1px solid var(--gold-line);background:rgba(0,0,0,.42)}
.frow a,.legal a{color:#fff}
.frow a:hover,.legal a:hover{color:var(--gold-hi)}
.map{background:#0C0C10;border-color:var(--gold-line)}
.map .tag{background:#fff;color:#140C02}
.map .tag i{background:#E0603A}
.hrs div{border-bottom-color:rgba(255,255,255,.14)}
.socials a{border-color:rgba(255,255,255,.4);color:#fff}
.botbar{background:#000;border-top:1px solid rgba(255,255,255,.12)}
.tbd,.light .tbd,.menusec .tbd,.aboutsec .tbd,.split .tbd{background:rgba(245,192,107,.16);color:var(--gold-hi);border-color:var(--gold)}
.draft{background:#000;color:#fff;border-bottom-color:var(--gold)}
.draft span{color:#fff}
.pausebar{background:#5A1A0C;border-color:#FF9A7A;color:#fff}

/* en-tête + navigation */
.top{background:rgba(7,7,10,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gold-line)}
nav.main a{color:#fff;font-weight:500}
nav.main a:hover,nav.main a[aria-current="page"]{color:var(--gold-hi)}
nav.main a[aria-current="page"]::after{background:var(--gold-hi)}
.icbtn{border-color:rgba(255,255,255,.45);color:#fff}
.icbtn:hover{border-color:var(--gold);color:var(--gold-hi)}
.icbtn .n{background:#E0603A;color:#fff;border-color:#07070A}
.promo{border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);
  background:radial-gradient(60% 90% at 70% 50%, rgba(255,150,60,.20), transparent 68%)}
.promo h2 em{color:var(--gold-hi);text-shadow:0 0 28px rgba(245,192,107,.45)}
.promo p{font-weight:400}
@media(max-width:940px){nav.main{background:rgba(7,7,10,.98)}}

/* ============================================================
   MENU MOBILE — tiroir translucide qui s'ouvre à DROITE
   ============================================================ */
.nhead,.nfoot,.navdim{display:none}
@media(max-width:940px){
  .navdim{
    display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
    opacity:1;transition:opacity .25s;
  }
  .navdim[hidden]{display:block;opacity:0;pointer-events:none}
  nav.main{
    display:flex;flex-direction:column;gap:0;
    position:fixed;top:0;right:0;bottom:0;left:auto;width:min(340px,86vw);z-index:80;
    padding:0 0 28px;border:0;border-left:1px solid rgba(245,192,107,.55);
    background:linear-gradient(180deg, rgba(10,10,14,.80), rgba(4,4,6,.86));
    -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
    box-shadow:-30px 0 70px -20px rgba(0,0,0,.9);
    overflow-y:auto;overscroll-behavior:contain;
    transform:translateX(0);transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s;
  }
  nav.main[hidden]{display:flex;transform:translateX(104%);visibility:hidden;pointer-events:none;transition:transform .28s ease-in,visibility 0s linear .28s}
  .nhead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 24px;border-bottom:1px solid rgba(245,192,107,.4);margin-bottom:10px}
  .nhead img{height:46px;width:auto}
  .nclose{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center;cursor:pointer}
  .nclose svg{width:20px;height:20px}
  .nclose:hover{border-color:var(--gold);color:var(--gold-hi)}
  nav.main a{
    padding:17px 24px;font-size:24px;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:.02em;
    color:#fff;border-bottom:1px solid rgba(255,255,255,.10);border-radius:0;
  }
  nav.main a[aria-current="page"]{color:var(--gold-hi);background:rgba(245,192,107,.10);border-left:3px solid var(--gold-hi);padding-left:21px}
  nav.main a[aria-current="page"]::after{display:none}
  .nfoot{display:grid;gap:14px;margin-top:auto;padding:26px 24px 0}
  .nfoot .btn{display:inline-flex;justify-content:center;font-size:13px;padding:16px 22px}
  .ntel{display:inline-flex!important;align-items:center;gap:10px;font-family:Jost,sans-serif!important;font-size:17px!important;font-weight:500!important;color:#fff;padding:0!important;border:0!important;letter-spacing:0!important}
  .ntel svg{width:20px;height:20px;color:var(--gold-hi);flex:none}
  .naddr{font-size:14px;color:#fff;opacity:.95}
  body.nav-open{overflow:hidden}
  /* pas de backdrop-filter sur l'en-tête en mobile : sinon il devient le conteneur
     des éléments fixes (tiroir + voile) et les coupe à sa hauteur */
  .top{z-index:60;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(7,7,10,.97)}
}

/* ============================================================
   MOBILE — bande des catégories visible en entier (grille 3 colonnes),
   filtres de la carte sur toute la largeur de l'écran
   ============================================================ */
@media(max-width:700px){
  .catstrip{padding:18px 0 16px}
  .catstrip .rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}
  .catcard{min-width:0;flex:none;padding:10px 4px 8px;gap:6px;font-size:10.5px;letter-spacing:.1em;text-align:center;line-height:1.3}
  .catcard img{width:88px;height:64px}
  .catcard .catico{width:64px;height:64px}
  .catcard.on::after{left:28%;right:28%}
  .pills .wrap{padding:0}
  .pills .rail{padding:12px 16px;gap:8px;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pills .rail::-webkit-scrollbar{display:none}
  .pills .rail::after{content:"";flex:none;width:8px}
  .pill{scroll-snap-align:start}
}

/* ============================================================
   TABLE EN NOYER VERNI — photo réaliste, vue de loin.
   La photo est posée en couche FIXE derrière la section et découpée à sa taille
   (clip-path) : elle reste nette et entière, même sur la longue page du menu,
   et ça marche aussi sur iPhone (contrairement à background-attachment:fixed).
   ============================================================ */
.woodsec,.menusec{
  position:relative;isolation:isolate;clip-path:inset(0);
  background:none;
}
.woodsec::before,.menusec::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url("../img/menu-bg.webp?v=3") center center / cover no-repeat #07070A;
}
.woodsec::after,.menusec::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 18%, rgba(0,0,0,0) 82%, rgba(0,0,0,.35) 100%);
}
.menusec::after{background:linear-gradient(180deg, rgba(0,0,0,.3) 0px, rgba(0,0,0,0) 360px, rgba(0,0,0,0) calc(100% - 360px), rgba(0,0,0,.3) 100%)}
/* un reflet doux, comme une vitre posée sur la table */
.woodsec .glass,.item{
  background:linear-gradient(158deg, rgba(20,16,12,.70) 0%, rgba(8,6,4,.76) 100%);
  border:1px solid rgba(245,192,107,.42);
  box-shadow:0 34px 60px -34px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.18);
}

/* ============================================================
   HÉROS — composition « flyer » : plusieurs plats réunis
   ============================================================ */
.hero-img{display:none}
.hero .wrap{min-height:640px}
.hero-art{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:52%;max-width:720px;aspect-ratio:1/0.92;pointer-events:none;
}
.hero-art .ha{position:absolute;height:auto;object-fit:contain;
  filter:saturate(1.2) contrast(1.06) brightness(1.05) drop-shadow(0 26px 24px rgba(0,0,0,.78))}
.ha-glow{position:absolute;left:8%;top:4%;width:84%;height:84%;border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,160,70,.55), rgba(245,192,107,.20) 55%, transparent 72%);filter:blur(8px)}
.ha-ring{position:absolute;left:16%;top:12%;width:66%;height:66%;border-radius:50%;border:1px solid rgba(245,192,107,.55);
  box-shadow:0 0 40px rgba(245,192,107,.18), inset 0 0 40px rgba(245,192,107,.10)}
.ha-ring.r2{left:9%;top:5%;width:80%;height:80%;border-style:dashed;border-color:rgba(245,192,107,.32);box-shadow:none;animation:haspin 90s linear infinite}
@keyframes haspin{to{transform:rotate(360deg)}}
.ha-dots{position:absolute;right:2%;bottom:6%;width:34%;height:30%;
  background:radial-gradient(circle, rgba(245,192,107,.75) 1.2px, transparent 1.8px) 0 0/14px 14px;opacity:.55;
  -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 72%);mask-image:radial-gradient(ellipse at center, #000 30%, transparent 72%)}
.hero-art .ha-main{left:17%;top:22%;width:66%;z-index:5}
.hero-art .ha-tacos{left:-2%;top:2%;width:40%;z-index:6;transform:rotate(-7deg)}
.hero-art .ha-fish{right:1%;bottom:5%;width:39%;z-index:7;transform:rotate(5deg)}
.hero-art .ha-suya{left:2%;bottom:10%;width:32%;z-index:7;transform:rotate(-6deg)}
.hero-art .ha-bissap{right:6%;top:-4%;width:20%;z-index:4}
.hero-art .ha-ginger{right:24%;top:4%;width:6.5%;z-index:3}
.hero-art .ha-crois{left:36%;top:-2%;width:22%;z-index:3;transform:rotate(12deg)}
.hero-art .ha-beig{left:34%;bottom:-2%;width:30%;z-index:8}
.hero-art .ha-plant{left:-4%;top:46%;width:26%;z-index:4;transform:rotate(8deg)}
.ha-tag{
  position:absolute;z-index:9;display:inline-flex;align-items:center;gap:6px;
  background:rgba(0,0,0,.78);border:1px solid var(--gold-hi);color:#fff;border-radius:999px;
  font:600 11px/1 Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:9px 13px;
  box-shadow:0 10px 24px -10px #000, 0 0 18px rgba(245,192,107,.25);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.ha-tag b{font-family:"Cormorant Garamond",Georgia,serif;font-size:11px;font-weight:600;color:var(--gold-hi);letter-spacing:.2em;padding-right:7px;border-right:1px solid rgba(245,192,107,.5)}
.hero-art .ha-tag.t1{left:22%;top:30%;font-size:12px}
.ha-tag.t1 b{font-size:11px}
.hero-art .ha-tag.t2{right:20%;top:40%;background:linear-gradient(180deg,#FFD88F,#F0B45A);color:#140C02;border-color:#FFE3A8}
.hero-art .ha-tag.t3{right:3%;top:31%}
.hero-art .ha-tag.t4{left:40%;top:14%}
@media(max-width:1200px){.hero-art{width:50%}}
@media(max-width:860px){
  .hero-art{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:520px;margin:6px auto -6px;aspect-ratio:1/0.86}
  .hero-art .m-hide{display:none}
  .hero-art .ha-main{left:16%;top:20%;width:68%}
  .hero-art .ha-tacos{left:-1%;top:1%;width:42%}
  .hero-art .ha-fish{right:-2%;bottom:6%;width:44%}
  .hero-art .ha-suya{left:1%;bottom:14%;width:34%}
  .hero-art .ha-bissap{right:5%;top:-3%;width:21%}
  .hero-art .ha-beig{left:33%;bottom:0;width:32%}
  .hero-art .ha-tag.t1{left:18%;top:28%}
  .hero-art .ha-tag.t2{right:16%;top:36%}
  .hero .wrap{min-height:0}
}

/* ============================================================
   HÉROS — photo d'ambiance restaurant (chef au tablier), plein écran
   ============================================================ */
.hero-art{display:none}
.hero{
  position:relative;overflow:hidden;min-height:min(86vh,820px);display:flex;align-items:center;
  background:#07070A;
}
.hero-photo{
  position:absolute;inset:0;z-index:0;
  background:url("../img/hero-table.webp") 60% center / cover no-repeat;
  filter:saturate(1.12) contrast(1.04);
}
.hero-photo::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(7,7,10,.92) 0%, rgba(7,7,10,.82) 32%, rgba(7,7,10,.35) 55%, rgba(7,7,10,0) 72%),
    linear-gradient(180deg, rgba(7,7,10,.55) 0%, rgba(7,7,10,0) 30%, rgba(7,7,10,0) 70%, rgba(7,7,10,.75) 100%);
}
.hero-photo::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold-line);
}
.hero .wrap{position:relative;z-index:1;min-height:0;width:100%}
.hero-in{max-width:620px;padding:70px 0 64px}
.hero h1{text-shadow:0 6px 36px rgba(0,0,0,.85)}
.hero p.lede{text-shadow:0 2px 14px rgba(0,0,0,.8)}
.feats{text-shadow:0 2px 10px rgba(0,0,0,.8)}
@media(max-width:860px){
  .hero{min-height:0;display:block}
  .hero-photo{position:relative;height:min(72vw,440px);background-position:58% 82%;background-size:cover}
  .hero-photo::before{
    background:
      linear-gradient(180deg, rgba(7,7,10,.45) 0%, rgba(7,7,10,0) 30%, rgba(7,7,10,0) 62%, rgba(7,7,10,.6) 84%, #07070A 100%);
  }
  .hero-photo::after{display:none}
  .hero-in{padding:6px 0 44px;max-width:none}
  .hero h1{font-size:clamp(44px,12vw,60px)}
}

/* ============================================================
   EN-TÊTE V2 — barre d'info, capsule de navigation, indicateur coulissant,
   verre au défilement, ligne de progression dorée
   ============================================================ */
.infobar{background:#000;border-bottom:1px solid rgba(245,192,107,.28)}
.infobar .wrap{display:flex;align-items:center;justify-content:center;gap:18px;height:34px;font:500 11.5px/1 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.infobar a{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none}
.infobar a:hover{color:var(--gold-hi)}
.infobar svg{width:13px;height:13px;color:var(--gold-hi)}
.ib-sep{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.ib-tag{display:inline-flex;align-items:center;gap:8px;color:#FFD88F}
.ib-tag i{width:7px;height:7px;border-radius:50%;background:#5FCB86;box-shadow:0 0 0 3px rgba(95,203,134,.25);animation:ibblink 2.4s ease-in-out infinite}
@keyframes ibblink{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:940px){.infobar{display:none}}

.top{
  position:sticky;top:0;z-index:60;border-bottom:1px solid transparent;
  background:linear-gradient(180deg, rgba(7,7,10,.96), rgba(7,7,10,.70));
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
  transition:background .3s,border-color .3s,box-shadow .3s;
}
.top.scrolled{background:rgba(7,7,10,.86);border-bottom-color:var(--gold-line);box-shadow:0 18px 40px -26px rgba(0,0,0,.9)}
.top .wrap{height:84px;gap:16px;transition:height .3s}
.top.scrolled .wrap{height:70px}
.logo img{height:58px;transition:height .3s;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}
.top.scrolled .logo img{height:48px}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#E2A64F,#FFD88F);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 12px rgba(245,192,107,.6)}

@media(min-width:941px){
  nav.main{
    position:relative;display:flex;gap:2px;padding:5px;border-radius:999px;
    background:rgba(255,255,255,.05);border:1px solid rgba(245,192,107,.32);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);margin:0 auto;
  }
  nav.main a{
    position:relative;z-index:1;padding:10px 18px;border-radius:999px;
    font:500 12px/1 Jost,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff;
    transition:color .2s;
  }
  nav.main a::after{display:none}
  nav.main a:hover{color:var(--gold-hi)}
  nav.main a[aria-current="page"]{color:#140C02;font-weight:600}
  nav.main a[aria-current="page"]:hover{color:#140C02}
  .navpill{
    position:absolute;left:0;top:5px;bottom:5px;width:0;border-radius:999px;z-index:0;
    background:linear-gradient(180deg,#FFD88F,#F0B45A);box-shadow:0 6px 18px -8px rgba(245,192,107,.9);
    transition:transform .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),opacity .2s;opacity:0;
  }
}
@media(max-width:940px){.navpill{display:none}}
.icbtn{width:44px;height:44px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.04);color:#fff;transition:border-color .2s,color .2s,background .2s,transform .2s}
.icbtn:hover{border-color:var(--gold);color:var(--gold-hi);background:rgba(245,192,107,.10);transform:translateY(-1px)}
.top .btn-fill{padding:13px 20px;border-radius:999px}
.top .btn-fill svg{transition:transform .25s}
.top .btn-fill:hover svg{transform:translateX(4px)}

/* ---------- carte de localisation (pied de page) ---------- */
.loc{display:grid;gap:12px}
.map{aspect-ratio:16/11;min-height:200px;border-radius:14px;border:1px solid rgba(245,192,107,.5);background:#0B0B10;box-shadow:0 30px 56px -34px #000, inset 0 1px 0 rgba(255,255,255,.08)}
.map:hover{border-color:var(--gold-hi);transform:translateY(-2px);box-shadow:0 34px 60px -34px #000, 0 0 0 1px rgba(245,192,107,.25)}
.map .tag{
  left:16px;right:16px;top:auto;bottom:16px;transform:none;display:block;white-space:normal;
  background:rgba(7,7,10,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(245,192,107,.45);border-radius:10px;padding:12px 14px;color:#fff;box-shadow:0 14px 30px -14px #000;
}
.map .tag b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:600;color:#fff;line-height:1.1}
.map .tag span{display:block;margin-top:4px;font:500 11px/1.3 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FFD88F}
.map .pin .pulse{transform-origin:center;animation:mpulse 2.6s ease-out infinite}
.map .pin .pulse.p2{animation-delay:1.3s}
@keyframes mpulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.loc-actions{display:flex;gap:10px;flex-wrap:wrap}
.loc-actions .btn{flex:1;justify-content:center;min-width:150px}
.loc-actions .btn-line{color:#fff;border-color:var(--gold)}
.loc-actions .btn-line:hover{background:var(--gold);color:#140C02}
.maphint{display:none}
@media(max-width:940px){
  /* l'en-tête ne doit pas avoir de backdrop-filter en mobile : il deviendrait le conteneur du tiroir fixe */
  .top,.top.scrolled{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(7,7,10,.97)}
  .top .wrap,.top.scrolled .wrap{height:72px}
  .logo img,.top.scrolled .logo img{height:50px}
}

/* ---------- « More Than Just Food » : pots africains à la place des dessins ---------- */
.split .shot .pots{
  position:absolute;left:4%;bottom:6%;width:46%;height:auto;z-index:1;
  filter:saturate(1.08) contrast(1.05) drop-shadow(0 26px 26px rgba(0,0,0,.8));
}
.split .shot .plate{z-index:2}
@media(max-width:900px){.split .shot .pots{width:48%;left:2%;bottom:4%}}