/* ═══════════════════════════════════════════════════════════════════════════
   Borgmästar'n Restaurang & Bar — putsning.css
   Sajtens egen finish ovanpå shared.css/upstream.css.

   Riktning från kundens formulär:
   · Färgskala som Tre Valv/Agaton: tegelrött (#B23A2E), djupt rött (#7A1F16),
     ljust ljusgult (#F2C66A), mörkbrunt (#2E1A10) och gräddvitt (#F6EEDC).
   · Stämning: mjuka toner, hemtrevligt, enkelt. Serif (EB Garamond) för
     rubriker och löptext, Inter för små gränssnittstexter, Style Script som
     liten handskriven accent.
   · Viktigast: lätt att boka bord. Menyraden följer med vid scroll så att
     Boka bord alltid är synlig, och startsidan har snabbval till Boka bord,
     Lunch och Uteservering direkt under heron.
   · Statisk sajt: inga reveal-animationer, bara korta hover-övergångar.

   Låst: knapparna (.cbtn) behåller form, kantlinje och fyllning från
   shared.css (btn-solid-rounded). Här justeras bara typsnitt och storlek.
   Loggan (images/logo.png) ändras bara i storlek.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tokens ─────────────────────────────────────────────────────────────── */
.rrw{
  --nav-h:77px;
  --bm-red-deep:#7A1F16;
  --bm-orange:#F2C66A;
  --bm-green:#2E1A10;
  --bm-ui:'Inter',system-ui,sans-serif;
  --bm-hand:'Style Script','Brush Script MT',cursive;
  --bm-shadow:0 24px 48px -28px rgba(46,26,16,.45);
  --type-h2:clamp(34px,4.2vw,58px);
  --type-h3:clamp(26px,2.8vw,36px);
  --type-lead:clamp(17px,1.5vw,20px);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.rrw h1,.rrw h2,.rrw h3,.rrw h4,.rrw .h{font-weight:500;letter-spacing:-.005em}
.rrw .eyebrow{font-family:var(--bm-ui);font-size:11px;letter-spacing:.24em;font-weight:700;margin-bottom:14px}
/* Eyebrow-etiketter som ligger som <p> inuti textblock får inte ärva brödtextens storlek. */
.rrw .pg-text p.eyebrow,.rrw .pg-visit p.eyebrow,.rrw .bm-cta-band p.eyebrow,.rrw .bm-follow-card p.eyebrow,.rrw .bm-sec-head p.eyebrow,.rrw .pg-head p.eyebrow{
  font-family:var(--bm-ui);font-size:11px;line-height:1.5;letter-spacing:.24em;font-weight:700;margin:0 0 14px;max-width:none;opacity:1;
}
.rrw .pg-actions{align-items:center}
.rrw .lead,.rrw .rrw-up .lead{font-family:var(--c-heading);font-size:var(--type-lead);line-height:1.6;opacity:.84}

/* Knappar: form/kant/fyllning från shared.css, bara typ och storlek här. */
.rrw .cbtn,.rrw .rrw-up .cbtn{font-family:var(--bm-ui);font-size:14px;font-weight:600;letter-spacing:.01em;padding:14px 28px}

/* ── Menyrad: följer med vid scroll så Boka bord alltid finns till hands ── */
/* ── Navbar: vinröd som sofforna, Cinzel i versaler; vit logga syns (Dennis valde förslag 2, 2026-10-09) ── */
.rrw{--bm-nav-bg:#B23A2E;--bm-nav-fg:#F6EEDC;--bm-nav-font:'Cinzel',Georgia,serif}
.rrw .site-nav{
  position:sticky;top:0;z-index:60;
  padding:14px clamp(20px,4vw,48px);
  background:var(--bm-nav-bg);
  border-bottom:1px solid rgba(0,0,0,.25);
  box-shadow:0 6px 24px -14px rgba(0,0,0,.6);
}
.rrw .site-nav .site-nav-brand img{height:48px;max-width:min(220px,48vw)}
.rrw .site-nav a,.rrw .site-nav-more summary{font-family:var(--bm-nav-font);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.rrw .site-nav .site-nav-links > a,.rrw .site-nav .site-nav-more > summary{color:var(--bm-nav-fg)}
.rrw .site-nav .site-nav-links > a:hover,.rrw .site-nav .site-nav-more > summary:hover{color:#fff}
.rrw .site-nav .site-nav-links{gap:6px 26px}
.rrw .site-nav a.site-nav-cta{padding:10px 20px;border-radius:9999px;background:#B23A2E;color:#F6EEDC;border:1px solid rgba(246,238,220,.25)}
.rrw .site-nav a.site-nav-cta:hover{background:#7A1F16;color:#fff}
/* Rullgardinen och mobilpanelen ligger på ljus botten: mörk text där */
.rrw .site-nav-drop,.rrw .site-nav-panel{background:var(--c-bg)}
.rrw .site-nav-drop a,.rrw .site-nav-panel a:not(.site-nav-cta){color:var(--c-head)}
.rrw .site-nav-drop{border-radius:12px;padding:8px 0}
.rrw .site-nav-panel a.site-nav-cta{border-radius:9999px}
.rrw .site-nav-burger summary span,.rrw .site-nav-burger summary span::before,.rrw .site-nav-burger summary span::after{background:var(--bm-nav-fg)}

/* ── Hero (designsystem-block; bara typografi och ton justeras) ─────────── */
.rrw .rrw-up .b3-hero-season{
  padding:clamp(60px,8vw,116px) clamp(24px,5vw,56px) clamp(84px,10vw,140px);
  background:
    radial-gradient(120% 90% at 50% 0%,color-mix(in oklab,var(--c-bg) 72%,#fff) 0%,var(--c-bg) 50%,var(--c-bg-muted) 100%);
}
.rrw .rrw-up .b3-hero-season-word{
  font-family:var(--bm-hand);font-weight:400;
  font-size:clamp(42px,6.5vw,88px);line-height:1.1;letter-spacing:0;
  color:var(--c-accent);margin-bottom:4px;hyphens:manual;
}
.rrw .rrw-up .b3-hero-season h1{font-size:clamp(46px,7vw,96px);font-weight:500;line-height:1;margin:0 0 20px;color:var(--c-head)}
.rrw .rrw-up .b3-hero-season .lead{max-width:640px;opacity:.86}
.rrw .rrw-up .b3-hero-season .row{padding-top:20px}

/* ── Snabbval: kundens tre mål, direkt under heron ──────────────────────── */
.rrw .bm-goals{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);
  max-width:1212px;margin:calc(-1 * clamp(40px,5vw,64px)) auto 0;
  padding:0 clamp(20px,5vw,56px);position:relative;z-index:2;
}
.rrw .bm-goal{
  display:flex;flex-direction:column;gap:8px;
  padding:clamp(22px,2.6vw,32px) clamp(20px,2.4vw,30px);
  background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--c-radius);
  color:var(--c-text);text-decoration:none;box-shadow:var(--bm-shadow);
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
}
.rrw .bm-goal:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--c-accent) 45%,var(--c-border));box-shadow:0 30px 54px -28px rgba(46,26,16,.55)}
.rrw .bm-goal-eyebrow{font-family:var(--bm-ui);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--c-accent)}
.rrw .bm-goal-title{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  font-family:var(--c-heading);font-size:clamp(26px,2.4vw,34px);line-height:1.05;font-weight:500;color:var(--c-head);
}
.rrw .bm-goal-title::after{content:"\2192";font-size:.62em;color:var(--c-accent);transition:transform .2s}
.rrw .bm-goal:hover .bm-goal-title::after{transform:translateX(4px)}
.rrw .bm-goal-text{font-family:var(--c-heading);font-size:16.5px;line-height:1.5;opacity:.78}
.rrw .bm-goal-primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}
.rrw .bm-goal-primary .bm-goal-eyebrow,.rrw .bm-goal-primary .bm-goal-title,.rrw .bm-goal-primary .bm-goal-title::after{color:var(--c-on-accent)}
.rrw .bm-goal-primary .bm-goal-eyebrow{opacity:.82}
.rrw .bm-goal-primary .bm-goal-text{opacity:1}
.rrw .bm-goal-primary:hover{background:var(--bm-red-deep);border-color:var(--bm-red-deep)}

/* ── Sidhuvuden på undersidor ───────────────────────────────────────────── */
.rrw .pg-head{text-align:center;padding:clamp(56px,8vw,112px) clamp(20px,5vw,56px) clamp(20px,3vw,36px)}
.rrw .pg-head-in{max-width:780px}
.rrw .pg-head h1{font-size:clamp(40px,5.5vw,72px);font-weight:500;line-height:1.02;margin:0 0 16px}
.rrw .pg-head .lead{margin:0 auto}
.rrw .pg-chips{justify-content:center;margin-top:24px}
.rrw .pg-chip{font-family:var(--bm-ui);font-size:13px;font-weight:500;background:var(--c-bg);border-color:var(--c-border);padding:9px 18px}
.rrw .pg-chip-strong{background:var(--c-accent);border-color:var(--c-accent);font-weight:700}

/* ── Sektioner, text och bild ───────────────────────────────────────────── */
.rrw .pg-sec{padding:clamp(40px,6vw,88px) clamp(20px,5vw,56px)}
.rrw .pg-split{gap:clamp(28px,5vw,80px)}
.rrw .pg-photo{min-height:clamp(300px,38vw,540px);box-shadow:var(--bm-shadow)}
.rrw .pg-text h2{font-size:var(--type-h3);margin:0 0 18px;line-height:1.08}
.rrw .pg-text p{font-family:var(--c-heading);font-size:clamp(17px,1.35vw,19px);line-height:1.7;margin:0 0 16px}
.rrw .pg-text .pg-actions{margin:22px 0 0}
.rrw .pg-more{font-family:var(--bm-ui);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
.rrw .bm-sec-head{text-align:center;max-width:640px;margin:0 auto clamp(26px,3.5vw,44px);padding-top:clamp(20px,3vw,40px)}
.rrw .bm-sec-head h2{font-size:var(--type-h2);margin:0;line-height:1.05}

/* Kort på startsidan */
.rrw .pg-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(14px,2vw,24px)}
.rrw .pg-card{background:var(--c-bg);box-shadow:0 1px 0 rgba(46,26,16,.04)}
.rrw .pg-card:hover{box-shadow:var(--bm-shadow)}
.rrw .pg-card-img{aspect-ratio:4/5}
.rrw .pg-card-body{padding:20px 22px 24px;gap:10px}
.rrw .pg-card-body h2{font-size:25px;font-weight:500}
.rrw .pg-card-body p{font-family:var(--c-heading);font-size:16px;opacity:.74;line-height:1.5}

/* Fotoremsa */
.rrw .pg-strip{gap:4px;height:clamp(160px,24vw,340px)}

/* Besök oss: ett lugnt gräddvitt kort med öppettider */
.rrw .pg-sec.pg-visit{
  width:min(1212px,calc(100% - 2*clamp(20px,5vw,56px)));margin:0 auto clamp(40px,6vw,88px);
  padding:clamp(32px,4.5vw,64px);background:var(--c-bg-muted);border:1px solid var(--c-border);border-radius:var(--c-radius);
}
.rrw .pg-visit h2{font-size:var(--type-h2);margin:0 0 14px;line-height:1.05}
.rrw .pg-visit p{font-family:var(--c-heading);font-size:18px;line-height:1.6;margin:0 0 6px}
.rrw .pg-visit .pg-actions{margin-top:24px}
.rrw .pg-hours li{font-family:var(--c-heading);font-size:17px;padding:11px 0;border-bottom-color:color-mix(in oklab,var(--c-head) 14%,transparent)}
.rrw .pg-hours li span:first-child{font-weight:500;color:var(--c-head)}
.rrw .pg-hours li span:last-child{font-variant-numeric:tabular-nums}

/* ── Fotobanner på meny- och kontaktsidor ───────────────────────────────── */
.rrw .menu-photo-banner,.rrw .contact-photo-banner{
  height:clamp(220px,34vw,440px);
  width:min(1100px,calc(100% - 2*clamp(16px,5vw,56px)));margin:0 auto;
  border-radius:var(--c-radius);box-shadow:var(--bm-shadow);
}
.rrw .menu-photo-banner::after,.rrw .contact-photo-banner::after{border-radius:inherit;background:linear-gradient(180deg,rgba(46,26,16,.04),rgba(46,26,16,.16))}
.rrw .contact-photo-banner{margin-top:clamp(20px,3vw,40px)}

/* ── Meny ───────────────────────────────────────────────────────────────── */
.rrw .menu .catbar{
  top:var(--nav-h);margin-top:clamp(20px,3vw,36px);
  padding:14px clamp(20px,5vw,56px);gap:8px;
  background:color-mix(in oklab,var(--c-bg) 94%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);
}
.rrw .catbar .ct{font-family:var(--bm-ui);font-size:12.5px;font-weight:600;padding:9px 16px;background:var(--c-bg);border-color:var(--c-border);color:var(--c-head)}
.rrw .catbar .ct:hover{border-color:var(--c-accent);color:var(--c-accent)}
.rrw .catbar.cs-pills .ct.on{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}
.rrw .menu-body.sec{max-width:880px;margin:0 auto;padding:clamp(24px,4vw,56px) clamp(20px,5vw,56px) clamp(48px,6vw,88px)}
.rrw .mv-dotted .cat-classic{font-size:clamp(26px,2.6vw,32px);font-weight:500;color:var(--c-head);margin:clamp(36px,4.5vw,56px) 0 20px;gap:20px}
.rrw .mcat:first-child .cat-classic{margin-top:4px}
.rrw .mv-dotted .cat-classic::before,.rrw .mv-dotted .cat-classic::after{background:color-mix(in oklab,var(--c-accent) 35%,var(--c-border))}
.rrw .menu .it{align-items:baseline;margin-bottom:4px}
.rrw .menu .it .nm{font-family:var(--c-heading);font-size:clamp(18px,1.5vw,20px);font-weight:500;color:var(--c-head)}
.rrw .menu .it .pr{font-family:var(--bm-ui);font-size:14.5px;font-weight:600;color:var(--c-accent);letter-spacing:.01em}
.rrw .mv-dotted .it .leader{border-bottom:2px dotted color-mix(in oklab,var(--c-head) 30%,transparent);top:-6px}
.rrw .menu .ds,.rrw .menu .it .ds{font-family:var(--c-heading);font-style:italic;font-size:15.5px;opacity:.7;margin:-2px 0 16px}

/* ── Lunch ──────────────────────────────────────────────────────────────── */
.rrw .pg-lunch{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:clamp(14px,1.8vw,22px)}
.rrw .pg-lunch-day{
  background:var(--c-bg-muted);border:1px solid var(--c-border);border-top:3px solid var(--c-accent);
  border-radius:var(--c-radius);padding:20px 20px 10px;
}
.rrw .pg-lunch-day h2{font-size:26px;font-weight:500;margin:0 0 14px;color:var(--c-head)}
.rrw .pg-lunch-day li{font-family:var(--c-heading);font-size:16.5px;line-height:1.5;padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid color-mix(in oklab,var(--c-head) 12%,transparent)}
.rrw .pg-lunch-day li:last-child{border-bottom:0;margin-bottom:0}
.rrw .pg-band{
  width:min(1100px,calc(100% - 2*clamp(16px,5vw,56px)));margin:0 auto clamp(40px,6vw,88px);
  height:clamp(220px,30vw,400px);border-radius:var(--c-radius);box-shadow:var(--bm-shadow);
}

/* ── Säsongsmeny (Nyårssupé) ────────────────────────────────────────────── */
.rrw .pg-courses{gap:clamp(18px,3vw,40px)}
.rrw .pg-course{background:var(--c-bg-muted);border:1px solid var(--c-border);border-radius:var(--c-radius);padding:clamp(22px,3vw,34px)}
.rrw .pg-course h2{font-size:28px;font-weight:500;text-align:center;border-bottom:1px solid color-mix(in oklab,var(--c-accent) 40%,var(--c-border));padding-bottom:14px;margin:0 0 6px}
.rrw .pg-course li{padding:16px 0;gap:4px;text-align:center;border-bottom-color:color-mix(in oklab,var(--c-head) 12%,transparent)}
.rrw .pg-course li:last-child{border-bottom:0}
.rrw .pg-course li strong{font-family:var(--c-heading);font-weight:500;font-size:19px;line-height:1.3;color:var(--c-head)}
.rrw .pg-course li span{font-family:var(--c-heading);font-style:italic;font-size:15.5px;opacity:.68}
.rrw .pg-cta{text-align:center;margin-top:clamp(28px,4vw,48px)}

/* ── Om oss: faktaremsa ─────────────────────────────────────────────────── */
.rrw .bm-facts-sec{padding-top:clamp(12px,2vw,24px)}
.rrw .bm-facts{
  list-style:none;margin:0 auto;padding:0;max-width:1100px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;
  background:var(--c-border);border:1px solid var(--c-border);border-radius:var(--c-radius);overflow:hidden;
}
.rrw .bm-facts li{background:var(--c-bg-muted);padding:24px 20px;text-align:center;display:flex;flex-direction:column;gap:6px}
.rrw .bm-facts strong{font-family:var(--c-heading);font-weight:500;font-size:clamp(22px,2.2vw,28px);line-height:1.1;color:var(--c-head)}
.rrw .bm-facts span{font-family:var(--bm-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}

/* ── Mörkt bokningsband (meny, lunch, om oss) ───────────────────────────── */
.rrw .bm-cta-band{
  width:min(1100px,calc(100% - 2*clamp(16px,5vw,56px)));margin:0 auto clamp(40px,6vw,88px);
  padding:clamp(28px,4vw,52px);background:var(--c-head);color:var(--c-bg);border-radius:var(--c-radius);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;
}
.rrw .bm-cta-band .eyebrow{color:var(--bm-orange);margin-bottom:10px}
.rrw .bm-cta-band h2{color:var(--c-bg);font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1.05;margin:0 0 8px}
.rrw .bm-cta-band p{margin:0;font-family:var(--c-heading);font-size:17.5px;line-height:1.55;opacity:.82;max-width:52ch}
.rrw .bm-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.rrw .bm-cta-link{
  color:var(--c-bg);font-family:var(--bm-ui);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--c-bg) 45%,transparent);padding-bottom:3px;opacity:.92;
}
.rrw .bm-cta-link:hover{border-bottom-color:var(--c-bg);opacity:1}

