/* grandappetit.ch — socle commun des sous-pages (extrait des <style> inline le 21.09.2026, option A). Polices : sous-ensemble latin (-web.woff2, fontTools 21.09) + fichier complet en repli hors plage.
   Regles strictement identiques sur les 7 sous-pages FR/EN ; index.html garde son CSS propre (design one-page).
   Les regles propres a chaque page restent dans son <style>, apres cette feuille (la cascade compte :
   @media(max-width:820px){.top .nav{display:none}} reste inline car elle doit suivre .top .nav{display:flex}). */
@font-face{font-family:'STAMPA';src:url('../fonts/STAMPA-Regular-web.woff2') format('woff2'),url('../fonts/STAMPA-Regular.otf') format('opentype');font-display:swap}
@font-face{font-family:'TWK Everett';src:url('../fonts/TWKEverett-Light-web.woff2') format('woff2'),url('../fonts/TWKEverett-Light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'TWK Everett';src:url('../fonts/TWKEverett-Regular-web.woff2') format('woff2'),url('../fonts/TWKEverett-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'TWK Everett';src:url('../fonts/TWKEverett-Medium-web.woff2') format('woff2'),url('../fonts/TWKEverett-Medium.otf') format('opentype');font-weight:500;font-display:swap}
:root{--cream:#FBF8F0;--ink:#1A1712;--mut:#746A5C;--hair:#E6DECF;--oxblood:#8E2D22;--sand:#F2EAD9;--mono:'STAMPA',ui-monospace,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'TWK Everett',system-ui,sans-serif;font-weight:400;line-height:1.7;font-size:18px}
a{color:inherit}
img{display:block;max-width:100%}
.top .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.top .brand img{height:24px;width:auto}
.top .nav a{text-decoration:none;color:var(--mut)}
.pill.solid{background:var(--ink);color:var(--cream)}
.pill.solid:hover{background:var(--oxblood);border-color:var(--oxblood)}
.pill:hover{background:var(--ink);color:var(--cream)}
.pill:active{transform:scale(.97)}
.skip{position:absolute;left:-9999px}
.skip:focus{position:fixed;top:8px;left:8px;z-index:100;background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:30px;text-decoration:none}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;background:rgba(251,248,240,.97);border-top:1px solid var(--hair)}
.mbar a{flex:1;text-align:center;padding:15px 4px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--ink);border-right:1px solid var(--hair);text-decoration:none}
.mbar a:last-child{border-right:0}
.mbar a:active{opacity:.75}
.mbar a.book{background:var(--ink);color:var(--cream)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;margin-left:auto;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.burger span{width:24px;height:1.5px;background:var(--ink);display:block;transition:.3s}
.drawer{position:fixed;inset:0;z-index:60;background:var(--cream);transform:translateX(100%);visibility:hidden;transition:transform .4s cubic-bezier(.6,0,.2,1),visibility 0s .4s;display:flex;flex-direction:column;padding:24px 28px;overflow-y:auto}
.drawer.open{transform:none;visibility:visible;transition:transform .4s cubic-bezier(.6,0,.2,1)}
.drawer .x{align-self:flex-end;background:none;border:0;font-size:32px;line-height:1;cursor:pointer;color:var(--ink);padding:0 4px}
.drawer nav{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.drawer nav a{font-size:24px;font-weight:300;padding:10px 0;border-bottom:1px solid var(--hair);text-decoration:none;color:var(--ink);letter-spacing:-.01em}
.drawer .da{margin-top:22px;padding-bottom:8px}
.drawer .dbook{display:inline-block;font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:12px;padding:14px 30px;border-radius:40px;background:var(--ink);color:var(--cream);text-decoration:none}
/* bandeau de consentement — copie exacte du composant de index.html (21.09.2026) */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:560px;margin:0 auto;background:var(--ink);color:var(--cream);border-radius:10px;padding:20px 22px;box-shadow:0 14px 40px rgba(0,0,0,.28);display:none}
.cookie.show{display:block}
.cookie p{margin:0 0 14px;font-size:14px;line-height:1.6;color:rgba(251,248,240,.86)}
.cookie a{text-decoration:underline}
.cookie .ck-acts{display:flex;gap:10px;flex-wrap:wrap}
.cookie button{font-family:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;padding:11px 20px;border-radius:30px;cursor:pointer;border:1px solid var(--cream);background:transparent;color:var(--cream)}
.cookie button.acc{background:var(--cream);color:var(--ink);border-color:var(--cream)}
@media(max-width:860px){.cookie{bottom:60px}}