*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f4f1eb;font-family:Montserrat,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.96);border-bottom:1px solid rgba(218,164,18,.35);backdrop-filter:blur(10px)}.nav-wrap{max-width:1280px;margin:auto;min-height:82px;padding:8px 24px;display:flex;align-items:center;gap:24px}.brand img{width:76px;height:76px;object-fit:contain}.site-header nav{display:flex;gap:24px;margin-left:auto;font:500 16px Oswald,sans-serif;letter-spacing:.06em}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:#e8ad18}.header-actions{display:flex;align-items:center;gap:12px}.phone{font:500 16px Oswald,sans-serif;white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;border:1px solid #dca516;font:600 15px Oswald,sans-serif;letter-spacing:.07em;cursor:pointer;transition:.2s}.btn-gold{background:#dca516;color:#090909}.btn-gold:hover{background:#f1c34d;transform:translateY(-1px)}.btn-outline{background:transparent;color:#f3f0ea}.btn-outline:hover{background:#dca516;color:#090909}.menu-toggle{display:none;background:none;border:0;color:#fff}.menu-toggle span{display:block;width:25px;height:2px;background:#dca516;margin:4px}.menu-toggle b{font:500 11px Oswald,sans-serif}.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 20px 80px;background:radial-gradient(circle at center,rgba(218,164,18,.07),transparent 45%)}.hero-inner{max-width:1100px}.eyebrow{font:600 clamp(16px,2vw,24px) Oswald,sans-serif;letter-spacing:.14em}.eyebrow i{color:#e2a916;font-style:normal;margin:0 9px}.gold{color:#e2a916}.stars{font-size:30px;color:#e2a916;letter-spacing:12px;margin:16px 0}.hero-logo{width:min(310px,54vw);margin:8px auto 20px}.ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px auto 22px;max-width:600px}.ornament span{height:1px;background:#dca516;flex:1}.ornament b{color:#dca516}.hero h1,.section-heading h2,.reservation h2,.contact h2{font:600 clamp(34px,5vw,68px) Oswald,sans-serif;letter-spacing:.035em;margin:0}.script{font:56px Parisienne,cursive;color:#e2a916;margin-top:-8px}.hero-highlights{display:flex;justify-content:center;margin:34px auto;max-width:650px;border-top:1px solid #8e6912;border-bottom:1px solid #8e6912}.hero-highlights div{padding:16px 34px;flex:1}.hero-highlights div+div{border-left:1px solid #8e6912}.hero-highlights strong{display:block;color:#e2a916;font:600 24px Oswald}.hero-highlights small{font:500 13px Oswald;letter-spacing:.12em}.hero-ctas{display:flex;justify-content:center;gap:14px}.section-pad{padding:96px 24px}.intro{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.intro h2{font:600 clamp(36px,4vw,58px) Oswald;margin:12px 0 20px;line-height:1.08}.intro h2 span{color:#e2a916}.intro-copy>p{max-width:680px;color:#c9c5bd;font-size:17px}.mini-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.mini-points div{border-left:1px solid #a47811;padding:10px 16px;font:500 17px Oswald;letter-spacing:.04em}.mini-points span{color:#e2a916;display:block;font-size:13px}.mini-points small{color:#e2a916}.intro-card{display:flex;justify-content:center}.frame{border:1px solid #dca516;padding:45px 40px;text-align:center;max-width:380px;position:relative}.frame:before{content:"";position:absolute;inset:8px;border:1px solid rgba(220,165,22,.45);pointer-events:none}.frame img{width:110px;margin:0 auto 20px}.frame p{font:500 20px Oswald;letter-spacing:.12em;margin:0}.frame strong{display:block;color:#e2a916;font:600 40px Oswald;line-height:1.05;margin:12px 0}.frame em{font:500 13px Oswald;letter-spacing:.08em;font-style:normal}.section-heading{text-align:center;max-width:900px;margin:0 auto 46px}.section-heading p{color:#aaa69f}.section-heading h2 span{color:#e2a916}.category-groups{max-width:1180px;margin:0 auto 46px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.category-groups>div{padding:26px;border:1px solid rgba(220,165,22,.55)}.category-groups h3,.menu-panel h3{font:600 28px Oswald;letter-spacing:.08em;color:#e2a916;margin:0 0 18px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips a{border:1px solid #6e5415;padding:8px 13px;font:500 14px Oswald}.chips a:hover{background:#dca516;color:#000}.menu-grid,.drinks-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.menu-panel{border:1px solid rgba(220,165,22,.45);padding:28px;background:linear-gradient(145deg,#090909,#050505)}.menu-panel.wide{grid-column:span 2}.menu-panel h3{color:#f3f0ea;border-bottom:1px solid rgba(220,165,22,.5);padding-bottom:13px}.menu-panel h3 small{color:#e2a916;font-size:15px}.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:13px 0 0;font:500 18px Oswald;letter-spacing:.02em}.item b{font-weight:500;display:flex;align-items:end;min-width:0}.item b:after{content:"";border-bottom:1px solid #9e7612;flex:1;margin:0 9px 6px;min-width:10px}.item strong{font-weight:600;white-space:nowrap}.desc{margin:2px 0 10px;color:#bdb9b1;font-size:14px}.formula{border:2px solid #dca516;text-align:center}.formula .subtitle{color:#e2a916;font:500 14px Oswald;margin-top:-10px}.formula-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #624a12;font:600 19px Oswald}.formula-row:last-child{border:0}.formula-row strong{color:#fff}.child-price{text-align:center;color:#e2a916;font:600 34px Oswald}.couscous{background:radial-gradient(circle at 50% 20%,rgba(220,165,22,.08),transparent 48%)}.couscous-inner{max-width:1000px;margin:auto;text-align:center}.couscous h2{font:600 clamp(50px,8vw,90px) Oswald;margin:4px 0}.availability{display:inline-block;background:#dca516;color:#090909;padding:8px 28px;font:600 20px Oswald;letter-spacing:.07em;margin:10px 0 34px}.couscous-list{text-align:left}.couscous-list p{margin:0 0 20px;color:#bcb8b0}.royal{margin:35px 0;border:2px solid #dca516;padding:25px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:4px 20px}.royal span{font:600 29px Oswald}.royal>b{font:600 30px Oswald}.royal>strong{grid-column:1/-1;color:#e2a916;font:600 17px Oswald}.royal p{grid-column:1/-1;margin:0;color:#bcb8b0}.couscous-note{font:500 15px Oswald;letter-spacing:.08em}.couscous-note span{color:#e2a916}.drinks-grid{grid-template-columns:repeat(2,1fr)}.beer-head,.beer-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,70px);gap:8px;align-items:center}.beer-head{font:500 12px Oswald;color:#e2a916;text-align:center;margin-bottom:8px}.beer-row{font:500 15px Oswald;border-top:1px solid rgba(220,165,22,.18);padding:10px 0}.beer-row span{text-align:right;white-space:nowrap}.alcohol-note{text-align:center;color:#aaa59c;font:500 12px Oswald;letter-spacing:.09em;margin-top:30px}.gallery{background:#080808}.gallery-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-item{padding:4px;background:#0b0b0b;border:1px solid #8f6b13;cursor:pointer;overflow:hidden}.gallery-item img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:.25s}.gallery-item:hover img{transform:scale(1.025);filter:brightness(1.06)}.reservation{max-width:1180px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.reservation h2{margin:12px 0 22px}.reservation h2 span,.contact h2 span{color:#e2a916}.reservation-copy>p{color:#bcb8b0}.reservation-call{border-left:1px solid #dca516;padding-left:18px;margin-top:32px}.reservation-call span{display:block;color:#e2a916;font:500 13px Oswald;letter-spacing:.1em}.reservation-call a{font:600 27px Oswald}.reservation-form{border:1px solid rgba(220,165,22,.6);padding:30px}.reservation-form label{display:block;font:500 15px Oswald;letter-spacing:.04em;margin-bottom:16px}.reservation-form input,.reservation-form select,.reservation-form textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #5b4818;background:#0a0a0a;color:#f5f2ed;font:400 15px Montserrat;outline:none}.reservation-form input:focus,.reservation-form select:focus,.reservation-form textarea:focus{border-color:#dca516}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cta-submit{width:100%;margin-top:4px;min-height:55px;font-size:17px}.form-note{color:#99948b;font-size:12px;text-align:center}.form-success{margin-top:15px;padding:18px;border:1px solid #dca516;text-align:center;color:#e2a916;font:600 18px Oswald}.form-success small{display:block;color:#c8c3ba;font:400 12px Montserrat;margin-top:5px}.contact{background:#080808}.contact-main{max-width:1180px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:stretch}.address{font-size:18px;color:#c6c1b8}.contact-phone{display:block;font:600 34px Oswald;color:#e2a916;margin:20px 0}.contact-actions{display:flex;gap:12px}.map-wrap{min-height:430px;border:1px solid #8f6b13;overflow:hidden}.map-wrap iframe{width:100%;height:100%;min-height:430px;border:0;filter:grayscale(.75) sepia(.15) contrast(1.05)}.footer{border-top:1px solid rgba(220,165,22,.45);padding:45px 24px 25px}.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:110px 1fr 1fr auto;gap:28px;align-items:center}.footer-logo{width:90px}.footer strong{font:600 22px Oswald}.footer p{margin:5px 0;color:#aaa59d;font-size:13px}.footer-links{display:flex;flex-direction:column;gap:7px;font:500 13px Oswald}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;z-index:100;padding:25px}.lightbox.open{display:flex}.lightbox img{max-height:92vh;max-width:92vw;width:auto;object-fit:contain}.lightbox button{position:absolute;top:15px;right:25px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}.site-header a:focus-visible,.btn:focus-visible,.gallery-item:focus-visible,.menu-toggle:focus-visible{outline:2px solid #e2a916;outline-offset:3px}@media(max-width:1050px){.site-header nav{gap:14px}.phone{display:none}.intro,.reservation{grid-template-columns:1fr;gap:45px}.intro-card{justify-content:flex-start}.footer-inner{grid-template-columns:90px 1fr 1fr}.footer-links{grid-column:2/-1;flex-direction:row}}@media(max-width:760px){.nav-wrap{min-height:68px;padding:5px 15px}.brand img{width:60px;height:60px}.header-actions{margin-left:auto}.header-actions .btn{min-height:42px;padding:8px 13px;font-size:13px}.menu-toggle{display:block;order:2;margin-left:auto}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#080808;border-bottom:1px solid #8f6b13;padding:12px 18px;flex-direction:column;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:13px 3px;border-bottom:1px solid rgba(220,165,22,.15)}.header-actions{order:3}.hero{padding:48px 16px 55px;min-height:auto}.eyebrow{font-size:15px}.stars{font-size:21px;letter-spacing:6px}.hero-logo{width:min(250px,68vw)}.hero h1{font-size:39px}.script{font-size:43px}.hero-highlights div{padding:13px 10px}.hero-highlights strong{font-size:18px}.hero-highlights small{font-size:10px}.hero-ctas{flex-direction:column}.section-pad{padding:70px 16px}.mini-points{grid-template-columns:1fr}.category-groups,.menu-grid,.drinks-grid,.contact-main{grid-template-columns:1fr}.menu-panel.wide{grid-column:auto}.menu-panel{padding:22px 17px}.menu-panel h3{font-size:25px}.item{font-size:16px;gap:7px}.item b:after{margin:0 5px 5px}.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.chips a{white-space:nowrap}.availability{font-size:15px;padding:8px 12px}.royal{grid-template-columns:1fr auto;padding:18px}.royal span,.royal>b{font-size:23px}.royal>strong{font-size:14px}.beer-head,.beer-row{grid-template-columns:minmax(0,1fr) repeat(3,52px);font-size:12px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reservation-form{padding:20px}.two{grid-template-columns:1fr}.contact-phone{font-size:28px}.contact-actions{flex-direction:column}.map-wrap,.map-wrap iframe{min-height:360px}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.footer-links{grid-column:auto;justify-content:center}.alcohol-note{line-height:1.4}}@media(max-width:390px){.site-header .btn{padding:8px 9px}.hero h1{font-size:34px}.hero-logo{width:220px}.hero-highlights strong{font-size:16px}.item{font-size:15px}.beer-head,.beer-row{grid-template-columns:minmax(0,1fr) repeat(3,45px);font-size:11px}}
/* Finition V2 — ordre de lecture, rythme et OpenStreetMap */
.highlights{max-width:1180px;margin:auto;padding-top:45px;padding-bottom:65px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.highlight-card{min-height:290px;border:1px solid rgba(220,165,22,.55);padding:30px 25px;text-align:center;background:#0b0b0b;display:flex;flex-direction:column;align-items:center;justify-content:center}
.highlight-card.featured{border-width:2px;background:#0e0d0a}
.highlight-card>span{font:500 14px Oswald;color:#e2a916;letter-spacing:.08em}
.highlight-card>strong{font:600 34px Oswald;margin:8px 0 14px}
.highlight-card>strong b{color:#e2a916}
.highlight-card>em{font:600 17px Oswald;color:#e2a916;font-style:normal;border-top:1px solid #755813;border-bottom:1px solid #755813;padding:9px 22px}
.highlight-card>small{font:500 15px Oswald;margin-top:20px}
.highlight-card p{font:500 13px Oswald;color:#bdb9b1;max-width:330px}
.highlight-card .btn{margin-top:14px}
.highlight-price{font:600 42px Oswald;color:#e2a916;margin-top:9px}
.highlight-price small{font-size:14px;color:#ddd}
.cuisine-order{grid-template-columns:1fr 1fr}
.cuisine-order .full-order{grid-column:1/-1}
.cuisine-order .full-order .item{max-width:100%}
.map-wrap{background:#111;position:relative}
.map-wrap iframe{display:block;min-height:430px}
@media(max-width:760px){
.highlights{grid-template-columns:1fr;padding-top:25px;padding-bottom:45px;gap:14px}
.highlight-card{min-height:230px;padding:25px 18px}
.cuisine-order{grid-template-columns:1fr}
.cuisine-order .full-order{grid-column:auto}
.map-wrap,.map-wrap iframe{min-height:380px}
}
/* Présentation synthétique des boissons : les détails restent dans la carte en images. */
.drinks-summary {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.drinks-summary p {
margin: 0;
line-height: 1.65;
max-width: 620px;
}
.drinks-summary .drinks-note {
font-size: .78rem;
text-transform: uppercase;
letter-spacing: .08em;
opacity: .72;
}
.drinks-summary .btn {
margin-top: 6px;
}
@media (max-width: 800px) {
.drinks-summary { align-items: stretch; }
}
/* V3 — présentation de la carte selon la maquette fournie */
.menu-section .carte-highlights { padding-top: 0; margin-top: 0; }
.carte-highlights { padding-bottom: 50px; }
.couscous-menu { background: radial-gradient(circle at 50% 20%, rgba(220,165,22,.06), transparent 48%); }
@media (max-width: 760px) {
.menu-section .carte-highlights { padding-top: 0; }
.desktop-break { display: none; }
}
/* V6 — optimisation mobile, accès immédiat et finitions graphiques */
html { scroll-padding-top: 92px; }
body { overflow-x: hidden; }
.skip-link {
position: fixed; left: 12px; top: -60px; z-index: 1000;
background: #dca516; color: #090909; padding: 10px 16px;
font: 600 14px Oswald, sans-serif;
}
.skip-link:focus { top: 12px; }
/* Meilleur rythme visuel sur desktop */
.section-heading { max-width: 900px; margin: 0 auto 42px; }
.section-heading p { max-width: 760px; color: #bdb9b1; font-size: 17px; }
.menu-panel { transition: border-color .2s ease, transform .2s ease; }
.menu-panel:hover { border-color: rgba(220,165,22,.55); }
.menu-panel h3 { position: relative; padding-bottom: 10px; }
.menu-panel h3:after {
content: ""; display: block; width: 44px; height: 1px;
background: #dca516; margin-top: 8px;
}
.full-order h3:after { width: 58px; }
/* Réservation plus évidente */
.reservation-direct { margin-top: 20px; }
.reservation-call a { display: inline-block; padding: 4px 0; }
/* Actions contact qui respirent mieux */
.contact-actions { flex-wrap: wrap; }
/* Barre d'actions fixe uniquement sur mobile */
.mobile-quick-actions { display: none; }
@media (max-width: 760px) {
html { scroll-padding-top: 76px; }
body { padding-bottom: 64px; }
.site-header { position: sticky; }
.nav-wrap { gap: 8px; }
.brand img { width: 58px; height: 58px; }
.header-actions { gap: 7px; }
.header-actions .phone { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; font-size: 0; border: 1px solid #dca516; }
.header-actions .phone:before { content: "☎"; font-size: 20px; color: #dca516; }
.header-actions .btn { min-height: 42px; padding: 8px 12px; }
.menu-toggle { padding: 5px 4px; }
.hero { padding-top: 40px; }
.hero-logo { margin-top: 2px; }
.hero h1 { line-height: 1; }
.hero-ctas .btn { width: 100%; min-height: 52px; }
.intro-copy>p, .section-heading p { font-size: 15px; }
.mini-points { gap: 8px; }
.mini-points div { padding: 12px 14px; }
.highlights { margin-left: 0; margin-right: 0; }
.highlight-card { min-height: 215px; }
.menu-section { padding-top: 60px; }
.section-heading { margin-bottom: 28px; }
.section-heading h2 { font-size: 44px; }
.menu-panel { margin-bottom: 2px; }
.item { grid-template-columns: minmax(0,1fr) auto; align-items: end; }
.item b { line-height: 1.2; }
.desc { font-size: 13px; line-height: 1.45; }
.gallery-grid { margin-bottom: 8px; }
.reservation { gap: 28px; }
.reservation-form { padding: 18px 16px; }
.reservation-form input, .reservation-form select, .reservation-form textarea { min-height: 48px; font-size: 16px; }
.cta-submit { min-height: 54px; }
.reservation-direct { width: 100%; min-height: 50px; }
.contact-main { gap: 30px; }
.contact-actions { gap: 9px; }
.contact-actions .btn { flex: 1 1 100%; min-height: 50px; }
.map-wrap, .map-wrap iframe { min-height: 340px; }
.footer { padding-bottom: 25px; }
.mobile-quick-actions {
position: fixed; display: grid; grid-template-columns: repeat(3,1fr);
left: 0; right: 0; bottom: 0; z-index: 60;
min-height: 60px; padding-bottom: env(safe-area-inset-bottom);
background: rgba(5,5,5,.97); border-top: 1px solid rgba(220,165,22,.55);
backdrop-filter: blur(10px);
}
.mobile-quick-actions a {
display: flex; align-items: center; justify-content: center;
min-height: 60px; padding: 7px 5px;
font: 600 12px Oswald, sans-serif; letter-spacing: .06em;
border-right: 1px solid rgba(220,165,22,.18);
}
.mobile-quick-actions a:last-child { border-right: 0; }
.mobile-quick-actions a:first-child, .mobile-quick-actions a:nth-child(2) { color: #e2a916; }
}
@media (max-width: 390px) {
.header-actions .btn { font-size: 12px; padding: 8px 9px; }
.header-actions .phone { width: 39px; height: 39px; }
.section-heading h2 { font-size: 40px; }
.mobile-quick-actions a { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
/* Bloc boissons synthétique : la carte détaillée reste dans les images */
.drinks-summary {
max-width: 760px;
margin: 58px auto 0;
padding: 34px 28px 32px;
text-align: center;
border-top: 1px solid rgba(220,165,22,.45);
border-bottom: 1px solid rgba(220,165,22,.45);
}
.drinks-summary .eyebrow { margin-bottom: 8px; }
.drinks-summary h3 {
margin: 0 0 10px;
color: #f3f0ea;
font: 600 32px Oswald, sans-serif;
letter-spacing: .05em;
}
.drinks-summary p {
margin: 0 auto 22px;
color: #bdb9b1;
font-size: 15px;
}
.drinks-summary .btn { margin-top: 2px; }
.gallery-item#boissons-carte { scroll-margin-top: 100px; }
.gallery-grid { justify-content: center; }
@media (max-width: 760px) {
.drinks-summary { margin-top: 42px; padding: 28px 16px; }
.drinks-summary h3 { font-size: 27px; }
.drinks-summary p { font-size: 14px; line-height: 1.7; }
.drinks-summary .btn { width: 100%; min-height: 50px; }
}
/* V8 — centrage strict du bloc titre de la carte */
.menu-section > .section-heading {
width: min(100%, 900px);
margin-left: auto;
margin-right: auto;
text-align: center;
}
.menu-section > .section-heading .eyebrow,
.menu-section > .section-heading h2,
.menu-section > .section-heading p {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.menu-section > .section-heading p {
max-width: 760px;
}
@media (max-width: 760px) {
.menu-section > .section-heading {
width: 100%;
}
.menu-section > .section-heading p {
max-width: 100%;
}
}
/* Champ anti-spam invisible du formulaire de réservation */
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}