/* ── Aktuellt ───────────────────────────────────────────────────────────── */
.rrw .bm-follow{display:grid;place-items:center;padding-top:clamp(12px,2vw,24px)}
.rrw .bm-follow-card{
  width:min(700px,100%);text-align:center;padding:clamp(28px,4vw,56px);
  background:var(--c-bg-muted);border:1px solid var(--c-border);border-radius:var(--c-radius);
}
.rrw .bm-follow-card h2{font-size:var(--type-h3);font-weight:500;line-height:1.1;margin:0 0 12px}
.rrw .bm-follow-card p{font-family:var(--c-heading);font-size:17.5px;line-height:1.6;opacity:.8;margin:0 0 22px}
.rrw .bm-follow-card .pg-actions{justify-content:center;margin:0}

/* ── Kontakt ────────────────────────────────────────────────────────────── */
.rrw .split.bm-contact{
  max-width:1212px;margin:0 auto;padding:clamp(40px,6vw,88px) clamp(20px,5vw,56px);
  gap:clamp(28px,5vw,80px);align-items:stretch;
}
.rrw .bm-contact .txt{flex:1 1 0;display:flex;flex-direction:column;justify-content:center}
.rrw .bm-contact .sec-h{font-size:clamp(40px,4.8vw,66px);font-weight:500;line-height:1.02;margin:0 0 16px}
.rrw .bm-contact .lead{opacity:.9;max-width:none}
.rrw .bm-contact .pg-hours{margin:22px 0 26px}
.rrw .bm-contact .pg-actions{margin:0}
.rrw .bm-contact .contact-map{flex:1 1 0;min-height:clamp(320px,42vw,560px);border-radius:var(--c-radius);box-shadow:var(--bm-shadow)}

/* ── Boka bord: widget till vänster, telefon/mejl/öppettider till höger ─── */
.rrw .bm-book{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.rrw .bm-book .pg-embed{margin:0;background:var(--c-bg);box-shadow:var(--bm-shadow)}
.rrw .pg-book-side{
  position:sticky;top:calc(var(--nav-h) + 20px);
  background:var(--c-bg-muted);border:1px solid var(--c-border);border-radius:var(--c-radius);padding:clamp(22px,3vw,32px);
}
.rrw .pg-book-side .pg-note{font-family:var(--c-heading);font-size:20px;color:var(--c-head);opacity:1;margin:0 0 14px}
.rrw .pg-book-side .pg-actions{flex-direction:column;align-items:stretch;margin:0 0 18px}
.rrw .pg-book-side .pg-actions .cbtn{text-align:center;white-space:normal;overflow-wrap:anywhere}
.rrw .pg-book-side .pg-hours{max-width:none}

/* ── Sidfot (designsystem-block; ton och typsnitt följer sajten) ────────── */
.rrw .rrw-up .ftr.b3-foot-neon{
  border-radius:var(--c-radius) var(--c-radius) 0 0;margin-top:clamp(12px,2vw,24px);
  padding:clamp(48px,6vw,84px) clamp(24px,5vw,56px) clamp(32px,4vw,48px);
}
.rrw .rrw-up .b3-foot-neon-name{color:var(--bm-orange);font-weight:500;text-shadow:0 0 22px color-mix(in srgb,var(--bm-orange) 30%,transparent)}
.rrw .rrw-up .b3-foot-neon-bye{font-family:var(--bm-hand);text-transform:none;letter-spacing:0;font-size:clamp(26px,3vw,36px);opacity:.92;margin-top:10px}
.rrw .rrw-up .b3-foot-neon-meta{font-family:var(--bm-ui);font-size:13.5px;margin-top:var(--sp-8);padding-top:var(--sp-6)}
.rrw .rrw-up .b3-foot-lbl{font-family:var(--bm-ui)}
.rrw .rrw-up .b3-foot-neon-social{margin-top:var(--sp-6);gap:26px}
.rrw .rrw-up .b3-foot-neon-social a{font-family:var(--bm-ui);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--c-bg) 40%,transparent);padding-bottom:3px}
.rrw .sub-footer{background:var(--c-head)!important;color:var(--c-bg)!important;padding:0 24px 28px;font-family:var(--bm-ui)}

/* ── Smala skärmar ──────────────────────────────────────────────────────── */
@media(max-width:860px){
  .rrw .bm-book{grid-template-columns:1fr}
  .rrw .pg-book-side{position:static}
}
@media(max-width:760px){
  .rrw .bm-goals{grid-template-columns:1fr;margin-top:-28px}
  .rrw .menu .catbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rrw .menu .catbar::-webkit-scrollbar{display:none}
  .rrw .split.bm-contact{flex-direction:column}
  .rrw .bm-contact .contact-map{min-height:260px;width:100%}
  .rrw .bm-cta-band{padding:28px 22px}
  .rrw .pg-strip{height:220px}
}

