/* Menyskärmen. Allt mäts i vw så att den fyller skärmen utan kodskalning (Android TV 11: en fast 1920-yta gav zoom och beskärning).
   --f sätts av SkarmRita.passa() så att texten blir så stor som möjligt utan att något kapas. Inget blinkar och inget rör sig av sig självt. */
.sr-meny{--f:1;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sr-bg);color:var(--sr-text);font-family:Geist,Arial,sans-serif;
  padding:3.4vw 4vw 2.6vw;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
.sr-meny *{box-sizing:border-box}
.sr-topp{display:flex;align-items:center;gap:1.6vw;margin-bottom:1.6vw;flex:none}
.sr-logga{height:5.2vw;width:auto;max-width:12vw;object-fit:contain}
.sr-namn{font:600 3.2vw/1 var(--sr-font);color:var(--sr-rubrik);letter-spacing:.01em}
.sr-tid{font-size:1.2vw;color:var(--sr-text);opacity:.7;letter-spacing:.2em;text-transform:uppercase;margin-top:.7vw}
.sr-kropp{flex:1;display:flex;gap:4vw;min-height:0}
.sr-spalt{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(1.4vw*var(--f));overflow:hidden}
.sr-kat h2{margin:0 0 calc(.6vw*var(--f));font:600 calc(1.35vw*var(--f))/1 Geist,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--sr-accent)}
.sr-not{margin:0 0 calc(.5vw*var(--f));font-size:calc(1.05vw*var(--f));opacity:.7;line-height:1.3}
.sr-rad{padding:calc(.32vw*var(--f)) 0}
.sr-rad1{display:flex;align-items:baseline;gap:calc(.8vw*var(--f));font-size:calc(1.9vw*var(--f));line-height:1.2}
.sr-rad1 i{font-style:normal;font-weight:600;color:var(--sr-rubrik);font-size:.75em;min-width:1.8em;font-variant-numeric:tabular-nums}
.sr-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.sr-fyll{flex:1;border-bottom:.16vw dotted currentColor;opacity:.35;transform:translateY(-.35vw);min-width:1vw}
.sr-rad1 b{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.sr-besk{font-size:calc(1.15vw*var(--f));opacity:.68;line-height:1.3;margin-top:calc(.15vw*var(--f))}
.sr-rad1 i+.sr-n{flex:none}
.sr-rad.slut{opacity:.5}
.sr-rad.slut b{font-weight:400;font-size:.62em;letter-spacing:.12em;text-transform:uppercase}
.sr-tom{opacity:.6;font-size:1.6vw}
.sr-deal{background:var(--sr-accent);color:#fff;border-radius:1.4vw;padding:2.4vw 2.6vw;position:relative;flex:none;min-height:16vw;display:flex;flex-direction:column;justify-content:flex-end}
.sr-deal::before{content:"";position:absolute;top:.9vw;right:.9vw;bottom:.9vw;left:.9vw;border:.14vw solid rgba(255,255,255,.4);border-radius:1vw}
.sr-deal small{font-size:1.2vw;letter-spacing:.2em;text-transform:uppercase;opacity:.85;position:relative}
.sr-deal strong{font:600 3.2vw/1.08 var(--sr-font);margin:.7vw 0 1vw;position:relative}
.sr-pris{font:600 7.4vw/1 Geist,Arial,sans-serif;position:relative;font-variant-numeric:tabular-nums}
.sr-pris span{font-size:2.3vw;margin-left:.5vw}
/* stående skärm: en spalt, större mått mot bredden */
.staende .sr-meny{padding:5vw 6vw}
.staende .sr-kropp{flex-direction:column;gap:3vw}
.staende .sr-namn{font-size:6vw}.staende .sr-tid{font-size:2.2vw}
.staende .sr-rad1{font-size:calc(3.6vw*var(--f))}.staende .sr-besk{font-size:calc(2.2vw*var(--f))}
.staende .sr-kat h2{font-size:calc(2.6vw*var(--f))}.staende .sr-deal{min-height:26vw}.staende .sr-deal strong{font-size:6vw}.staende .sr-pris{font-size:13vw}