/* ── Mindre rörelse ─────────────────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  .rrw .bm-goal,.rrw .bm-goal-title::after,.rrw .pg-card{transition:none}
  .rrw .bm-goal:hover,.rrw .pg-card:hover{transform:none}
  .rrw .bm-goal:hover .bm-goal-title::after{transform:none}
}

/* ── Hero: bildspel bakom texten, loggan i stället för namnet (Dennis 2026-10-09) ── */
.rrw .rrw-up .b3-hero-season.bm-hero-photo{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:max(560px,calc(100vh - var(--bm-nav-h,77px)));min-height:max(560px,calc(100svh - var(--bm-nav-h,77px)));display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#2E1A10;color:#F6EEDC;
  justify-content:flex-end;padding-top:120px;padding-bottom:clamp(48px,9vh,96px);
}
.bm-hero-slides{position:absolute;inset:0;z-index:-1}
.bm-hero-slides::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,26,16,.55) 0%,rgba(46,26,16,.42) 45%,rgba(46,26,16,.68) 100%)}
.bm-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:bm-hero-fade 30s infinite}
.bm-hero-slide:nth-child(1){animation-delay:0s;opacity:1}
.bm-hero-slide:nth-child(2){animation-delay:-24s}
.bm-hero-slide:nth-child(3){animation-delay:-18s}
.bm-hero-slide:nth-child(4){animation-delay:-12s}
.bm-hero-slide:nth-child(5){animation-delay:-6s}
/* 5 bilder × 6 s. Negativa fördröjningar: första bilden syns direkt, nästa tonar in medan föregående tonar ut; lätt utzoomning */
@keyframes bm-hero-fade{0%{opacity:1;transform:scale(1.06)}20%{opacity:1}25%{opacity:0;transform:scale(1)}95%{opacity:0;transform:scale(1.06)}100%{opacity:1;transform:scale(1.06)}}
.rrw .rrw-up .bm-hero-photo .b3-hero-season-word{color:#F6EEDC;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.rrw .rrw-up .bm-hero-photo h1.bm-hero-logo{margin:6px 0 22px;line-height:0}
.bm-hero-logo img{display:block;width:clamp(240px,42vw,520px);height:auto;margin:0 auto;filter:drop-shadow(0 4px 22px rgba(0,0,0,.35))}
.rrw .rrw-up .bm-hero-photo .lead{color:#F6EEDC;opacity:.92;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.rrw .rrw-up .bm-hero-photo .row{gap:12px;flex-wrap:wrap}
.rrw .rrw-up .bm-hero-photo .cbtn.ghost{color:#F6EEDC;border-color:rgba(246,238,220,.8);background:transparent}
.rrw .rrw-up .bm-hero-photo .cbtn.ghost:hover{background:#F6EEDC;color:var(--c-head);border-color:#F6EEDC}
@media (prefers-reduced-motion:reduce){.bm-hero-slide{animation:none}.bm-hero-slide:nth-child(1){opacity:1}}

/* Välkommen: maträtt i porträttformat, fokus på köttet och såsen */
.rrw .pg-photo.bm-welcome-dish{background-position:50% 60%;min-height:clamp(380px,46vw,640px)}


/* ── Tema: Vinkällare (Dennis valde förslag 2, 2026-10-09) ──────────────────────
   3 färger: beige (#F6EEDC / #EEE2C8), choklad (#2E1A10 / #2E1A10), vinröd (#B23A2E / #7A1F16).
   Rubriker Playfair Display, brödtext Source Serif 4, menyn Cinzel.
   !important behövs eftersom sidorna sätter --c-* inline på .rrw. */
.rrw{--c-bg:#F6EEDC !important;--c-bg-muted:#EEE2C8 !important;--c-text:#2E1A10 !important;--c-head:#2E1A10 !important;--c-accent:#B23A2E !important;--c-border:#E4D5B2 !important;--c-on-accent:#F6EEDC !important;--c-heading:'Playfair Display',serif !important;--c-body:'Source Serif 4',serif !important;--c-footer-bg:#2E1A10 !important;--bm-green:#2E1A10 !important;--bm-red-deep:#7A1F16 !important;--bm-nav-bg:#B23A2E !important;--bm-ui:'Source Serif 4',serif !important}
.rrw,.rrw p:not(.eyebrow),.rrw li,.rrw .lead,.rrw .pg-text p:not(.eyebrow),.rrw .pg-card p,.rrw .bm-goal-text{font-family:var(--c-body) !important;text-transform:none}
.rrw h1,.rrw h2,.rrw h3,.rrw .bm-goal-title,.rrw .pg-card h2{font-family:var(--c-heading) !important}

/* Webbläsarens standardmarginal på body gav en vit ram runt hela sajten */
html,body{margin:0;padding:0;background:#F6EEDC}

/* Boka bord-knapparna på mörk botten (navbaren, mobilmenyn, heron): beige i stället för röd (Dennis 2026-10-09) */
.rrw .site-nav a.site-nav-cta,.rrw .rrw-up .bm-hero-photo .cbtn:not(.ghost){background:#F6EEDC;color:#7A1F16;border:1px solid #F6EEDC;box-shadow:none}
.rrw .site-nav a.site-nav-cta:hover,.rrw .rrw-up .bm-hero-photo .cbtn:not(.ghost):hover{background:#EEE2C8;border-color:#EEE2C8;color:#2E1A10}
.rrw .site-nav-panel a.site-nav-cta{background:#B23A2E;color:#F6EEDC;border-color:#B23A2E}

/* Sidfoten: loggan i stället för namnet i neonstil (Dennis 2026-10-09) */
.rrw .rrw-up .b3-foot-neon-name.bm-foot-logo{text-shadow:none;animation:none;line-height:0;margin-bottom:10px}
.bm-foot-logo img{display:block;width:clamp(200px,28vw,340px);height:auto;margin:0 auto}

/* Fotoremsa: karusell som på Tre Valv - 5 bilder, glider en i taget, luft ner till Besök oss */
.rrw .pg-strip.gal-carousel{display:block;position:relative;overflow:hidden;height:auto;grid-template-columns:none!important}
.rrw .gal-track{display:flex}
.rrw .gal-slide{flex:0 0 20%;height:360px;overflow:hidden;padding:0 5px;box-sizing:border-box}
.rrw .gal-slide img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.rrw .gal-slide{flex:0 0 50%;height:300px}}
@media(max-width:560px){.rrw .gal-slide{flex:0 0 100%;height:270px}}
.rrw .pg-sec.pg-visit{margin-top:clamp(40px,6vw,88px)}

/* ── Hela navbaren som hamburgarmeny, som invece.se: meny vänster, logga mitten, Boka bord höger (Dennis 2026-10-12) ── */
.rrw .site-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.rrw .site-nav .site-nav-links{display:none}
.rrw .site-nav-burger{display:block;order:1;justify-self:start}
.rrw .site-nav-brand{order:2;justify-self:center}
.rrw .site-nav .site-nav-book{order:3;justify-self:end;display:inline-block}
.rrw .site-nav-burger summary{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.rrw .site-nav-burger summary span,.rrw .site-nav-burger summary span::before,.rrw .site-nav-burger summary span::after{display:block;width:26px;height:2px;border-radius:2px;content:"";position:relative}
.rrw .site-nav-burger summary span::before{position:absolute;top:-8px}
.rrw .site-nav-burger summary span::after{position:absolute;top:8px}
.rrw .site-nav-burger[open] summary span{background:transparent}
.rrw .site-nav-burger[open] summary span::before{top:0;transform:rotate(45deg)}
.rrw .site-nav-burger[open] summary span::after{top:0;transform:rotate(-45deg)}
.rrw .site-nav-panel{position:absolute;left:0;right:0;top:100%;z-index:30;display:flex;flex-direction:column;align-items:flex-start;padding:28px clamp(20px,4vw,48px) 36px;box-shadow:0 18px 30px -18px rgba(0,0,0,.5);border-bottom:1px solid var(--c-border)}
.rrw .site-nav-panel a:not(.site-nav-cta){font-size:clamp(18px,2.2vw,24px);padding:10px 0;border-bottom:0;text-transform:uppercase;letter-spacing:.14em}
.rrw .site-nav-panel a.site-nav-cta{display:none}
@media (max-width:560px){.rrw .site-nav .site-nav-book{padding:9px 14px;font-size:12px;letter-spacing:.08em}.rrw .site-nav .site-nav-brand img{height:40px}}

/* Meny som hos invece.se: sidokolumnen glider in från vänster, sidan skjuts åt höger, ikonen byts till kryss (1 s) */
.rrw .site-nav-panel{display:none!important}
.bm-sidebar{position:fixed;top:0;bottom:0;left:-400px;width:260px;z-index:55;padding-top:150px;display:flex;flex-direction:column;align-items:flex-start;transition:left .65s cubic-bezier(.22,1,.36,1);pointer-events:none;visibility:hidden}
.bm-sidebar a{font-family:var(--bm-nav-font);font-size:1.2rem;font-weight:600;letter-spacing:.2rem;text-transform:uppercase;color:var(--c-head);text-decoration:none;margin-bottom:.5rem;border-bottom:2px solid transparent;cursor:pointer}
.bm-sidebar a:hover{border-bottom-color:currentColor}
html.bm-menu-open .bm-sidebar{left:36px;pointer-events:auto;visibility:visible}
.bm-sidebar{transition:left .65s cubic-bezier(.22,1,.36,1),visibility 0s linear .65s}
html.bm-menu-open .bm-sidebar{transition:left .65s cubic-bezier(.22,1,.36,1),visibility 0s}
.rrw main#innehall,.rrw .ftr,.rrw .sub-footer{transition:margin-left .65s cubic-bezier(.22,1,.36,1)}
@media (min-width:861px){html.bm-menu-open .rrw main#innehall,html.bm-menu-open .rrw .ftr,html.bm-menu-open .rrw .sub-footer{margin-left:280px}}
@media (max-width:860px){.bm-sidebar{width:min(78vw,320px);background:var(--c-bg);padding-left:0;box-shadow:12px 0 30px -12px rgba(0,0,0,.4)}html.bm-menu-open .bm-sidebar{left:0;padding-left:24px}.bm-sidebar a{font-size:1rem}}
@media (prefers-reduced-motion:reduce){.bm-sidebar,.rrw main#innehall,.rrw .ftr,.rrw .sub-footer{transition:none!important}}

/* Aktuell sida i menyn: ETT understreck som glider mellan länkarna, följer musen och går tillbaka till aktuell sida */
.bm-sidebar a{position:relative;padding:3px 8px;margin-left:-8px;border-bottom:0;transition:opacity .2s}
.bm-sidebar:hover a:not(:hover){opacity:.55}
.bm-hl{position:absolute;left:0;top:0;height:4px;width:0;background:#B23A2E;border-radius:2px;opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),opacity .2s}
.bm-hl.on{opacity:1}
.bm-hl.snap{transition:none}
@media (prefers-reduced-motion:reduce){.bm-hl{transition:none}}

/* Kort (Mat, dryck och säsong): mjukare och mer "tänd" hover */
.rrw .pg-card{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .35s;will-change:transform}
.rrw .pg-card-img{transition:filter .5s ease;filter:brightness(.92) saturate(.95)}
.rrw .pg-card:hover{transform:translateY(-8px);box-shadow:0 22px 40px -18px rgba(122,31,22,.45);border-color:#B23A2E}
.rrw .pg-card:hover .pg-card-img{filter:brightness(1.08) saturate(1.12)}
.rrw .pg-card-body h2{transition:color .35s}
.rrw .pg-card:hover .pg-card-body h2{color:#B23A2E}
.rrw .pg-card .pg-more{transition:letter-spacing .4s cubic-bezier(.22,1,.36,1),color .35s}
.rrw .pg-card:hover .pg-more{letter-spacing:.06em;color:#B23A2E}
@media (hover:none){.rrw .pg-card:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.rrw .pg-card,.rrw .pg-card-img{transition:none}.rrw .pg-card:hover,.rrw .pg-card:hover .pg-card-img{transform:none}}

/* Avvikande tider: rubriken finns alltid, även utan avvikelser (QA-checklistan) */
.rrw .pg-hours-wrap{display:flex;flex-direction:column;gap:14px}
.rrw .pg-avv{font-family:var(--bm-ui);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;margin:0;opacity:.8}

/* Integritetspolicy: centrerad text i smal läsbar kolumn (husstandard) */
.rrw .policy{max-width:38rem;margin:0 auto;text-align:center;padding-bottom:clamp(48px,8vw,96px)}
.rrw .policy h2{font-size:clamp(20px,2.4vw,26px);margin:36px 0 10px}
.rrw .policy p{margin:0 0 12px}
.rrw .sub-footer p a{text-decoration:underline;text-underline-offset:3px}
.rrw .policy a{color:var(--c-accent);text-underline-offset:3px}

/* Språkbyte i menyn */
.bm-sidebar a.site-nav-lang{margin-top:18px;font-size:.95rem;letter-spacing:.18em;opacity:.8}

/* Sidfot: fyra kolumner med rubriker, hängande till vänster, centrerad logga ovanför */
.rrw .bm-foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,4vw,56px);max-width:1040px;margin:clamp(36px,5vw,56px) auto 0;padding-top:clamp(32px,4vw,48px);border-top:1px solid rgba(246,238,220,.18);text-align:left}
.rrw .bm-foot-grid > div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.rrw .bm-foot-h{font-family:var(--bm-ui);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin:0 0 6px;color:#EEE2C8;opacity:1}
.rrw .bm-foot-grid a{font-family:var(--bm-ui);font-size:14px;line-height:1.55;color:#F6EEDC;text-decoration:none;opacity:.88;transition:opacity .25s,color .25s}
.rrw .bm-foot-grid a:hover{opacity:1;color:#fff;text-decoration:underline;text-underline-offset:4px}
.rrw .bm-foot-hours{list-style:none;margin:0;padding:0;width:100%;max-width:210px}
.rrw .bm-foot-hours li{display:flex;justify-content:space-between;gap:16px;font-family:var(--bm-ui);font-size:14px;line-height:1.9;color:#F6EEDC;opacity:.88}
.rrw .bm-foot-grid a.bm-foot-btn{margin-top:10px;padding:10px 20px;border-radius:9999px;background:#F6EEDC;color:#7A1F16;font-weight:600;font-size:13px;opacity:1;text-decoration:none}
.rrw .bm-foot-grid a.bm-foot-btn:hover{background:#EEE2C8;color:#2E1A10;text-decoration:none}
@media (max-width:860px){.rrw .bm-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.rrw .bm-foot-grid{grid-template-columns:1fr;text-align:left}}
.rrw .site-nav .site-nav-book{white-space:nowrap}
@media (max-width:560px){.rrw .site-nav .site-nav-book{padding:8px 12px;font-size:11px;letter-spacing:.06em}.rrw .site-nav .site-nav-brand img{height:36px}}

/* Logga + "Vi ses ikväll" som första kolumn i samma rad som öppettiderna (ett block, inte två) */
.rrw .bm-foot-grid{grid-template-columns:1.25fr 1fr 1.1fr .8fr;border-top:0;padding-top:0;max-width:1100px;align-items:start}
.rrw .bm-foot-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rrw .bm-foot-brand .bm-foot-logo{margin:0}
.rrw .bm-foot-brand .bm-foot-logo img{width:min(100%,240px);margin:0}
.rrw .bm-foot-brand .b3-foot-neon-bye{margin:0;text-align:left;font-size:clamp(22px,2.4vw,30px)}
@media (max-width:860px){.rrw .bm-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rrw .bm-foot-brand{grid-column:1 / -1;align-items:center;text-align:center}.rrw .bm-foot-brand .b3-foot-neon-bye{text-align:center}}
@media (max-width:480px){.rrw .bm-foot-grid{grid-template-columns:1fr}}
.rrw .rrw-up .ftr.b3-foot-neon{padding-top:clamp(44px,6vw,72px)}
.rrw .bm-foot-grid{margin-top:0}

/* Sidfot: tre kolumner, sociala länkar under loggan */
.rrw .bm-foot-grid{grid-template-columns:1.25fr 1fr 1.1fr}
.rrw .bm-foot-social{display:flex;gap:22px;margin-top:16px}
.rrw .bm-foot-brand{gap:0}
@media (max-width:860px){.rrw .bm-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rrw .bm-foot-social{justify-content:center}}
@media (max-width:480px){.rrw .bm-foot-grid{grid-template-columns:1fr}}

.rrw .bm-foot-about{font-family:var(--bm-ui);font-size:13.5px;line-height:1.65;color:#F6EEDC;opacity:.78;max-width:40ch;margin:14px 0 0;text-align:left}
@media (max-width:860px){.rrw .bm-foot-about{text-align:center;margin-inline:auto;max-width:46ch}}

.rrw .bm-foot-social{gap:12px}
.rrw .bm-foot-grid .bm-foot-social a{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(246,238,220,.35);border-radius:50%;opacity:.9;transition:background .25s,color .25s,border-color .25s,transform .25s}
.rrw .bm-foot-grid .bm-foot-social a:hover{background:#F6EEDC;color:#2E1A10;border-color:#F6EEDC;text-decoration:none;transform:translateY(-2px)}

/* Startsidans block i sicksack, som trevalv.se: stor bild på ena halvan, text på den andra, växlar sida */
.rrw .bm-block{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(480px,70vh,720px);background:var(--c-bg)}
.rrw .bm-block + .bm-block{border-top:0}
.rrw .bm-block-img{position:relative;overflow:hidden;background:#2E1A10}
.rrw .bm-block-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rrw .bm-block-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:clamp(36px,6vw,96px)}
.rrw .bm-block.flip .bm-block-img{grid-column:2;grid-row:1}
.rrw .bm-block.flip .bm-block-copy{grid-column:1;grid-row:1}
.rrw .bm-block-num{font-family:var(--c-heading);font-style:italic;font-size:15px;letter-spacing:.12em;margin:0 0 14px;color:var(--c-accent)}
.rrw .bm-block-eyebrow{font-family:var(--bm-ui);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin:0 0 14px;opacity:.8}
.rrw .bm-block-title{font-size:clamp(34px,4.4vw,60px);font-weight:500;line-height:1.05;margin:0 0 22px}
.rrw .bm-block-body{max-width:34ch;margin:0 0 30px;font-size:clamp(16px,1.35vw,18px);line-height:1.7;opacity:.82}
.rrw .bm-block-links{display:flex;flex-wrap:wrap;gap:12px}
.rrw .bm-block-links .cbtn.ghost,.rrw .bm-aktuellt .cbtn.ghost{background:transparent;color:var(--c-head);border:1px solid color-mix(in oklab,var(--c-head) 45%,transparent);box-shadow:none}
.rrw .bm-block-links .cbtn.ghost:hover,.rrw .bm-aktuellt .cbtn.ghost:hover{background:var(--c-head);color:var(--c-bg)}
.rrw .bm-aktuellt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(64px,9vw,128px) clamp(20px,5vw,56px);background:var(--c-bg-muted)}
.rrw .bm-aktuellt .bm-block-title{margin-bottom:14px}
.rrw .bm-aktuellt-sub{max-width:46ch;margin:0 0 clamp(32px,4vw,52px);opacity:.78}
.rrw .bm-aktuellt-card{display:flex;flex-direction:column;width:min(100%,400px);text-align:left;text-decoration:none;color:inherit;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--c-radius);overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}
.rrw .bm-aktuellt-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -18px rgba(122,31,22,.4)}
.rrw .bm-aktuellt-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.rrw .bm-aktuellt-body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 26px}
.rrw .bm-aktuellt-body .bm-block-eyebrow{margin:0;color:var(--c-accent);opacity:1}
.rrw .bm-aktuellt-t{font-family:var(--c-heading);font-size:24px;line-height:1.2}
.rrw .bm-aktuellt-d{font-size:15px;line-height:1.6;opacity:.75}
.rrw .bm-aktuellt-all{margin-top:clamp(36px,5vw,56px)}
@media (max-width:860px){
  .rrw .bm-block{grid-template-columns:1fr;min-height:0}
  .rrw .bm-block-img{aspect-ratio:4/3}
  .rrw .bm-block.flip .bm-block-img,.rrw .bm-block.flip .bm-block-copy{grid-column:1;grid-row:auto}
  .rrw .bm-block-copy{padding:36px 24px 48px}
}
.rrw .bm-aktuellt-card img{height:250px;aspect-ratio:auto}

/* Blocken: större bilder med rundade hörn, inramade i stället för kant i kant */
.rrw .bm-block{grid-template-columns:1.3fr 1fr;gap:clamp(16px,3vw,48px);padding:clamp(16px,3vw,40px) clamp(16px,3vw,40px) 0;min-height:clamp(560px,86vh,860px)}
.rrw .bm-block:nth-of-type(n){box-sizing:border-box}
.rrw .bm-block.flip{grid-template-columns:1fr 1.3fr}
.rrw .bm-block-img{border-radius:clamp(20px,2.4vw,36px);min-height:clamp(420px,70vh,760px)}
.rrw .bm-block-copy{padding:clamp(24px,4vw,64px)}
.rrw .bm-aktuellt-card img{border-radius:0}
@media (max-width:860px){
  .rrw .bm-block,.rrw .bm-block.flip{grid-template-columns:1fr;min-height:0;padding:16px 16px 0}
  .rrw .bm-block-img{aspect-ratio:4/5;min-height:0;border-radius:22px}
  .rrw .bm-block-copy{padding:28px 8px 36px}
}

/* Sidokolumnen ligger utanför .rrw och ärver därför inga tokens: sätt dem här */
.bm-sidebar{--c-bg:#F6EEDC;--c-head:#2E1A10;--c-accent:#B23A2E;--bm-ui:'Source Serif 4',serif}
@media (max-width:860px){.bm-sidebar{background:#F6EEDC}}

/* Startsidans block: samma utseende som Välkommen-blocket (pg-split), bilden växlar sida */
.rrw .pg-split.pg-flip .pg-photo{order:2}
.rrw .bm-news .pg-cards{grid-template-columns:minmax(0,420px);justify-content:center}
.rrw .bm-news .pg-card-img{aspect-ratio:16/11}
@media (max-width:860px){.rrw .pg-split.pg-flip .pg-photo{order:0}}

/* Startsidans block lite större */
.rrw #menyer.pg-split,.rrw #nyarssupe.pg-split{grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,96px);max-width:1360px;padding-block:clamp(36px,5vw,72px)}
.rrw #nyarssupe.pg-split{grid-template-columns:1fr 1.2fr}
.rrw #menyer .pg-photo,.rrw #nyarssupe .pg-photo{min-height:clamp(440px,54vw,740px)}
.rrw #menyer .pg-text h2,.rrw #nyarssupe .pg-text h2{font-size:clamp(34px,4vw,54px)}
.rrw #menyer .pg-text p:not(.eyebrow):not(.pg-actions),.rrw #nyarssupe .pg-text p:not(.eyebrow):not(.pg-actions){font-size:clamp(18px,1.5vw,21px)}
.rrw .bm-news .pg-cards{grid-template-columns:minmax(0,540px)}
.rrw .bm-news .bm-sec-head h2{font-size:clamp(34px,4vw,54px)}
.rrw .bm-news .pg-card-body h2{font-size:28px}
@media (max-width:860px){.rrw #menyer.pg-split,.rrw #nyarssupe.pg-split{grid-template-columns:1fr}.rrw #menyer .pg-photo,.rrw #nyarssupe .pg-photo{min-height:clamp(320px,80vw,520px)}}

/* ── Menysidan: remsa med fyra rätter ───────────────────────────────────── */
.rrw .menu-photo-banner.menu-dishes{
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.4vw,18px);
  height:auto;overflow:visible;background:none;box-shadow:none;border-radius:0;
  width:min(1100px,calc(100% - 2*clamp(16px,5vw,56px)));margin:0 auto;
}
.rrw .menu-photo-banner.menu-dishes::after{display:none}
.rrw .menu-dishes img{position:static;display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--c-radius);box-shadow:var(--bm-shadow)}
@media (max-width:640px){.rrw .menu-photo-banner.menu-dishes{grid-template-columns:repeat(2,1fr)}}

/* Sticky kategoriraden: exakt lika bred som menytexten */
.rrw .menu .catbar{box-sizing:border-box;width:min(768px,calc(100% - 2*clamp(20px,5vw,56px)));margin-inline:auto;padding-inline:0}
.rrw .menu .catbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px}
.rrw .menu .catbar::-webkit-scrollbar{display:none}
.rrw .menu .catbar .ct{flex:0 0 auto;white-space:nowrap;padding:8px 12px;font-size:11.5px}

/* ── Menysidan: flikar (À la carte / Lunch / Dryck) ─────────────────────── */
.rrw .mtabs{position:relative;display:flex;justify-content:center;gap:clamp(18px,4vw,56px);width:min(768px,calc(100% - 2*clamp(20px,5vw,56px)));margin:clamp(24px,3vw,40px) auto 0;border-bottom:1px solid var(--c-border)}
.rrw .mtab{appearance:none;background:none;border:0;cursor:pointer;font-family:var(--bm-ui);font-size:clamp(13px,1.3vw,15px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-head);opacity:.6;padding:16px 4px 18px;transition:opacity .25s}
.rrw .mtab:hover,.rrw .mtab[aria-selected="true"]{opacity:1}
.rrw .mtab:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
.rrw .mtabs-hl{position:absolute;bottom:-1px;left:0;height:4px;width:0;background:var(--c-accent);transition:transform .45s cubic-bezier(.22,.9,.3,1),width .45s cubic-bezier(.22,.9,.3,1);pointer-events:none}
.rrw .mtabpanel[hidden]{display:none}
.rrw .mtabpanel>.menu .catbar{margin-top:0}
.rrw .mp-lunch-head{text-align:center;max-width:768px;margin:clamp(28px,4vw,52px) auto 0;padding:0 clamp(20px,5vw,56px)}
.rrw .mp-lunch-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:500;color:var(--c-head);margin:0 0 10px}
.rrw .mp-lunch-head .lead{margin:0 auto}
.rrw .mtabpanel#lunch .pg-sec{padding-top:clamp(20px,3vw,36px)}

/* Välkommen-blocket: ingen bild, centrerad text */
.rrw .pg-split.pg-welcome{display:block;max-width:1100px;margin-inline:auto;text-align:center}
.rrw .pg-welcome .pg-text p{max-width:720px;margin-inline:auto;text-wrap:balance}
.rrw .pg-welcome .pg-text h2{max-width:none}
.rrw .pg-welcome .pg-text p:not(.eyebrow){font-size:clamp(15px,1.1vw,16.5px);line-height:1.65}
.rrw .pg-welcome .pg-text h2{font-size:clamp(26px,2.8vw,36px)}

/* Gravyr under Välkommen (public domain, Suecia antiqua 1693) */
.rrw .pg-engraving{margin:0 auto;max-width:1240px;padding:0 clamp(20px,5vw,56px) clamp(40px,6vw,88px);text-align:center}
.rrw .pg-engraving img{display:block;width:100%;height:auto;mix-blend-mode:multiply;opacity:1}
.rrw .pg-engraving figcaption{margin-top:12px;font-size:13px;font-style:italic;opacity:.7}

/* Menysidan: flikarna följer med vid scroll, kategoripillren sitter under dem */
.rrw .mtabs{position:sticky;top:var(--bm-nav-h,var(--nav-h));z-index:6;width:100%;max-width:none;margin:clamp(24px,3vw,40px) 0 0;padding-inline:clamp(20px,5vw,56px);box-sizing:border-box;background:color-mix(in oklab,var(--c-bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.rrw .mtabpanel>.menu .catbar{top:calc(var(--bm-nav-h,var(--nav-h)) + var(--mtabs-h,56px));z-index:5}
.rrw .mtabs{background:var(--c-bg)}
.rrw .mtabpanel>.menu .catbar{background:var(--c-bg);top:calc(var(--bm-nav-h,var(--nav-h)) + var(--mtabs-h,56px) - 1px)}

/* Startsidans Meny + Nyårssupé: guldram runt stora bilden, liten förrättsbild instucken under ramens övre hörn */
.rrw #menyer .pg-photo.has-frame,.rrw #nyarssupe .pg-photo.has-frame{--fw:clamp(26px,3.4vw,44px);position:relative;isolation:isolate;aspect-ratio:4/5;min-height:0;width:100%;max-width:540px;justify-self:center;border-radius:0;background-position:50% 60%;box-shadow:0 18px 44px rgba(46,26,16,.34)}
.rrw .pg-photo.has-frame::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border:var(--fw) solid transparent;border-image:url(images/frame-guld.webp) 113 / var(--fw) stretch}
.rrw .pg-photo.has-frame .pg-inset{position:absolute;z-index:2;top:calc(var(--fw)*.85);left:calc(var(--fw)*.85);width:36%;height:auto;aspect-ratio:4/5;object-fit:cover;border:6px solid #FBF6EA;border-radius:2px;transform:rotate(4deg);box-shadow:0 8px 22px rgba(0,0,0,.45)}
.rrw .pg-flip .pg-photo.has-frame .pg-inset{left:auto;right:calc(var(--fw)*.85);transform:rotate(-4deg)}
@media (max-width:860px){.rrw #menyer .pg-photo.has-frame,.rrw #nyarssupe .pg-photo.has-frame{min-height:0;max-width:420px}}

/* Inflygning från sidorna: ramen med stora bilden flyger in först, när den ligger på plats skjuts förrättsbilden in under ramens kant */
.rv-on .rv-side-l{transform:translate3d(-120px,0,0)}
.rv-on .rv-side-r{transform:translate3d(120px,0,0)}
.rv-on .rv.rv-side-l,.rv-on .rv.rv-side-r{transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.rrw .pg-photo.has-frame{overflow:hidden}
.rrw .pg-photo.has-frame .pg-inset{transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .4s ease}
.rv-on .pg-photo.has-frame:not(.inset-in) .pg-inset{opacity:0;transform:translate(-120px,-40px) rotate(4deg)}
.rv-on .pg-flip .pg-photo.has-frame:not(.inset-in) .pg-inset{transform:translate(120px,-40px) rotate(-4deg)}
.rrw main{overflow-x:clip}
@media (max-width:860px){.rv-on .rv-side-l{transform:translate3d(-40px,0,0)}.rv-on .rv-side-r{transform:translate3d(40px,0,0)}.rv-on .pg-photo.has-frame:not(.inset-in) .pg-inset{transform:translate(-60px,-24px) rotate(4deg)}.rv-on .pg-flip .pg-photo.has-frame:not(.inset-in) .pg-inset{transform:translate(60px,-24px) rotate(-4deg)}}

/* ── Knappar: "Växande linje" (Dennis valde förslag 33, 2026-10-14). Kantiga hörn, hårfin ram, röd linje växer fram undertill vid hover. ── */
.rrw .cbtn,.rrw.btn-solid-rounded .cbtn,.rrw .rrw-up .cbtn,.rrw.btn-solid-rounded .rrw-up .cbtn,.rrw.btn-solid-square .rrw-up .cbtn{
  display:inline-block;position:relative;box-sizing:border-box;border:0;border-radius:0;background:#FBF6EA;color:#2E1A10;
  box-shadow:inset 0 0 0 1px #2E1A10;padding:17px 34px;
  font-family:Cinzel,var(--bm-ui),serif;font-size:13px;font-weight:600;letter-spacing:.17em;line-height:1;text-transform:uppercase;
  filter:none;transition:background .25s,color .25s}
.rrw .cbtn::after,.rrw .bm-foot-grid a.bm-foot-btn::after,.rrw .site-nav a.site-nav-cta::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#B23A2E;transform:scaleX(0);transition:transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
.rrw .cbtn:hover::after,.rrw .bm-foot-grid a.bm-foot-btn:hover::after,.rrw .site-nav a.site-nav-cta:hover::after{transform:scaleX(1)}
.rrw .cbtn:hover,.rrw.btn-solid-rounded .cbtn:hover,.rrw .rrw-up .cbtn:hover,.rrw.btn-solid-rounded .rrw-up .cbtn:hover,.rrw.btn-solid-square .rrw-up .cbtn:hover{
  background:#FBF6EA;color:#2E1A10;filter:none}
.rrw .cbtn.ghost,.rrw.btn-solid-rounded .cbtn.ghost,.rrw .rrw-up .cbtn.ghost,.rrw.btn-solid-rounded .rrw-up .cbtn.ghost,.rrw .bm-block-links .cbtn.ghost,.rrw .bm-aktuellt .cbtn.ghost{
  background:transparent;color:#2E1A10;border:0;box-shadow:inset 0 0 0 1px rgba(46,26,16,.6)}
.rrw .cbtn.ghost:hover,.rrw.btn-solid-rounded .cbtn.ghost:hover,.rrw .rrw-up .cbtn.ghost:hover,.rrw.btn-solid-rounded .rrw-up .cbtn.ghost:hover,.rrw .bm-block-links .cbtn.ghost:hover,.rrw .bm-aktuellt .cbtn.ghost:hover{
  background:rgba(255,255,255,.35);color:#2E1A10;box-shadow:inset 0 0 0 1px #2E1A10}
/* på mörk bild (hero) */
.rrw .rrw-up .bm-hero-photo .cbtn:not(.ghost){background:#F6EEDC;color:#2E1A10;border:0;box-shadow:none}
.rrw .rrw-up .bm-hero-photo .cbtn:not(.ghost):hover{background:#fff;color:#2E1A10;border:0}
.rrw .rrw-up .bm-hero-photo .cbtn.ghost{background:transparent;color:#F6EEDC;border:0;box-shadow:inset 0 0 0 1px rgba(246,238,220,.6)}
.rrw .rrw-up .bm-hero-photo .cbtn.ghost:hover{background:rgba(246,238,220,.1);color:#F6EEDC;border:0;box-shadow:inset 0 0 0 1px rgba(246,238,220,.6)}
/* navbaren */
.rrw .site-nav a.site-nav-cta{position:relative;border:0;border-radius:0;background:#F6EEDC;color:#2E1A10;box-shadow:none;padding:11px 20px;font-family:Cinzel,var(--bm-ui),serif;font-size:11.5px;letter-spacing:.17em;transition:background .25s}
.rrw .site-nav a.site-nav-cta::after{background:#2E1A10}
.rrw .site-nav a.site-nav-cta:hover{background:#fff;color:#2E1A10}
@media (max-width:560px){.rrw .site-nav a.site-nav-cta,.rrw .site-nav .site-nav-book{padding:9px 12px;font-size:11px;letter-spacing:.1em}}
/* sidfoten */
.rrw .bm-foot-grid a.bm-foot-btn{position:relative;border:0;border-radius:0;background:#F6EEDC;color:#2E1A10;box-shadow:none;padding:14px 26px;font-family:Cinzel,var(--bm-ui),serif;font-size:12px;font-weight:600;letter-spacing:.17em;line-height:1;text-transform:uppercase;transition:background .25s}
.rrw .bm-foot-grid a.bm-foot-btn:hover{background:#fff;color:#2E1A10}

/* ── Samma knappspråk på övriga kontroller (Dennis 2026-10-14): menyflikar, kategoripiller, chips, sociala ikoner ── */
.rrw .mtab{font-family:Cinzel,var(--bm-ui),serif;letter-spacing:.17em}
.rrw .mtabs-hl{height:3px}
/* Kategorilistan följer menyflikarnas stil: ren text med en röd linje som glider till aktiv kategori */
.rrw .catbar .ct,.rrw .catbar.cs-pills .ct,.rrw.btn-solid-rounded .catbar .ct,.rrw.btn-solid-rounded .catbar.cs-pills .ct,.rrw .menu .catbar .ct{
  position:static;border:0;border-radius:0;background:none;box-shadow:none;color:#2E1A10;opacity:.6;
  font-family:Cinzel,var(--bm-ui),serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:16px 14px 18px;
  transition:opacity .25s}
.rrw .catbar .ct:hover,.rrw .catbar .ct.on,.rrw .catbar.cs-pills .ct.on,.rrw.btn-solid-rounded .catbar .ct:hover{background:none;color:#2E1A10;box-shadow:none;opacity:1}
.rrw .menu .catbar{position:sticky;padding:0 clamp(8px,2vw,24px);gap:2px;border-top:0}
.rrw .catbar .ct-hl{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:var(--c-accent);pointer-events:none;transition:transform .45s cubic-bezier(.22,.9,.3,1),width .45s cubic-bezier(.22,.9,.3,1)}
.rrw .pg-chip,.rrw .pg-chip-strong{border-radius:0;font-family:Cinzel,var(--bm-ui),serif;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding:10px 16px}
.rrw .pg-chip-strong{background:#2E1A10;border-color:#2E1A10;color:#F6EEDC;font-weight:600}
.rrw .bm-foot-grid .bm-foot-social a{border-radius:0}

/* Sekundära länkar bredvid en knapp blir riktiga knappar (hårfin ram, röd linje vid hover) */
.rrw .pg-actions .pg-more,.rrw .bm-cta-link{
  position:relative;display:inline-block;box-sizing:border-box;border:0;border-radius:0;padding:17px 34px;background:transparent;opacity:1;
  font-family:Cinzel,var(--bm-ui),serif;font-size:13px;font-weight:600;letter-spacing:.17em;line-height:1;text-transform:uppercase;text-decoration:none;
  transition:background .25s,color .25s}
.rrw .pg-actions .pg-more{color:#2E1A10;box-shadow:inset 0 0 0 1px rgba(46,26,16,.6)}
.rrw .pg-actions .pg-more:hover{background:rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px #2E1A10}
.rrw .bm-cta-link{color:#F6EEDC;box-shadow:inset 0 0 0 1px rgba(246,238,220,.6)}
.rrw .bm-cta-link:hover{background:rgba(246,238,220,.1);border:0}
.rrw .pg-actions .pg-more::after,.rrw .bm-cta-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#B23A2E;transform:scaleX(0);transition:transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
.rrw .pg-actions .pg-more:hover::after,.rrw .bm-cta-link:hover::after{transform:scaleX(1)}

.hl-noanim .mtabs-hl,.hl-noanim .ct-hl{transition:none !important}
.rrw .mp-lunch-head{padding-bottom:14px}

/* Lunchinfo som löpande text, centrerad (pris · dagar · vecka) */
.rrw .mp-lunch-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 0;text-align:center;max-width:768px;margin:clamp(28px,4vw,52px) auto 0;padding:0 clamp(20px,5vw,56px) 14px;font-family:var(--c-heading);font-size:clamp(16px,1.4vw,18px);color:var(--c-head)}
.rrw .mp-lunch-info strong{font-weight:600}
.rrw .mp-lunch-info>*+*::before{content:"·";margin:0 .7em;opacity:.5}
/* kategoriraden centreras när den ryms, skrollar annars */
.rrw .menu .catbar .ct:first-child{margin-left:auto}
.rrw .menu .catbar .ct:nth-last-child(2){margin-right:auto}
.rrw .mp-lunch-intro{text-align:center;max-width:620px;margin:0 auto;padding:6px clamp(20px,5vw,56px) 26px}
.rrw .mp-lunch-intro p{font-family:var(--c-heading);font-size:clamp(16px,1.4vw,18px);line-height:1.65;margin:0 0 12px}
.rrw .mp-lunch-intro p.eyebrow{margin:18px 0 6px}
.rrw .mp-lunch-info{padding-bottom:10px}
.rrw .mp-lunch-intro{padding-top:clamp(28px,4vw,52px)}
.rrw .mp-lunch-intro p.eyebrow:first-child{margin-top:0}
.rrw .mp-lunch-intro p.mp-lunch-when{margin:22px 0 0;font-size:clamp(15px,1.3vw,17px);opacity:.85}
.rrw .mp-lunch-intro{padding-bottom:18px}
.rrw .mp-lunch-intro p.mp-lunch-when{margin:18px 0 0;font-size:clamp(15px,1.3vw,17px);font-style:italic;opacity:.9}
.rrw #lunch .cat .cat-price{margin-left:.7em;font-size:.55em;font-family:var(--bm-ui);font-weight:600;letter-spacing:.14em;color:var(--c-accent);vertical-align:.25em;white-space:nowrap}
/* Introtexten ovanför menyfliken är lika bred som menyn */
.rrw .mp-lunch-intro{max-width:none;width:min(768px,calc(100% - 2*clamp(20px,5vw,56px)));margin-inline:auto;padding-inline:0;box-sizing:border-box}
.rrw .mp-lunch-intro p{text-wrap:balance}

/* Nyårssupé-sidan: samma uppbyggnad som menysidan men utan flikar */
.rrw .menu-dishes.menu-dishes-2{grid-template-columns:repeat(2,1fr);width:min(560px,calc(100% - 2*clamp(16px,5vw,56px)))}
.rrw .nye-panel{margin-top:clamp(28px,4vw,52px)}
.rrw .nye-panel>.menu .catbar{top:var(--bm-nav-h,var(--nav-h))}
.rrw .mp-lunch-cta-wrap{text-align:center;padding:10px 0 clamp(40px,6vw,88px)}
.rrw .mp-lunch-cta{margin:0}

/* ── Nyårssupé: festligare känsla ───────────────────────────────────────── */
.rrw .nye-band{position:relative;overflow:hidden;color:#F6EEDC;padding-bottom:clamp(48px,6vw,88px);margin-bottom:0;background:radial-gradient(2.5px 2.5px at 12% 22%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(2px 2px at 28% 68%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(3px 3px at 47% 14%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(2.5px 2.5px at 63% 74%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(3px 3px at 81% 28%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(2px 2px at 92% 62%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(2.5px 2.5px at 6% 80%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(2px 2px at 72% 9%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(2px 2px at 20% 45%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(3px 3px at 88% 86%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(2px 2px at 38% 88%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),radial-gradient(2px 2px at 55% 40%,rgba(244,222,170,.95),rgba(244,222,170,.25) 55%,transparent 75%),linear-gradient(180deg,#B23A2E,#962f25)}
.rrw .nye-band .pg-head{background:none}
.rrw .nye-band h1{color:#F6EEDC}
.rrw .nye-band .pg-head p.eyebrow{color:#E4C78A}
.rrw .nye-orn{margin:0 0 6px;text-align:center;color:#E4C78A;letter-spacing:.8em;font-size:12px;padding-left:.8em}
.rrw .nye-tag{margin:10px 0 0;text-align:center;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(20px,2.2vw,28px);color:#E4C78A}
.rrw .nye-orn.gold{margin-bottom:10px;font-size:14px;letter-spacing:0;padding:0}
.rrw .nye-band .menu-dishes img{box-shadow:0 0 0 1px rgba(228,199,138,.55),0 14px 40px rgba(0,0,0,.5)}
.rrw .nye-panel{margin-top:0}
.rrw .nye-panel .mp-lunch-intro{padding-top:clamp(36px,5vw,64px)}
.rrw .nye-panel .mcat .it{justify-content:center}
.rrw .nye-panel .mcat .nm{text-align:center;font-size:1.15em}
.rrw .nye-panel .mcat>div{text-align:center}
.rrw .nye-panel .mcat .ds{text-align:center;max-width:none}
.rrw .nye-panel .mcat>div+div{margin-top:18px}
.rrw .nye-panel .mcat .cat{color:var(--c-head)}
.rrw .nye-panel .mcat .cat::before,.rrw .nye-panel .mcat .cat::after{background:#c9a45c}
/* Nyårshero: kompakt */
.rrw .nye-band{padding-bottom:clamp(24px,3vw,36px)}
.rrw .nye-band .pg-head{padding:clamp(28px,4vw,48px) clamp(20px,5vw,56px) 14px}
.rrw .nye-band .pg-head h1{font-size:clamp(34px,4.2vw,52px);margin:0}
.rrw .nye-band .nye-tag{margin-top:4px;font-size:clamp(17px,1.8vw,22px)}
.rrw .nye-band .menu-dishes.menu-dishes-2{width:min(380px,calc(100% - 2*clamp(16px,5vw,56px)));gap:12px}
.rrw .nye-panel .mp-lunch-intro{padding-top:clamp(24px,3vw,40px)}
.rrw .nye-band .pg-head p.eyebrow,.rrw .nye-band .nye-orn,.rrw .nye-band .nye-tag{color:#F1DCA6}

/* ── Nyårssupé: hela sidan röd ─────────────────────────────────────────── */
html:has(body.nye-body),body.nye-body{background:#B23A2E}
.nye-body .rrw{--c-bg:#B23A2E !important;--c-bg-muted:#9c3126 !important;--c-text:#F6EEDC !important;--c-head:#F6EEDC !important;--c-border:rgba(241,220,166,.35) !important}
.nye-body .rrw .nye-band{background:radial-gradient(2.5px 2.5px at 12% 30%,rgba(244,222,170,.95),transparent 70%),radial-gradient(2px 2px at 28% 70%,rgba(244,222,170,.9),transparent 70%),radial-gradient(3px 3px at 47% 18%,rgba(244,222,170,.95),transparent 70%),radial-gradient(2.5px 2.5px at 63% 78%,rgba(244,222,170,.9),transparent 70%),radial-gradient(3px 3px at 81% 32%,rgba(244,222,170,.95),transparent 70%),radial-gradient(2px 2px at 92% 66%,rgba(244,222,170,.9),transparent 70%),#B23A2E}
.nye-body .rrw .nye-panel,.nye-body .rrw .nye-panel p,.nye-body .rrw .nye-panel .nm,.nye-body .rrw .nye-panel .ds,.nye-body .rrw .nye-panel .cat{color:#F6EEDC}
.nye-body .rrw .nye-panel .mp-lunch-intro p.eyebrow,.nye-body .rrw .nye-panel .nye-orn{color:#F1DCA6}
.nye-body .rrw .catbar .ct,.nye-body .rrw .catbar .ct.on,.nye-body .rrw .catbar.cs-pills .ct.on,.nye-body .rrw .catbar .ct:hover{color:#F6EEDC !important}
.nye-body .rrw .menu .catbar{background:#B23A2E;border-bottom-color:rgba(241,220,166,.35)}
.nye-body .rrw .catbar .ct-hl{background:#F1DCA6}
.nye-body .rrw .nye-panel .mcat .cat::before,.nye-body .rrw .nye-panel .mcat .cat::after{background:#F1DCA6}
.nye-body .rrw .nye-panel .mcat .ds{opacity:.85}
.nye-body .rrw .mp-lunch-cta .cbtn{background:#F6EEDC;color:#2E1A10}
.nye-body .rrw .nye-band{padding-bottom:clamp(20px,3vw,32px)}
/* Sidfoten är mörk som på övriga sidor: återställ färgvariablerna inom den */
.nye-body .rrw .ftr,.nye-body .rrw .sub-footer{--c-bg:#F6EEDC !important;--c-bg-muted:#EEE2C8 !important;--c-text:#2E1A10 !important;--c-head:#2E1A10 !important;--c-border:#E4D5B2 !important}

/* Fyrverkerier i heron */
.nye-fw{position:absolute;top:0;left:0;right:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 62%,transparent 100%)}
.nye-body .rrw .nye-band.fw-on{overflow:visible}
.nye-body .rrw .nye-panel{position:relative;z-index:1}
.nye-band>*:not(.nye-fw){position:relative;z-index:1}
.nye-body .rrw .nye-band.fw-on{background:#B23A2E}
.nye-body .rrw .nye-band{min-height:0}
.nye-body .rrw .nye-band{padding-bottom:0}
.nye-body .rrw .nye-band .pg-head{padding-bottom:6px}
.nye-body .rrw .nye-panel .mp-lunch-intro{padding-top:12px}
/* Nyårssupé: sidomenyn (hamburgaren) har samma ljusa färger som på övriga sidor, med egen bakgrund eftersom sidan bakom är röd */
body.nye-body .bm-sidebar{background:#F6EEDC;--c-bg:#F6EEDC;--c-head:#2E1A10;width:280px;box-shadow:12px 0 30px -12px rgba(0,0,0,.4)}
html.bm-menu-open body.nye-body .bm-sidebar{left:0;padding-left:36px}
body.nye-body .bm-sidebar a{color:#2E1A10}
@media (max-width:860px){body.nye-body .bm-sidebar{width:min(78vw,320px)}html.bm-menu-open body.nye-body .bm-sidebar{padding-left:24px}}

/* ── Tavelvägg (bildspel på startsidan): tre guldinramade bilder, mittbilden störst ── */
.rrw .tv-wall{--tw:clamp(150px,21vw,290px);position:relative;overflow:hidden;padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,64px)}
.rrw .tv-stage{position:relative;height:calc(var(--tw)*1.25*1.2 + 20px)}
.rrw .tv-s{position:absolute;top:50%;left:50%;margin:0;width:var(--tw);aspect-ratio:4/5;background:#1c130d;box-shadow:0 14px 36px rgba(46,26,16,.35);opacity:0;transform:translate(-50%,-50%) scale(.6);transition:transform .9s cubic-bezier(.22,.9,.3,1),opacity .9s;cursor:pointer}
.rrw .tv-s::after{content:"";position:absolute;inset:0;border:clamp(10px,1.4vw,18px) solid transparent;border-image:url(images/frame-guld.webp) 113 / clamp(10px,1.4vw,18px) stretch;pointer-events:none}
.rrw .tv-s img{position:absolute;inset:clamp(10px,1.4vw,18px);width:calc(100% - 2*clamp(10px,1.4vw,18px));height:calc(100% - 2*clamp(10px,1.4vw,18px));object-fit:cover;display:block}
.rrw .tv-s.c{transform:translate(-50%,-50%) scale(1.2);opacity:1;z-index:3;cursor:default}
.rrw .tv-s.l{transform:translate(-172%,-50%) scale(.85);opacity:.9;z-index:2}
.rrw .tv-s.r{transform:translate(72%,-50%) scale(.85);opacity:.9;z-index:2}
.rrw .tv-a{position:absolute;top:50%;z-index:5;width:44px;height:44px;margin-top:-22px;border:0;border-radius:0;background:rgba(251,246,234,.94);color:#2E1A10;font:30px/1 'Playfair Display',serif;cursor:pointer;box-shadow:0 4px 14px rgba(46,26,16,.25)}
.rrw .tv-a:hover{background:#fff}
.rrw .tv-prev{left:clamp(8px,3vw,40px)}.rrw .tv-next{right:clamp(8px,3vw,40px)}
.rrw .tv-dots{display:flex;gap:12px;justify-content:center;margin-top:12px}
.rrw .tv-dots button{width:10px;height:10px;padding:0;border:1px solid #2E1A10;border-radius:0;background:transparent;transform:rotate(45deg);cursor:pointer;transition:background .3s,border-color .3s}
.rrw .tv-dots button.on{background:#B23A2E;border-color:#B23A2E}
@media (max-width:560px){.rrw .tv-wall{--tw:min(46vw,200px)}.rrw .tv-s.l{transform:translate(-150%,-50%) scale(.8)}.rrw .tv-s.r{transform:translate(50%,-50%) scale(.8)}.rrw .tv-a{width:38px;height:38px}}

/* Kontakt: luft mellan öppettider, "Avvikande tider" och knapparna */
.rrw .pg-avv{margin-top:8px}
.rrw .bm-contact .pg-hours-wrap{margin-bottom:clamp(28px,4vw,44px)}
.rrw .bm-contact .pg-actions{margin-top:0}

/* Välkommen + bildspel i ett block: text till vänster, tavelvägg till höger */
.rrw .pg-welcome-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,72px);align-items:center;max-width:1280px;margin:0 auto;padding:clamp(40px,6vw,88px) clamp(20px,5vw,56px)}
.rrw .pg-welcome-gallery .pg-text{text-align:left}
.rrw .pg-welcome-gallery .pg-text p{margin-inline:0;max-width:none;text-wrap:pretty}
.rrw .pg-welcome-gallery .tv-wall{--tw:clamp(130px,15vw,200px);padding:0 0 28px}
.rrw .pg-welcome-gallery .tv-prev{left:0}.rrw .pg-welcome-gallery .tv-next{right:0}
.rrw .pg-welcome-gallery .tv-s.l{transform:translate(-150%,-50%) scale(.8)}.rrw .pg-welcome-gallery .tv-s.r{transform:translate(50%,-50%) scale(.8)}
@media (max-width:860px){.rrw .pg-welcome-gallery{grid-template-columns:1fr}.rrw .pg-welcome-gallery .pg-text{text-align:center}.rrw .pg-welcome-gallery .tv-wall{--tw:min(46vw,200px)}}

/* Välkommen: oljemålad byst till vänster, sekelskiftesklocka till höger */
.rrw .pg-welcome-deco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,48px);max-width:1360px;margin:0 auto;padding:clamp(40px,6vw,88px) clamp(20px,4vw,56px)}
.rrw .pg-welcome-deco .pg-text{text-align:center;max-width:none}
.rrw .pg-welcome-deco .pg-text p{margin-inline:auto;max-width:560px}
.rrw .pg-welcome-deco .wd{display:block;height:auto;width:100%;max-height:460px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(46,26,16,.28))}
.rrw .pg-welcome-deco .wd-l{justify-self:end;max-width:340px}.rrw .pg-welcome-deco .wd-r{justify-self:start;max-width:210px}
@media (max-width:860px){.rrw .pg-welcome-deco{grid-template-columns:1fr 1fr;grid-template-areas:"t t" "l r"}.rrw .pg-welcome-deco .pg-text{grid-area:t}.rrw .pg-welcome-deco .wd-l{grid-area:l;justify-self:center;max-height:240px;max-width:100%}.rrw .pg-welcome-deco .wd-r{grid-area:r;justify-self:center;max-height:240px;max-width:100%}}
/* Bysten och klockan som ett eko i bakgrunden: genomskinliga och lite dämpade, utan skugga */
.rrw .pg-welcome-deco .wd{opacity:.32;filter:grayscale(.25) sepia(.2);-webkit-mask-image:radial-gradient(closest-side,#000 68%,transparent 100%);mask-image:radial-gradient(closest-side,#000 68%,transparent 100%);transition:opacity .6s}
.rrw .pg-welcome-deco .wd-l{margin-right:-40px}.rrw .pg-welcome-deco .wd-r{margin-left:-30px}
@media (max-width:860px){.rrw .pg-welcome-deco .wd-l,.rrw .pg-welcome-deco .wd-r{margin:0}}
/* Större och diskretare, utan rund fade */
.rrw .pg-welcome-deco .wd{-webkit-mask-image:none;mask-image:none;opacity:.2;filter:grayscale(.3) sepia(.25);max-height:640px}
.rrw .pg-welcome-deco .wd-l{max-width:470px;margin-right:-60px}.rrw .pg-welcome-deco .wd-r{max-width:300px;margin-left:-40px}
.rrw .pg-welcome-deco{grid-template-columns:minmax(0,1.1fr) minmax(0,640px) minmax(0,1.1fr)}
@media (max-width:860px){.rrw .pg-welcome-deco .wd{max-height:340px}.rrw .pg-welcome-deco .wd-l,.rrw .pg-welcome-deco .wd-r{margin:0}}
.rrw .pg-welcome-deco{grid-template-columns:minmax(0,1fr) minmax(0,600px) minmax(0,1fr)}
.rrw .pg-welcome-deco .wd{width:auto;max-width:none;max-height:none}
.rrw .pg-welcome-deco .wd-l{height:clamp(300px,36vw,500px);margin-right:-30px}
.rrw .pg-welcome-deco .wd-r{height:clamp(340px,40vw,540px);margin-left:-20px}
@media (max-width:860px){.rrw .pg-welcome-deco .wd{width:auto;max-width:100%}.rrw .pg-welcome-deco .wd-l,.rrw .pg-welcome-deco .wd-r{height:260px;margin:0}}
.rrw .pg-welcome-deco .wd-l{height:clamp(280px,32vw,430px);margin-right:0;justify-self:center}
.rrw .pg-welcome-deco .wd-r{margin-left:0;justify-self:center;height:clamp(320px,38vw,500px)}
@media (max-width:860px){.rrw .pg-welcome-deco .wd-l,.rrw .pg-welcome-deco .wd-r{height:260px}}
/* Pennteckningar: lite starkare än oljemålningarna eftersom de är ljusa, ingen färgfilter */
.rrw .pg-welcome-deco .wd{opacity:.5;filter:none;mix-blend-mode:multiply}
.rrw .pg-welcome-deco .wd-l{height:clamp(300px,36vw,480px)}
.rrw .pg-welcome-deco .wd-r{height:clamp(320px,38vw,500px)}
@media (max-width:860px){.rrw .pg-welcome-deco .wd-l,.rrw .pg-welcome-deco .wd-r{height:260px}}

/* Aktuellt på startsidan: mörk skylt i guldram */
.rrw .ak-sec{display:flex;justify-content:center;padding:clamp(40px,6vw,88px) clamp(20px,5vw,56px)}
.rrw .ak-sign{--fw:clamp(26px,3.4vw,44px);position:relative;max-width:760px;width:100%;text-align:center;background:#2E1A10;color:#F6EEDC;padding:clamp(48px,6vw,80px) clamp(32px,6vw,80px);box-sizing:border-box;box-shadow:0 18px 44px rgba(46,26,16,.34)}
.rrw .ak-sign::after{content:"";position:absolute;inset:0;border:var(--fw) solid transparent;border-image:url(images/frame-guld.webp) 113 / var(--fw) stretch;pointer-events:none}
.rrw .ak-sign h2{font-size:clamp(30px,3.6vw,46px);color:#F6EEDC;margin:0 0 12px;line-height:1.08}
.rrw .ak-sign p{font-family:var(--c-heading);color:#F6EEDC;margin:0}
.rrw .ak-sign p.eyebrow{color:#E4C78A;margin-bottom:10px}
.rrw .ak-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.rrw .ak-sign .cbtn:not(.ghost){background:#F6EEDC;color:#2E1A10}
.rrw .ak-sign .cbtn.ghost{background:transparent;color:#F6EEDC;box-shadow:inset 0 0 0 1px rgba(246,238,220,.7)}

/* ── Aktuellt: händelser som vinetiketter, klick öppnar kortet ──────────────── */
.rrw .ev-sec{max-width:1180px;margin:0 auto;padding:clamp(20px,3vw,40px) clamp(20px,5vw,56px) clamp(24px,4vw,56px)}
.rrw .ev-label{display:inline-block;margin:0 0 18px;padding:3px 10px;border:1px solid #B23A2E;color:#B23A2E;font:600 11px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.rrw .ev-card{position:relative;display:flex;flex-direction:column;background:#FBF6EA;border:2px solid #7A1F16;outline:1px solid #c9a45c;outline-offset:-8px;text-align:center;box-shadow:0 10px 24px rgba(46,26,16,.2);overflow:hidden;cursor:pointer;transition:border-radius .5s,box-shadow .3s;border-radius:50% / 14%}
.rrw .ev-card.big{max-width:560px;margin:0 auto}
.rrw .ev-card.sm{border-radius:50% / 20%}
.rrw .ev-card:hover{box-shadow:0 14px 30px rgba(46,26,16,.28)}.rrw .ev-card:focus-visible{outline:3px solid #B23A2E;outline-offset:3px}
.rrw .ev-txt{padding:44px 40px 22px;display:flex;flex-direction:column;align-items:center;transition:padding .5s cubic-bezier(.22,1,.36,1)}
.rrw .ev-card.sm .ev-txt{padding:28px 14px 14px}
.rrw .ev-ey{margin:0 0 6px;font:600 12px Cinzel,serif;letter-spacing:.26em;text-transform:uppercase;color:#B23A2E}
.rrw .ev-orn{color:#b8914f;font-size:18px;margin:4px 0}
.rrw .ev-card h2{font-size:clamp(30px,3.6vw,42px);margin:0;font-weight:500}.rrw .ev-card h3{font-size:19px;margin:0;font-weight:500}
.rrw .ev-sh{margin:8px 0 0;font-family:var(--c-heading);font-size:17px;line-height:1.5}.rrw .ev-card.sm .ev-sh{font-size:14px;line-height:1.45;opacity:.85}
.rrw .ev-img{position:relative;height:210px;transition:height .55s cubic-bezier(.22,1,.36,1),opacity .4s;overflow:hidden}.rrw .ev-card.sm .ev-img{height:130px}
.rrw .ev-img>div{position:absolute;inset:0;background:center/cover no-repeat #1c130d}
.rrw .ev-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .4s .1s;width:100%}
.rrw .ev-in{overflow:hidden;min-height:0;display:flex;flex-direction:column;align-items:center}
.rrw .ev-more p{margin:14px 0 0;font-family:var(--c-heading);font-size:17px;line-height:1.6}
.rrw .ev-more .cbtn{margin-top:20px;width:max-content}
.rrw .ev-close{font:600 11px Cinzel,serif;letter-spacing:.2em;text-transform:uppercase;color:#7a5a3a;margin-top:14px;padding-bottom:18px}
.rrw .ev-card.open .ev-img{height:0;opacity:0}
.rrw .ev-card.open .ev-more{grid-template-rows:1fr;opacity:1}
.rrw .ev-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px;align-items:start}
@media (max-width:860px){.rrw .ev-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.rrw .ev-card,.rrw .ev-img,.rrw .ev-more,.rrw .ev-txt{transition:none}}

/* Små kort öppnas på plats (ingen omflyttning), bilden stannar innanför ramen */
.rrw .ev-img{margin:0 10px 10px;border-radius:0 0 46% 46% / 0 0 26% 26%}.rrw .ev-card.sm .ev-img{margin:0 9px 9px;border-radius:0 0 46% 46% / 0 0 34% 34%}
.rrw .ev-card.open .ev-img{margin-top:0;margin-bottom:0}
.rrw .ev-card.sm .ev-more p{font-size:15px;line-height:1.55}
.rrw .ev-card.sm .ev-more .cbtn{padding:13px 18px;font-size:11.5px}
.rrw .ev-card.sm .ev-sh{min-height:calc(3 * 1.45em)}
.rrw .ev-card.sm.open .ev-sh{min-height:0}

/* Etikettens form är densamma stängd och öppen: fasta radier i px, texten flikar ner */
.rrw .ev-card,.rrw .ev-card.sm,.rrw .ev-card.big{border-radius:50% / 62px;transition:box-shadow .3s}
.rrw .ev-in{transform:translateY(-14px);transition:transform .55s cubic-bezier(.22,1,.36,1)}
.rrw .ev-card.open .ev-in{transform:none}
.rrw .ev-card.open .ev-img{margin-bottom:0}

/* ── Tightare luft (Dennis 2026-10-15): mindre tomrum mellan och inom sektioner ── */
.rrw .pg-sec{padding-block:clamp(26px,3.6vw,52px)}
.rrw .pg-head{padding:clamp(32px,4.5vw,56px) clamp(20px,5vw,56px) clamp(14px,2vw,22px)}
.rrw .pg-head h1{margin-bottom:10px}
.rrw .pg-welcome-deco{padding-block:clamp(24px,3vw,44px)}
.rrw #menyer.pg-split,.rrw #nyarssupe.pg-split{padding-block:clamp(18px,2.6vw,36px)}
.rrw .ak-sec{padding-block:clamp(24px,3.4vw,48px)}
.rrw .pg-sec.pg-visit{padding-block:clamp(30px,4vw,48px)}
.rrw .pg-sec.pg-visit,.rrw .pg-visit{margin-top:0}
.rrw .bm-cta-band{margin-bottom:clamp(24px,3.6vw,48px)}
.rrw .bm-sec-head{padding-top:clamp(10px,1.6vw,20px);margin-bottom:clamp(16px,2.4vw,28px)}
.rrw .mp-lunch-intro{padding-top:clamp(18px,2.4vw,30px);padding-bottom:12px}
.rrw .mtabs{margin-top:clamp(14px,2vw,24px)}
.rrw .pg-sec.pg-visit{margin-top:clamp(0px,0vw,0px)}
/* Aktuellt: större händelseblock */
.rrw .ev-sec{max-width:1320px;padding-inline:clamp(20px,4vw,48px);padding-top:6px}
.rrw .ev-card.big{max-width:760px}
.rrw .ev-txt{padding:52px 56px 26px}
.rrw .ev-card.big h2{font-size:clamp(34px,4.2vw,52px)}.rrw .ev-card.big .ev-sh{font-size:19px}
.rrw .ev-card.big .ev-img{height:300px}
.rrw .ev-card.sm{font-size:1.05em}
.rrw .ev-card.sm .ev-txt{padding:34px 18px 16px}
.rrw .ev-card.sm h3{font-size:22px}.rrw .ev-card.sm .ev-sh{font-size:15.5px;min-height:calc(3 * 1.45em)}
.rrw .ev-card.sm .ev-img{height:190px}
.rrw .ev-row{gap:20px;margin-top:22px}
.rrw .ev-card.sm.open .ev-sh{min-height:0}
@media (max-width:860px){.rrw .ev-txt{padding:40px 26px 20px}.rrw .ev-card.big .ev-img{height:220px}.rrw .ev-card.sm .ev-img{height:150px}}
/* Bilden fyller etiketten ända ut i ramen och följer dess form (kortets radie klipper bilden) */
.rrw .ev-img,.rrw .ev-card.sm .ev-img{margin:0;border-radius:0}
.rrw .ev-card{overflow:hidden;background-clip:padding-box}
/* Bilden ligger innanför den vinröda ramen och slutar exakt vid guldlinjen, i samma välvda form */
.rrw .ev-img,.rrw .ev-card.sm .ev-img{margin:0 8px 8px;border-radius:0 0 50% 50% / 0 0 54px 54px}
.rrw .ev-card.open .ev-img{margin:0}
/* Bilden fyller hela botten ända till den vinröda ramen (inga hörnluckor); guldlinjen ritas ovanpå */
.rrw .ev-card,.rrw .ev-card.sm,.rrw .ev-card.big{outline:0}
.rrw .ev-card::after{content:"";position:absolute;inset:6px;border:1px solid #c9a45c;border-radius:50% / 56px;pointer-events:none;z-index:4}
.rrw .ev-img,.rrw .ev-card.sm .ev-img{margin:0;border-radius:0}
.rrw .ev-card.open .ev-img{margin:0}

/* Uteserveringen: bilden i guldramen */
.rrw .pg-photo.pg-framed{--fw:clamp(26px,3.4vw,44px);position:relative;aspect-ratio:4/5;min-height:0;width:100%;max-width:520px;justify-self:center;border-radius:0;background-position:50% 18%;box-shadow:0 18px 44px rgba(46,26,16,.34)}
.rrw .pg-photo.pg-framed::after{content:"";position:absolute;inset:0;pointer-events:none;border:var(--fw) solid transparent;border-image:url(images/frame-guld.webp) 113 / var(--fw) stretch}

/* Guldram runt fotona (om oss, kontakt): samma ram som på startsidan, bildens eget format behålls */
.rrw .gf{--fw:clamp(24px,3vw,40px);position:relative;border-radius:0 !important;box-shadow:0 18px 44px rgba(46,26,16,.34)}
.rrw .gf::after,.rrw .ph.gf::after,.rrw .ph.img.gf::after,.rrw .contact-photo-banner.gf::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:none;border-radius:0;border:var(--fw) solid transparent;border-image:url(images/frame-guld.webp) 113 / var(--fw) stretch}

/* Matbilder som rullar som en karusell på menysidan */



/* Kontakt: rubriker över adress, telefon, e-post och öppettider */
.rrw .ct-info{display:grid;gap:18px;margin-bottom:26px}
.rrw .ct-item p{margin:0;font-family:var(--c-heading);font-size:19px;line-height:1.5}
.rrw .ct-item a{color:var(--c-head);text-decoration:none}.rrw .ct-item a:hover{color:#B23A2E}
.rrw .ct-lbl{margin:0 0 4px;font:600 12px Cinzel,serif;letter-spacing:.22em;text-transform:uppercase;color:#B23A2E}
.rrw .bm-contact .pg-hours-wrap .ct-lbl{margin-bottom:0}
.rrw .bm-contact .pg-hours-wrap{gap:4px}.rrw .bm-contact .pg-hours-wrap .pg-hours{margin-top:0}.rrw .bm-contact .pg-hours-wrap .pg-hours li:first-child{padding-top:6px}
.rrw .ct-title{font-size:clamp(34px,4.2vw,52px);margin:0 0 14px;line-height:1.1}
/* Kontakt: Google Maps-karta i guldramen */
.rrw .bm-contact .contact-map{position:relative;background:#e8e0cf;overflow:hidden}
.rrw .bm-contact .contact-map iframe{position:absolute;inset:var(--fw);width:calc(100% - 2 * var(--fw));height:calc(100% - 2 * var(--fw));border:0;display:block}
/* Kartan utan guldram */
.rrw .bm-contact .contact-map{border-radius:0;box-shadow:0 18px 44px rgba(46,26,16,.28)}
.rrw .bm-contact .contact-map iframe{inset:0;width:100%;height:100%}
.rrw .bm-contact .contact-map{box-shadow:none}
/* Om oss, Välkommen in: text vänster, guldlinje, knappar höger (förslag 2) */
.rrw .bm-cta-ln{display:grid;grid-template-columns:1fr auto 240px;gap:44px;align-items:center}
.rrw .bm-cta-ln .bm-ln{width:1px;align-self:stretch;background:linear-gradient(transparent,#c9a45c,transparent)}
.rrw .bm-cta-ln .bm-cta-actions{flex-direction:column;align-items:stretch}
.rrw .bm-cta-ln .bm-cta-actions>a{text-align:center;justify-content:center}
.rrw .bm-cta-ln p{max-width:none}
@media (max-width:760px){.rrw .bm-cta-ln{grid-template-columns:1fr;gap:22px}.rrw .bm-cta-ln .bm-ln{display:none}}

/* Startsidan, Besök oss: samma upplägg som Välkommen in på Om oss (text vänster med knapparna, guldlinje, öppettider höger), ljus färg som förut */
.rrw .pg-visit.pg-visit-dark{display:grid;grid-template-columns:1fr auto minmax(0,380px);gap:44px;align-items:center}
.rrw .pg-visit-dark .bm-ln{width:1px;align-self:stretch;background:linear-gradient(transparent,#c9a45c,transparent)}
.rrw .pg-visit-dark .pg-actions{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0 0}
@media (max-width:860px){.rrw .pg-visit.pg-visit-dark{grid-template-columns:1fr;gap:24px}.rrw .pg-visit-dark .bm-ln{display:none}}

/* Aktuellt, Följ oss: samma upplägg som övriga avslutsblock (text vänster, guldlinje, knappar höger) */
.rrw .bm-follow-ln{display:grid;grid-template-columns:1fr auto 240px;gap:44px;align-items:center;text-align:left;max-width:1100px;width:100%}
.rrw .bm-follow-ln p{max-width:none}
.rrw .bm-follow-ln p:not(.pg-actions){margin:0}
.rrw .bm-follow-ln .bm-ln{width:1px;align-self:stretch;background:linear-gradient(transparent,#c9a45c,transparent)}
.rrw .bm-follow-ln .pg-actions{flex-direction:column;align-items:stretch;gap:14px;margin:0}
.rrw .bm-follow-ln .pg-actions .cbtn{text-align:center;justify-content:center}
@media (max-width:760px){.rrw .bm-follow-ln{grid-template-columns:1fr;gap:22px}.rrw .bm-follow-ln .bm-ln{display:none}}

/* Meny-hero: tre rätter i guldram med namn (Dennis val #6) */
.rrw .mh-dishes{display:block;max-width:1000px;margin:6px auto 0;padding:10px clamp(16px,4vw,40px) 26px}
.rrw .mh-d{margin:0;width:29%;text-align:center}
.rrw .mh-fr{--fw:clamp(14px,1.8vw,22px);position:relative;box-shadow:0 12px 26px rgba(46,26,16,.3)}
.rrw .mh-fr::after{content:"";position:absolute;inset:0;pointer-events:none;border:var(--fw) solid transparent;border-image:url(images/frame-guld.webp) 113 / var(--fw) stretch;z-index:2}
.rrw .mh-fr img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.rrw .mh-d figcaption{margin-top:14px;font-family:var(--c-heading);font-size:clamp(15px,1.5vw,19px);line-height:1.25;color:var(--c-head)}
@media (max-width:560px){.rrw .mh-dishes{padding-inline:10px}.rrw .mh-set{gap:8px}.rrw .mh-d figcaption{font-size:13px}}

/* Meny-hero: två uppsättningar (Meny 1 / Meny 2) med förrätt, varmrätt, efterrätt */
.rrw .mh-dishes{display:grid}
.rrw .mh-set{grid-area:1/1;display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,3vw,34px);opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.rrw .mh-set.on{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
@media (prefers-reduced-motion:reduce){.rrw .mh-set{transition:none}}
.rrw .mh-c{display:block;margin-bottom:3px;font:600 11px Cinzel,serif;letter-spacing:.22em;text-transform:uppercase;color:#B23A2E}

/* Aktuellt: öppnat kort, bildytan försvinner helt och texten centreras i etiketten */
.rrw .ev-card.open .ev-img,.rrw .ev-card.sm.open .ev-img,.rrw .ev-card.big.open .ev-img{height:0;opacity:0}
.rrw .ev-card.open .ev-txt{flex:1;justify-content:center}

/* Aktuellt: "Läs mer" ovanför bilden visar att etiketten går att veckla ut */
.rrw .ev-open{margin-top:14px;font:600 12px Cinzel,serif;letter-spacing:.2em;text-transform:uppercase;color:#B23A2E;pointer-events:none;border-bottom:1px solid transparent;padding-bottom:3px;max-height:30px;overflow:hidden;transition:border-color .3s,max-height .5s cubic-bezier(.22,1,.36,1),margin .5s,padding .5s,opacity .35s}
.rrw .ev-open::after{content:" \2193";letter-spacing:0}
.rrw .ev-card:hover .ev-open{border-bottom-color:#B23A2E}
.rrw .ev-card.open .ev-open{max-height:0;margin-top:0;padding-bottom:0;opacity:0;border-bottom-width:0}

/* Aktuellt: bilden ligger precis innanför guldlinjen (inom ramen), i samma välvda form */
.rrw .ev-card .ev-img,.rrw .ev-card.sm .ev-img,.rrw .ev-card.big .ev-img{margin:0 8px 8px;border-radius:0 0 50% 50% / 0 0 54px 54px}
.rrw .ev-card.open .ev-img,.rrw .ev-card.sm.open .ev-img,.rrw .ev-card.big.open .ev-img{margin:0}
/* Mjuk stängning: bildens marginal och höjd animeras tillsammans, kortets höjd släpps först efter animationen */
.rrw .ev-card .ev-img{transition:height .55s cubic-bezier(.22,1,.36,1),opacity .4s,margin .55s cubic-bezier(.22,1,.36,1)}

/* Bilden glider ner och upp igen: den ligger fast längst ner i etiketten och skjuts ut under kanten (klipps av kortet) när kortet öppnas */
.rrw .ev-card{--imgh:190px}
.rrw .ev-card.big{--imgh:300px}
@media (max-width:860px){.rrw .ev-card{--imgh:150px}.rrw .ev-card.big{--imgh:220px}}
.rrw .ev-card .ev-img,.rrw .ev-card.sm .ev-img,.rrw .ev-card.big .ev-img,
.rrw .ev-card.open .ev-img,.rrw .ev-card.sm.open .ev-img,.rrw .ev-card.big.open .ev-img{position:absolute;left:8px;right:8px;bottom:8px;margin:0;height:var(--imgh);opacity:1;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.rrw .ev-card.open .ev-img,.rrw .ev-card.sm.open .ev-img,.rrw .ev-card.big.open .ev-img{transform:translateY(calc(100% + 16px))}
.rrw .ev-card .ev-txt{padding-bottom:calc(var(--imgh) + 34px);transition:padding .65s cubic-bezier(.22,1,.36,1)}
.rrw .ev-card.open .ev-txt{padding-bottom:26px}
.rrw .ev-card .ev-txt,.rrw .ev-card.sm .ev-txt,.rrw .ev-card.big .ev-txt{padding-bottom:calc(var(--imgh) + 34px)}
.rrw .ev-card.open .ev-txt,.rrw .ev-card.sm.open .ev-txt,.rrw .ev-card.big.open .ev-txt{padding-bottom:26px}

/* Startsidan, Aktuellt: samma storlek och uppsättning som Besök oss-blocket hade */
.rrw .bm-follow-wide{width:min(1212px,calc(100% - 2*clamp(20px,5vw,56px)));max-width:none;padding:clamp(32px,4.5vw,64px);grid-template-columns:1fr auto 260px;margin:0 auto}
.rrw .bm-follow-wide h2{font-size:var(--type-h2);line-height:1.05;margin:0 0 14px}
.rrw .bm-follow-wide p:not(.pg-actions):not(.eyebrow){font-size:18px;line-height:1.6;opacity:.85}
.rrw .bm-follow:has(.bm-follow-wide){padding-bottom:clamp(40px,6vw,72px)}
.rrw .bm-follow:has(.bm-follow-wide){width:min(1212px,calc(100% - 2*clamp(20px,5vw,56px)));max-width:none;margin:0 auto;padding-inline:0}
.rrw .bm-follow-wide{width:100%}
@media (max-width:860px){.rrw .bm-follow-wide{grid-template-columns:1fr;gap:22px}.rrw .bm-follow-wide .bm-ln{display:none}.rrw .bm-follow-wide .pg-actions{align-items:flex-start}}
.rrw .bm-follow-wide{grid-template-columns:1fr}
.rrw .bm-follow-wide .pg-actions{margin:22px 0 0;justify-content:flex-start}
.rrw .bm-follow-wide .pg-actions{width:max-content;max-width:100%}.rrw .bm-follow-wide .pg-actions .cbtn{width:auto}
/* Startsidans Aktuellt: som övriga avslutsblock, text vänster, guldlinje, knapp höger */
.rrw .bm-follow-wide{grid-template-columns:1fr auto 260px}
.rrw .bm-follow-wide .pg-actions{width:auto;margin:0;justify-content:stretch;flex-direction:column;align-items:stretch}
.rrw .bm-follow-wide .pg-actions .cbtn{width:100%;text-align:center;justify-content:center}
@media (max-width:860px){.rrw .bm-follow-wide{grid-template-columns:1fr;gap:22px}.rrw .bm-follow-wide .bm-ln{display:none}.rrw .bm-follow-wide .pg-actions{align-items:flex-start}.rrw .bm-follow-wide .pg-actions .cbtn{width:auto}}
/* Startsidans Aktuellt: brödtexten på en rad på bred skärm */
@media (min-width:1200px){.rrw .bm-follow-wide{grid-template-columns:1fr auto 220px;gap:32px}.rrw .bm-follow-wide p:not(.pg-actions):not(.eyebrow){font-size:17px;white-space:nowrap}}
@media (min-width:1200px){html[lang="en"] .rrw .bm-follow-wide p:not(.pg-actions):not(.eyebrow){font-size:15px}}
/* Startsidans Aktuellt-block: samma mått som övriga avslutsblock (1100 px bred, samma luft och rubrikstorlek) */
.rrw .bm-follow:has(.bm-follow-wide){width:min(1100px,calc(100% - 2*clamp(16px,5vw,56px)));padding-bottom:clamp(12px,2vw,24px)}
.rrw .bm-follow-wide{padding:clamp(28px,4vw,52px)}
.rrw .bm-follow-wide h2{font-size:var(--type-h3);line-height:1.1;margin:0 0 12px}
@media (min-width:1200px){.rrw .bm-follow-wide p:not(.pg-actions):not(.eyebrow){font-size:16px}html[lang="en"] .rrw .bm-follow-wide p:not(.pg-actions):not(.eyebrow){font-size:14.5px}}
@media (min-width:861px){.rrw .bm-follow-wide{min-height:214px}}

/* Meny-hero: ramarna står stilla, bara fotona och rättsnamnen tonas om */
.rrw .mh-dishes{display:block}
.rrw .mh-row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,3vw,34px)}
.rrw .mh-fr{aspect-ratio:4/5}
.rrw .mh-fr img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:0;transition:opacity .6s ease}
.rrw .mh-fr img.on{opacity:1}
.rrw .mh-names{display:grid}
.rrw .mh-n{grid-area:1/1;opacity:0;transition:opacity .6s ease}
.rrw .mh-n.on{opacity:1}
@media (prefers-reduced-motion:reduce){.rrw .mh-fr img,.rrw .mh-n{transition:none}}
@media (max-width:560px){.rrw .mh-row{gap:8px}}
/* Contact page, mobile: shorter. Number lives in the text above the button; empty "Avvikande tider" heading hidden. */
@media (max-width:560px){
  .rrw .bm-contact .ring-num{display:none}
  .rrw .bm-contact .pg-hours{margin:12px 0 16px}
  .rrw .bm-contact .pg-hours li{font-size:16px;padding:7px 0}
  .rrw .bm-contact .pg-hours-wrap{gap:10px}
  .rrw .bm-contact .pg-avv:last-child{display:none}
  .rrw .bm-contact .ct-item{margin-bottom:10px}
}

/* ── Navbar som invece.se (Dennis 2026-10-16): hamburgare vänster, logga mitten, sociala ikoner + SV | EN + Boka bord höger ── */
.rrw .site-nav .site-nav-right{order:3;justify-self:end;display:flex;align-items:center;gap:clamp(8px,1.2vw,16px)}
.rrw .site-nav .nav-soc{display:inline-flex;align-items:center;color:var(--bm-nav-fg);opacity:.92;transition:opacity .2s,transform .2s}
.rrw .site-nav .nav-soc:hover{opacity:1;color:#fff;transform:translateY(-1px)}
.rrw .site-nav .nav-lang{display:inline-flex;align-items:center;gap:8px;margin:0 6px 0 10px;color:var(--bm-nav-fg)}
.rrw .site-nav .nav-lang a{font-size:12.5px;letter-spacing:.14em;opacity:.7;position:relative;padding:4px 0}
.rrw .site-nav .nav-lang a[aria-current="true"]{opacity:1;font-weight:700}
.rrw .site-nav .nav-lang a[aria-current="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#F6EEDC}
.rrw .site-nav .nav-lang a:hover{opacity:1;color:#fff}
.rrw .site-nav .nav-lang span{opacity:.5;font-size:12px}
@media (max-width:860px){.rrw .site-nav .nav-soc{display:none}}
@media (max-width:520px){.rrw .site-nav .nav-lang{display:none}}
.rrw .site-nav .nav-lang,.rrw .site-nav .nav-lang a,.rrw .site-nav .nav-lang span{color:#F6EEDC}
.rrw .site-nav .nav-soc{color:#F6EEDC}
/* SV och EN ska ligga exakt lika: knappen får samma bredd på båda språken så loggan inte flyttar sig */
.rrw .site-nav .site-nav-book{min-width:150px;text-align:center;box-sizing:border-box}
@media (max-width:560px){.rrw .site-nav .site-nav-book{min-width:0;width:104px;padding:9px 6px;font-size:10.5px;letter-spacing:.05em}}

/* Högre och större navbar (Dennis 2026-10-16) */
.rrw .site-nav{padding-block:22px}
.rrw .site-nav .site-nav-brand img{height:62px;max-width:min(260px,52vw)}
.rrw .site-nav-burger summary{width:52px;height:52px}
.rrw .site-nav-burger summary span,.rrw .site-nav-burger summary span::before,.rrw .site-nav-burger summary span::after{width:32px;height:2.5px}
.rrw .site-nav-burger summary span::before{top:-10px}.rrw .site-nav-burger summary span::after{top:10px}
.rrw .site-nav a.site-nav-cta,.rrw .site-nav .site-nav-book{padding:14px 22px;font-size:13.5px}
.rrw .site-nav .nav-soc svg{width:24px;height:24px}
.rrw .site-nav .nav-lang a{font-size:14px}
.rrw .site-nav .site-nav-book{min-width:168px}
.bm-sidebar{padding-top:178px}
@media (max-width:560px){.rrw .site-nav{padding-block:16px}.rrw .site-nav .site-nav-brand img{height:48px}.rrw .site-nav .site-nav-book{min-width:0;width:112px;padding:11px 6px;font-size:11px}.rrw .site-nav-burger summary{width:44px;height:44px}.bm-sidebar{padding-top:130px}}
@media (max-width:560px){.rrw .site-nav .site-nav-brand img{height:42px}.rrw .site-nav .site-nav-book{width:104px;font-size:10.5px}.rrw .site-nav{padding-inline:14px}}
/* Menyhero: ramarna ligger på samma plats på svenska och engelska, rättsnamnen får alltid plats för två rader */
.rrw .mh-row{align-items:flex-start}
.rrw .mh-names{min-height:2.5em;align-content:start}
.rrw .mh-d figcaption{line-height:1.25}
@media (max-width:560px){.rrw .mh-names{min-height:3.8em}}
/* Om oss: pennteckningen utan ram, direkt mot sidans bakgrund */
.rrw .pg-photo.bm-drawing{background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;aspect-ratio:4/5;min-height:0;width:100%;max-width:480px;justify-self:center;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 14px 20px rgba(46,26,16,.22))}
.rrw .pg-photo.bm-drawing::after{display:none}

/* Mobile: the Boka bord button sizes to its text; the side columns follow content so it never overflows */
@media (max-width:560px){.rrw .site-nav{grid-template-columns:auto 1fr auto;column-gap:8px}.rrw .site-nav .site-nav-book{width:auto;min-width:0;padding:10px 12px;font-size:10.5px;letter-spacing:.08em;white-space:nowrap}}
@media (max-width:360px){.rrw .site-nav{padding-inline:10px;column-gap:4px}.rrw .site-nav .site-nav-brand img{height:34px}.rrw .site-nav .site-nav-book{padding:9px 8px;font-size:9.5px;letter-spacing:.04em}.rrw .site-nav-burger summary{width:36px}}

/* ── Mobile feedback 2026-10-19 ── */
/* Nav: logo left, Boka bord next to the burger on the right */
@media (max-width:860px){
  .rrw .site-nav{grid-template-columns:1fr auto auto;column-gap:10px}
  .rrw .site-nav .site-nav-brand{order:1;justify-self:start}
  .rrw .site-nav .site-nav-right{order:2;justify-self:end}
  .rrw .site-nav-burger{order:3;justify-self:end}
}
/* Välkommen: bust only on mobile, centred, no clock */
@media (max-width:860px){
  .rrw .pg-welcome-deco{grid-template-columns:1fr;grid-template-areas:"t" "l"}
  .rrw .pg-welcome-deco .wd-r{display:none}
  .rrw .pg-welcome-deco .wd-l{height:300px;justify-self:center}
}
/* Centred closing blocks (start Aktuellt, Meny/Om oss Välkommen in) */
@media (max-width:860px){
  .rrw .bm-follow-wide,.rrw .bm-follow-wide>div{text-align:center}
  .rrw .bm-follow-wide .pg-actions{width:100%;justify-content:center;align-items:center}
  .rrw .bm-follow-wide .pg-actions .cbtn{width:auto}
}
@media (max-width:760px){
  .rrw .bm-cta-ln,.rrw .bm-cta-ln>div{text-align:center}
  .rrw .bm-cta-ln p{margin-inline:auto}
  .rrw .bm-cta-ln .bm-cta-actions{align-items:center;justify-content:center}
  .rrw .bm-cta-ln .bm-cta-actions>a{justify-content:center}
}
/* Aktuellt page: one card at a time, the small ones a bit narrower than the big one */
@media (max-width:860px){
  .rrw .ev-row{grid-template-columns:1fr}
  .rrw .ev-card.sm{width:92%;margin-inline:auto}
}
/* Mobile menu panel slides in from the right */
@media (max-width:860px){
  .bm-sidebar,body.nye-body .bm-sidebar{left:auto;right:-400px;box-shadow:-12px 0 30px -12px rgba(0,0,0,.4);transition:right .65s cubic-bezier(.22,1,.36,1),visibility 0s linear .65s}
  html.bm-menu-open .bm-sidebar,html.bm-menu-open body.nye-body .bm-sidebar{left:auto;right:0;transition:right .65s cubic-bezier(.22,1,.36,1),visibility 0s}
}
/* Meny hero: the gold frame is the figure's own border (painted under its children), not an overlay pseudo-element, so the photo crossfade can never knock it out on iOS Safari */
.rrw .mh-fr{border:var(--fw) solid transparent;border-image:url(images/frame-guld.webp) 113 / var(--fw) stretch;box-sizing:border-box;background:#1c130d}
.rrw .mh-fr::after{display:none}
/* Mobile (iOS Safari drops the gold frame while a composited child animates): the inset slides in with margins, no transform/opacity animation, so nothing is promoted to its own layer */
@media (max-width:860px){
  .rrw .pg-photo.has-frame .pg-inset{transition:margin .85s cubic-bezier(.22,1,.36,1)}
  html.rv-on .rrw .pg-photo.has-frame:not(.inset-in) .pg-inset{opacity:1;transform:rotate(4deg);margin:-24px 0 0 -90px}
  html.rv-on .rrw .pg-flip .pg-photo.has-frame:not(.inset-in) .pg-inset{transform:rotate(-4deg);margin:-24px -90px 0 0}
}
/* Mobile menu: full-screen panel under the navbar, with Boka bord and language buttons */
@media (max-width:860px){
  .bm-sidebar,body.nye-body .bm-sidebar{width:100vw;right:-100vw;padding:calc(var(--bm-nav-h,77px) + 36px) 24px 40px;align-items:center;text-align:center;overflow-y:auto;box-shadow:none;background:#F6EEDC}
  html.bm-menu-open .bm-sidebar,html.bm-menu-open body.nye-body .bm-sidebar{right:0;padding-left:24px}
  html.bm-menu-open{overflow:hidden}
  .bm-sidebar a{font-size:1.15rem;margin-left:0;margin-bottom:.9rem}
  .bm-hl{display:none}
  .bm-sidebar a.bm-side-cta,.bm-sidebar a.bm-side-lang{display:block;width:min(100%,280px);box-sizing:border-box;padding:15px 20px;margin:0 0 12px;text-align:center;font-size:.95rem;letter-spacing:.17em}
  .bm-sidebar a.bm-side-cta{margin-top:18px;background:#B23A2E;color:#F6EEDC;border:1px solid #B23A2E}
  .bm-sidebar a.bm-side-lang{background:transparent;color:#2E1A10;border:1px solid #2E1A10;opacity:1}
}
/* Mobile menu content centred vertically too (padding-top already clears the navbar) */
@media (max-width:860px){
  .bm-sidebar,body.nye-body .bm-sidebar{justify-content:center;padding-top:calc(var(--bm-nav-h,77px) + 16px);padding-bottom:16px}
}
/* Mobile menu: size from left/right instead of 100vw (vw can exceed the visible width), slide with transform */
@media (max-width:860px){
  .bm-sidebar,body.nye-body .bm-sidebar{left:0;right:0;width:auto;transform:translateX(100%);transition:transform .65s cubic-bezier(.22,1,.36,1),visibility 0s linear .65s}
  html.bm-menu-open .bm-sidebar,html.bm-menu-open body.nye-body .bm-sidebar{left:0;right:0;transform:none;transition:transform .65s cubic-bezier(.22,1,.36,1),visibility 0s}
}
/* Mobile menu: current-page highlight back, items spread over the full height so nothing scrolls */
@media (max-width:860px){
  .bm-hl{display:block}
  .bm-sidebar,body.nye-body .bm-sidebar{justify-content:space-evenly;overflow-y:hidden;padding-top:calc(var(--bm-nav-h,77px) + 8px);padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .bm-sidebar a{margin:0;font-size:clamp(1rem,3.3vh,1.5rem)}
  .bm-sidebar a.bm-side-cta,.bm-sidebar a.bm-side-lang{margin:0;padding:clamp(11px,2vh,16px) 20px;font-size:clamp(.85rem,2.2vh,1rem)}
}
@media (max-width:860px) and (max-height:640px){.bm-sidebar a{font-size:.95rem;padding-block:1px}.bm-sidebar a.bm-side-cta,.bm-sidebar a.bm-side-lang{padding-block:9px}}
/* Page transitions: native cross-document view transition (Safari 18.2+, Chrome 126+). The navbar stays put, everything else cross-fades. */
@view-transition{navigation:auto}
.rrw .site-nav{view-transition-name:site-nav}
::view-transition-group(root){animation-duration:.35s}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:ease}
.bm-sidebar a{-webkit-tap-highlight-color:transparent}
@media (hover:none){.bm-sidebar:hover a:not(:hover){opacity:1}}