/* =========================================================
   Easy 2 Thaikök — style.css · v2 "ljus tempellyx"
   Mobil först (390 px) → 768 → 1024 → 1440
   ========================================================= */

/* ---------- Typsnitt (lokala) ---------- */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("../fonts/playfair-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("../fonts/playfair-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 700;font-display:swap;
  src:url("../fonts/playfair-italic-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Jost";font-style:normal;font-weight:300 500;font-display:swap;
  src:url("../fonts/jost-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-weight:300 500;font-display:swap;
  src:url("../fonts/jost-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Tokens ---------- */
:root{
  /* Ljus bas */
  --bg:#f3e3c3;
  --yta:#ead0a0;
  --yta-2:#e3c48c;
  --text:#2a1a10;
  --text-dim:#5a412c;
  --guld-text:#6b430f;
  --guld:#c9a15b;
  --guld-ljus:#e2c58a;
  --knapp:#a11d1a;
  --knapp-hover:#83150f;
  --knapp-text:#fbf6ec;
  --chip-ram:#7a5a3f;
  --chili:#a8361b;
  --basilika:#465f1a;
  --linje:rgba(107,67,15,.26);
  --dekor:#a8762c;

  /* Juvelpartier (tempelrött och jade) */
  --rubin:#6e1512;
  --rubin-ljus:#8a1d17;
  --jade:#123f35;
  --jade-ljus:#1a5244;

  /* Mörka lackpartier */
  --lack:#1d120b;
  --lack-yta:#2a1a10;
  --pa-lack-text:#f4ead8;
  --pa-lack-dim:#c9b9a0;
  --pa-lack-guld:#e2c58a;
  --pa-lack-chili:#e0583a;
  --pa-lack-lime:#a9c46a;
  --linje-lack:rgba(201,161,91,.28);

  --glod-wok:#3a1d0e;
  --glod-curry:#1f2612;
  --glod-not:#33240f;
  --glod-chili:#3b160e;

  --guldblad:linear-gradient(115deg,#9c7430 0%,#e6c77f 28%,#b8893a 50%,#f1dca6 74%,#a07830 100%);

  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;

  --fs-h1:clamp(2.75rem,1.5rem + 5.4vw,6.25rem);
  --fs-h1-rad2:clamp(1.25rem,1rem + 1.2vw,2rem);
  --fs-h2:clamp(2.125rem,1.4rem + 3.2vw,4rem);
  --fs-pris:clamp(5rem,2.5rem + 12vw,11rem);
  --fs-h3:clamp(1.375rem,1.15rem + .9vw,2rem);
  --fs-ratt:clamp(1.125rem,1.05rem + .3vw,1.3125rem);
  --fs-body:clamp(1rem,.96rem + .2vw,1.125rem);
  --fs-knapp:1rem;
  --fs-etikett:.875rem;

  --ease:cubic-bezier(.16,1,.3,1);
  --header-h:64px;
  --gutter:16px;
  --max:1320px;
  --radie:4px;

  --z-header:100;
  --z-bottenrad:90;
  --z-meny:200;
}
@media (min-width:768px){ :root{ --gutter:32px; } }
@media (min-width:1024px){ :root{ --header-h:80px; } }

/* ---------- Grund ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-body)/1.6 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,svg,picture{display:block;max-width:100%}
img{height:auto}
p,h1,h2,h3,dl,dd,figure{margin:0}
ul{margin:0;padding:0}
a{color:inherit}
button{font:inherit;color:inherit}
address{font-style:normal}
:focus-visible{outline:2px solid var(--text);outline-offset:2px;box-shadow:0 0 0 4px var(--bg)}
.lack-zon :focus-visible{outline-color:var(--guld-ljus);box-shadow:none}
::selection{background:var(--knapp);color:var(--knapp-text)}
main:focus{outline:none;box-shadow:none}

.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-80px;z-index:300;background:var(--knapp);color:var(--knapp-text);padding:12px 18px;border-radius:var(--radie);font-weight:500;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}
.nowrap{white-space:nowrap}

.etikett{display:flex;align-items:center;gap:.6em;font:500 var(--fs-etikett)/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--guld-text)}
.etikett__lotus{width:16px;height:14px;flex:none;fill:currentColor}
.lack-zon .etikett{color:var(--pa-lack-guld)}
.fyll{background:rgba(111,79,24,.08);outline:1px dashed rgba(111,79,24,.45);outline-offset:1px;border-radius:3px;padding:0 .25em;color:var(--text);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lack-zon .fyll{background:rgba(226,197,138,.1);outline-color:rgba(226,197,138,.45);color:var(--pa-lack-text)}

/* Lenis */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}

/* ---------- Mönster och ornament ---------- */
.monster{position:absolute;left:0;top:-6%;width:100%;height:112%;pointer-events:none}
.monster rect{width:100%;height:100%}
.horn{position:absolute;width:44px;height:44px;color:var(--dekor);pointer-events:none}
.horn--tv{top:10px;left:10px}
.horn--th{top:10px;right:10px;transform:scaleX(-1)}
.horn--bv{bottom:10px;left:10px;transform:scaleY(-1)}
.horn--bh{bottom:10px;right:10px;transform:scale(-1,-1)}

.band{position:absolute;left:50%;top:-24px;z-index:6;width:480px;height:48px;margin-left:-240px;pointer-events:none}
.band svg{position:absolute;inset:0;width:100%;max-width:none;height:100%;overflow:visible}
@media (min-width:768px){ .band{top:-32px;width:640px;height:64px;margin-left:-320px} }

.lotuskant{position:absolute;left:0;right:0;z-index:3;height:30px;pointer-events:none;overflow:hidden}
.lotuskant svg{width:100%;height:30px}
.lotuskant--topp{top:0}
.lotuskant--botten{bottom:0}
.lotuskant--botten svg{transform:scaleY(-1)}

.gavelsiluett{position:absolute;left:0;right:0;top:-39px;height:40px;z-index:4;pointer-events:none;color:var(--lack)}
.gavelsiluett::before,.gavelsiluett::after{content:"";position:absolute;bottom:0;height:10px;width:calc(50% - 150px);background:var(--lack)}
.gavelsiluett::before{left:0}
.gavelsiluett::after{right:0}
.gavelsiluett svg{position:absolute;bottom:0;left:50%;width:300px;height:50px;margin-left:-150px;fill:var(--lack);overflow:visible}
@media (min-width:768px){
  .gavelsiluett{top:-63px;height:64px}
  .gavelsiluett::before,.gavelsiluett::after{height:16px;width:calc(50% - 239px)}
  .gavelsiluett svg{width:480px;height:80px;margin-left:-240px}
}

/* ---------- Knappar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.5rem;border:1.5px solid transparent;border-radius:var(--radie);font:500 var(--fs-knapp)/1.1 var(--sans);letter-spacing:.02em;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .2s,border-color .2s,color .2s,scale .15s}
.btn:active{scale:.97}
.btn--primar{background:var(--knapp);color:var(--knapp-text)}
.btn--primar:hover{background:var(--knapp-hover)}
.btn--sekundar{background:transparent;color:var(--text);border-color:var(--text)}
.btn--sekundar:hover{background:rgba(42,26,16,.07)}
.btn--liten{min-height:44px;padding:0 1.1rem}
.btn__ikon{width:20px;height:20px;flex:none;color:currentColor}
.btn--ikon{width:52px;padding:0;flex:none}
.lack-zon .btn--primar{border:1px solid var(--guld)}
.lack-zon .btn--sekundar{color:var(--pa-lack-text);border:1px solid var(--guld)}
.lack-zon .btn--sekundar:hover{background:rgba(226,197,138,.12)}

.ikonknapp{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--chip-ram);border-radius:50%;background:transparent;color:var(--text);cursor:pointer;touch-action:manipulation;transition:border-color .2s,background-color .2s}
.ikonknapp:hover{background:rgba(42,26,16,.06)}
.ikonknapp svg{width:22px;height:22px}
.lack-zon .ikonknapp{border-color:var(--linje-lack);color:var(--pa-lack-text)}

.textlank{display:inline-flex;align-items:center;gap:.4em;min-height:44px;color:var(--guld-text);font-weight:500;text-decoration:underline;text-decoration-color:rgba(111,79,24,.35);text-underline-offset:6px;transition:text-decoration-color .2s}
.textlank:hover{text-decoration-color:currentColor}
.textlank svg{width:18px;height:18px}

/* ---------- Status ---------- */
.status{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:15px;line-height:1.3;color:var(--basilika);font-weight:500;white-space:nowrap}
.status__prick{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(70,95,26,.16);flex:none}
.status.is-stangt{color:var(--text-dim);font-weight:400}
.status.is-stangt .status__prick{box-shadow:none;opacity:.7}
.lack-zon .status{color:var(--pa-lack-lime)}
.lack-zon .status.is-stangt{color:var(--pa-lack-dim)}

/* ---------- Header ---------- */
.header{position:fixed;inset:0 0 auto;z-index:var(--z-header);height:var(--header-h);transition:height .35s var(--ease)}
.header::before{content:"";position:absolute;inset:0;background:rgba(247,240,227,.97);border-bottom:1px solid var(--linje);opacity:0;transition:opacity .35s;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.header.is-scrollad::before{opacity:1}
.header__inner{position:relative;height:100%;display:flex;align-items:center;gap:12px}
.header__brand{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--text);text-decoration:none;flex:none}
.header__mark{height:36px;width:auto;aspect-ratio:313/240}
.header__namn{display:none;font:500 20px/1 var(--serif);white-space:nowrap}
.nav{display:none}
.header__hoger{display:flex;flex:1;align-items:center;gap:12px;min-width:0}
.header__hoger .status{margin-right:auto}
.header .btn--liten{display:none}
.header__hoger .menyknapp{margin-left:auto}

@media (min-width:1024px){
  .header.is-scrollad{height:68px}
  .header__inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
  .header__namn{display:block}
  .nav{display:block}
  .nav__lista{display:flex;gap:clamp(18px,2.2vw,36px);list-style:none}
  .nav__lank{position:relative;display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--text-dim);text-decoration:none;transition:color .2s}
  .nav__lank::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--guldblad);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
  .nav__lank:hover,.nav__lank.is-aktiv{color:var(--text)}
  .nav__lank.is-aktiv::after,.nav__lank:hover::after{transform:scaleX(1)}
  .header__hoger{justify-self:end;flex:initial}
  .header__hoger .status{margin-right:0}
  .header .btn--liten{display:inline-flex}
  .menyknapp{display:none}
}
@media (min-width:1024px) and (max-width:1199px){
  .header__hoger .status__text{display:none}
  .header__hoger .status{padding:18px 4px}
}

/* ---------- Mobilmeny (lack) ---------- */
.mobilmeny{position:fixed;inset:0;z-index:var(--z-meny);display:flex;flex-direction:column;padding:0 var(--gutter) calc(24px + env(safe-area-inset-bottom));background:var(--lack);color:var(--pa-lack-text);overflow-y:auto;overscroll-behavior:contain;isolation:isolate}
.mobilmeny[hidden]{display:none}
.mobilmeny__lack{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.2;pointer-events:none}
.mobilmeny .monster{z-index:-1;opacity:.18;-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 22%,transparent 78%,#000 100%);mask-image:linear-gradient(90deg,#000 0,transparent 22%,transparent 78%,#000 100%)}
.mobilmeny__topp{display:flex;align-items:center;justify-content:space-between;height:64px;flex:none}
.mobilmeny__lista{list-style:none;margin:24px 0 32px}
.mobilmeny__lank{display:flex;align-items:center;min-height:64px;border-bottom:1px solid var(--linje-lack);font:500 2rem/1.2 var(--serif);color:var(--pa-lack-text);text-decoration:none}
.mobilmeny__lank:hover{color:var(--pa-lack-guld)}
.mobilmeny__fot{display:grid;gap:12px;margin-top:auto}
.mobilmeny__fot .status{margin-bottom:4px}

/* ---------- Bågfönster ---------- */
.bage{position:relative;transform-style:preserve-3d}
.bage__klipp{position:absolute;inset:10px;clip-path:url(#bagform);background:var(--lack);overflow:hidden}
.bage__media{position:absolute;inset:-14% -5% -4% -5%;will-change:transform}
.bage__media picture{position:absolute;inset:0}
.bage__poster,.bage__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bage__video{opacity:0;transition:opacity .9s ease}
.bage__video.is-spelar{opacity:1}
.bage__toning{position:absolute;inset:0;background:radial-gradient(120% 95% at 50% 45%,transparent 60%,rgba(29,18,11,.35));box-shadow:inset 0 0 24px rgba(29,18,11,.3);pointer-events:none}
@media (min-width:1024px){ .bage__klipp{inset:13px} }

/* ---------- Ingredienser ---------- */
.ingrediens{position:absolute;z-index:3;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 16px rgba(42,26,16,.18))}
.ingrediens--basilika,.hitta__basilika{aspect-ratio:600/475}
.ingrediens--chili{aspect-ratio:400/488}
.ingrediens--lime{aspect-ratio:400/377}
.ingrediens--notter{aspect-ratio:320/280}
.lunch__blad{aspect-ratio:400/456}
.meny__chili{aspect-ratio:200/231}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:100dvh;overflow:clip;padding-top:calc(var(--header-h) + 36px);padding-bottom:40px}
.monster--hero{opacity:.14;-webkit-mask-image:linear-gradient(#000 0,#000 300px,transparent 390px);mask-image:linear-gradient(#000 0,#000 300px,transparent 390px)}
.hero__grid{position:relative;display:flex;flex-direction:column}
.hero__scen{position:relative;perspective:1200px;perspective-origin:50% 40%}
.hero .bage{height:clamp(190px,31dvh,280px)}
.ingrediens--basilika{width:98px;left:-30px;top:20px}
.ingrediens--chili{width:80px;right:-28px;top:46%}
.ingrediens--lime,.ingrediens--notter{display:none}

.hero__text{display:flex;flex-direction:column;align-items:flex-start}
.hero__etikett{margin-top:clamp(14px,2.8dvh,24px)}
.hero__h1{margin-top:clamp(6px,1dvh,10px);font:500 var(--fs-h1)/1.02 var(--serif);letter-spacing:-.01em;color:var(--text)}
.h1__rad{display:inline-block;perspective:700px}
.h1__in{display:inline-block;transform-origin:50% 100%}
.h1__rad--2{display:block;margin-top:clamp(.35rem,.1rem + .7vw,.9rem);font-size:var(--fs-h1-rad2);font-style:italic;line-height:1.25;letter-spacing:0;color:var(--guld-text)}
.hero__under{margin-top:clamp(12px,2dvh,18px);max-width:32ch;color:var(--text-dim)}
.hero__brod{display:none;max-width:46ch;color:var(--text-dim)}
.hero__knappar{display:grid;gap:12px;width:100%;margin-top:clamp(14px,2.4dvh,20px)}
.hero__fortroende{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:clamp(12px,2dvh,18px);font-size:15px;color:var(--text-dim)}
.punkt{color:var(--guld-text)}

@media (min-width:768px){
  .hero .bage{height:auto;width:100%;max-width:640px;aspect-ratio:4/3;margin-inline:auto}
  .hero__scen{width:100%;max-width:640px;margin-inline:auto}
  .hero__text{width:100%;max-width:640px;margin-inline:auto}
  .hero__brod{display:block;margin-top:14px}
  .hero__knappar{grid-template-columns:1fr 1fr}
  .ingrediens--basilika{width:140px;left:-50px;top:40px}
  .ingrediens--chili{width:110px;right:-46px}
  .monster--hero{-webkit-mask-image:linear-gradient(#000 0,#000 45%,transparent 60%);mask-image:linear-gradient(#000 0,#000 45%,transparent 60%)}
}

@media (min-width:1024px){
  .hero{display:flex;align-items:center;padding-top:var(--header-h);padding-bottom:0}
  .monster--hero{-webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 72%);mask-image:linear-gradient(90deg,transparent 42%,#000 72%)}
  .hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;min-height:calc(100dvh - var(--header-h));padding-block:56px 32px}
  .hero__text{grid-column:1/7;grid-row:1;max-width:none;margin:0}
  .hero__scen{grid-column:7/13;grid-row:1;width:auto;max-width:none;margin:0;justify-self:center;perspective:1400px}
  .hero .bage{height:min(72dvh,680px);width:auto;max-width:none;aspect-ratio:4/5}
  .hero__etikett{margin-top:0}
  .h1__rad{display:block}
  .hero__under{max-width:40ch;margin-top:20px;font-size:1.25rem}
  .hero__brod{margin-top:12px}
  .hero__knappar{display:flex;flex-wrap:wrap;width:auto;margin-top:32px}
  .hero__fortroende{margin-top:22px}
  .ingrediens--basilika{width:170px;left:-100px;top:8%}
  .ingrediens--chili{width:120px;right:-74px;top:36%}
  .ingrediens--lime{display:block;width:130px;left:-66px;bottom:6%}
  .ingrediens--notter{display:block;width:120px;right:-40px;bottom:-26px}
}

/* Intro-lägen (bara med rörelse, innan GSAP har kört) */
@media (prefers-reduced-motion:no-preference){
  .js:not(.intro-klar) .h1__in{transform:translateY(60%) rotateX(-40deg)}
  .js:not(.intro-klar) [data-intro-fade]{opacity:0;transform:translateY(12px)}
}

/* ---------- Rubriker ---------- */
.h2{font:500 var(--fs-h2)/1.08 var(--serif);letter-spacing:-.005em;color:var(--text)}
.h2 em{font-style:italic;color:var(--guld-text)}
.rubrikrad{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.rubrikrad__in{display:inline-block}
.underrubrik{margin-top:12px;color:var(--text-dim)}

/* ---------- Lunch ---------- */
.lunch{position:relative;overflow-x:clip;background:var(--yta);padding-block:48px}
.lunch__grid{position:relative;z-index:2;display:grid;gap:14px}
.lunch__rubrik{font-family:var(--serif);font-weight:500}
.lunch__ord{display:block;font-size:2rem;line-height:1.1;font-style:italic;color:var(--guld-text)}
.lunch__belopp{display:flex;align-items:baseline;gap:.35rem;margin-top:.2rem}
.lunch__siffror{display:inline-flex;font-size:var(--fs-pris);font-weight:600;line-height:.9;color:var(--text);font-variant-numeric:tabular-nums lining-nums;perspective:900px}
.siffra{display:inline-block;transform-origin:50% 60%;backface-visibility:hidden}
.lunch__kr{font-size:1.5rem;line-height:1;color:var(--text)}
.lunch__lotus{align-self:center;width:84px;height:70px;margin-left:10px;fill:url(#guldblad);opacity:.5}
.lunch__beskr{max-width:36ch}
.fotnot{margin-top:10px;font-size:.875rem;line-height:1.5;color:var(--text-dim)}
.lunch__lank{justify-self:start}
.lunch__blad{z-index:1;width:104px;right:-38px;bottom:-26px}
.lunch .horn{width:40px;height:40px}

@media (min-width:1024px){
  .lunch{padding-block:0}
  .lunch__grid{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(40px,5vw,88px);min-height:380px}
  .lunch__lotus{width:180px;height:150px;margin-left:24px}
  .lunch__text{max-width:520px}
  .lunch__lank{justify-self:end}
  .lunch__blad{width:170px;right:-50px;bottom:-40px}
  .lunch .horn{width:64px;height:64px}
  .horn--tv{top:18px;left:18px}
  .horn--bh{bottom:18px;right:18px}
}

/* ---------- Menyn ---------- */
.meny{position:relative;overflow-x:clip;padding-block:48px 40px}
@media (min-width:1024px){ .meny{padding-block:72px 64px} }
.meny__huvud{position:relative;max-width:640px;margin-inline:auto;text-align:center}
.meny__chili{width:72px;right:0;top:-30px;z-index:1}
@media (min-width:768px){ .meny__chili{width:96px;right:40px;top:-24px} }

/* Lackpanel med favoriter */
.lackpanel{position:relative;margin-top:28px;padding-block:50px 44px;background:var(--lack);color:var(--pa-lack-text);overflow:hidden}
.monster--lack{opacity:.18;-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 26%,transparent 74%,#000 100%);mask-image:linear-gradient(90deg,#000 0,transparent 26%,transparent 74%,#000 100%)}
@media (min-width:1024px){ .lackpanel{margin-top:44px;padding-block:66px 58px} }

.fav{position:relative}
.fav__glod{position:absolute;inset:-40px 0;pointer-events:none}
.glod{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.glod.is-aktiv{opacity:1}
.glod--wok{background:radial-gradient(60% 50% at 50% 50%,var(--glod-wok),transparent 70%)}
.glod--curry{background:radial-gradient(60% 50% at 50% 50%,var(--glod-curry),transparent 70%)}
.glod--not{background:radial-gradient(60% 50% at 50% 50%,var(--glod-not),transparent 70%)}
.glod--chili{background:radial-gradient(60% 50% at 50% 50%,var(--glod-chili),transparent 70%)}
.fav__etikett{position:relative;justify-content:center}

.fav__scen{position:relative;margin-top:10px;--kort-b:min(74vw,310px)}
.fav__ring{position:relative}
.fav__bana{list-style:none;display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:14px calc((100% - var(--kort-b)) / 2) 20px;-webkit-overflow-scrolling:touch}
.fav__bana::-webkit-scrollbar{display:none}
.kort{flex:0 0 var(--kort-b);scroll-snap-align:center;position:relative}
.kort__inner{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--lack-yta);border:1px solid var(--linje-lack);border-radius:14px;transform-origin:50% 50%;box-shadow:0 30px 60px -30px rgba(0,0,0,.85)}
.kort__bild{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--lack)}
.kort__bild img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.kort__reflex{position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 35%,rgba(255,244,222,.85) 50%,transparent 65%);opacity:0;pointer-events:none}
.kort__panel{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px 18px 8px}
.kort__etikett{font:500 var(--fs-etikett)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pa-lack-guld)}
.kort__namn{display:flex;flex-wrap:wrap;align-items:center;gap:.2em .45em;font:500 var(--fs-h3)/1.15 var(--serif);color:var(--pa-lack-text)}
.kort__besk{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em;font-size:1rem;line-height:1.6;color:var(--pa-lack-dim)}
.kort__fot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.kort__pris{font-weight:500;color:var(--pa-lack-guld);font-variant-numeric:tabular-nums;white-space:nowrap}
/* Tryckytan = hela kortet (::after inset:0). offsetHeight är 44 på alla bredder; getBoundingClientRect ger mindre på sidokort i 3D-ringen (perspektiv) och under reveal-tweenen (scale .92) — det är projektion, inte layout. */
.kort__knapp{min-height:44px;padding:0;border:0;background:none;font-weight:500;font-size:1rem;color:var(--pa-lack-text);text-decoration:underline;text-decoration-color:var(--linje-lack);text-underline-offset:5px;cursor:pointer;touch-action:manipulation}
.kort__knapp::after{content:"";position:absolute;inset:0;z-index:2}
.kort__knapp:focus-visible{outline:none}
.kort__inner:has(.kort__knapp:focus-visible){outline:2px solid var(--guld-ljus);outline-offset:3px}
.kort:hover .kort__knapp{text-decoration-color:var(--pa-lack-guld)}
.kort__skugga{position:absolute;inset:0;z-index:1;background:var(--lack);opacity:0;pointer-events:none}
.kort .chili{color:var(--pa-lack-chili)}

.chili{display:inline-block;height:16px;color:var(--chili);flex:none;vertical-align:-2px}
.chili--1{width:14px}
.chili--2{width:30px}
.chili--3{width:46px}

.fav__pil{display:none}
.fav__golv{display:none}
.fav__prickar{position:relative;display:flex;justify-content:center;gap:10px;margin-top:2px}
.fav__prickar span{width:6px;height:6px;border-radius:3px;background:var(--linje-lack);transition:background-color .3s,width .3s var(--ease)}
.fav__prickar span.is-aktiv{width:20px;background:var(--guld)}

@media (min-width:768px){ .fav__scen{--kort-b:min(44vw,340px)} }

@media (min-width:1024px){
  .fav__scen{--kort-b:260px;margin-top:4px}
  .fav__pil{position:absolute;top:50%;z-index:10;display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid var(--guld);border-radius:50%;background:rgba(29,18,11,.72);color:var(--pa-lack-guld);cursor:pointer;transform:translateY(-50%);transition:background-color .2s,color .2s}
  .fav__pil:hover{background:var(--guld);color:var(--lack)}
  .fav__pil svg{width:24px;height:24px}
  .fav__pil--forra{left:max(var(--gutter),calc(50% - 560px))}
  .fav__pil--forra svg{transform:scaleX(-1)}
  .fav__pil--nasta{right:max(var(--gutter),calc(50% - 560px))}

  .fav__scen.is-ring{height:calc(var(--kort-b) * 1.25 + 246px);perspective:1600px;perspective-origin:50% 42%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
  .fav__scen.is-ring.is-drar{cursor:grabbing}
  .is-ring .fav__ring{position:absolute;left:50%;top:18px;width:var(--kort-b);height:calc(var(--kort-b) * 1.25 + 196px);margin-left:calc(var(--kort-b) / -2);transform-style:preserve-3d}
  .is-ring .fav__bana{position:absolute;inset:0;display:block;overflow:visible;padding:0;transform-style:preserve-3d;scroll-snap-type:none}
  .is-ring .kort{position:absolute;inset:0;width:var(--kort-b);backface-visibility:hidden;-webkit-backface-visibility:hidden}
  .is-ring .kort__panel{flex:none;height:196px}
  .is-ring .fav__golv{position:absolute;display:block;left:50%;top:100%;width:var(--golv,840px);height:var(--golv,840px);margin-left:calc(var(--golv,840px) / -2);margin-top:calc(var(--golv,840px) / -2 + 28px);border:1px dashed rgba(201,161,91,.4);border-radius:50%;transform:rotateX(90deg);pointer-events:none;box-shadow:inset 0 0 120px rgba(201,161,91,.1)}
}
@media (min-width:1280px){ .fav__scen{--kort-b:300px} }

/* Protein */
.meny__del{position:relative}
.protein{min-width:0;margin:32px 0 0;padding:0;border:0}
.protein__legend{float:left;width:100%;margin-bottom:12px;padding:0}
.protein__grupper{clear:both;display:flex;flex-direction:column;gap:10px}
.protein__grupp{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.chip{position:relative;display:inline-flex;cursor:pointer}
.chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border:1px solid var(--chip-ram);border-radius:999px;font-weight:500;color:var(--text);transition:background-color .2s,color .2s,border-color .2s}
.chip:hover span{background:var(--yta)}
.chip input:checked+span{background:var(--text);border-color:var(--text);color:var(--bg)}
.chip input:focus-visible+span{outline:2px solid var(--text);outline-offset:2px;box-shadow:0 0 0 4px var(--bg)}
.protein__pris{margin-left:6px;font:600 1.25rem/1 var(--serif);color:var(--guld-text);white-space:nowrap}
.protein__pris::before{content:"— ";color:var(--text-dim);font-weight:400}

@media (min-width:1024px){
  .protein{display:flex;align-items:center;gap:24px;margin-top:40px}
  .protein__legend{float:none;width:auto;margin:0}
  .protein__grupper{flex-direction:row;flex-wrap:wrap;gap:12px 32px}
}

/* Flikar */
.flikomrade{position:relative;margin-top:24px}
.flikrad{position:sticky;top:calc(var(--header-h) - 1px);z-index:20;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);background:var(--bg);border-bottom:1px solid var(--linje)}
.flikar{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:calc(var(--gutter) - 12px)}
.flikar::-webkit-scrollbar{display:none}
.flik{position:relative;flex:none;min-height:52px;padding:0 12px;border:0;background:none;font-weight:500;font-size:1rem;color:var(--text-dim);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:color .2s}
.flik::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--guldblad);transform:scaleX(0);transition:transform .35s var(--ease)}
.flik:hover{color:var(--text)}
.flik[aria-selected="true"]{color:var(--text)}
.flik[aria-selected="true"]::after{transform:scaleX(1)}
.flik:focus-visible{outline-offset:-4px;box-shadow:none}

.chililegend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 16px;margin-top:12px;font-size:.9375rem;color:var(--text-dim)}
.chililegend>span{display:inline-flex;align-items:center;gap:6px}
.chililegend__stark{color:var(--chili);font-weight:500}

.meny__kolumner{margin-top:4px}
.meny__bild{display:none}
.prisrad{margin:12px 0 2px;font:500 1.25rem/1.2 var(--serif);color:var(--guld-text)}
.prisrad[hidden]{display:none}
.rull{display:inline-block;height:1.2em;overflow:hidden;vertical-align:top;perspective:300px}
.rull__spalt{display:flex;flex-direction:column}
.rull__spalt span{display:block;height:1.2em;line-height:1.2}

.paneler{position:relative}
.panel[hidden]{display:none}
.rader{list-style:none}
.rad{position:relative;isolation:isolate;display:grid;grid-template-columns:2.5ch minmax(0,1fr) auto;column-gap:14px;padding:12px 0;border-bottom:1px solid var(--linje);outline:none}
.rader--utan-nr .rad{grid-template-columns:minmax(0,1fr) auto}
.rad::before{content:"";position:absolute;inset:0 -12px;z-index:-1;border-radius:8px;background:var(--yta-2);opacity:0;transition:opacity .45s ease}
.rad:hover::before{opacity:.7}
.rad.is-markerad::before{opacity:1;box-shadow:inset 0 0 0 1.5px var(--guld-text)}
.rad__nr{padding-top:.12em;font:500 1rem/1.5 var(--sans);color:var(--guld-text);font-variant-numeric:tabular-nums}
.rad__namn{display:flex;flex-wrap:wrap;align-items:center;gap:.2em .5em;font:500 var(--fs-ratt)/1.35 var(--serif);color:var(--text)}
.rad__besk{margin-top:2px;font-size:1rem;line-height:1.5;color:var(--text-dim)}
.rad__pris{padding-top:.15em;font-weight:500;color:var(--guld-text);white-space:nowrap;font-variant-numeric:tabular-nums}

.tillagg{list-style:none;display:grid;column-gap:40px}
.tillagg li{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px solid var(--linje)}
.tillagg__led{flex:1;min-width:16px;border-bottom:1px dotted rgba(111,79,24,.45);transform:translateY(-5px)}
.tillagg__pris{color:var(--guld-text);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (min-width:560px){ .tillagg{grid-template-columns:1fr 1fr} }

.allergi{position:relative;display:flex;align-items:flex-start;gap:12px;margin-top:32px;padding:20px 22px;background:var(--yta-2);border-radius:6px;color:var(--text)}
.allergi .horn{width:30px;height:30px;color:var(--guld-text);opacity:.55}
.allergi .horn--tv{top:5px;left:5px}
.allergi .horn--bh{bottom:5px;right:5px}
.allergi__ikon{position:relative;width:22px;height:22px;flex:none;margin-top:2px;color:var(--guld-text)}
.allergi p{position:relative}
.meny__cta{display:grid;margin-top:20px}

@media (min-width:1024px){
  .flikrad{position:relative;top:auto;margin-inline:0;padding-inline:0;background:transparent}
  .flikar{margin-inline:0;padding-inline:0;gap:8px}
  .flik{padding:0 16px}
  .flik::after{left:16px;right:16px}
  .chililegend{position:absolute;right:0;top:15px;margin:0}
  .meny__kolumner{display:grid;grid-template-columns:5fr 7fr;gap:clamp(48px,6vw,88px);align-items:start;margin-top:40px}
  .meny__bild{position:sticky;top:140px;display:block;padding:30px 30px 0}
  .flikbild{position:relative;aspect-ratio:4/5}
  .flikbild__klipp{position:absolute;inset:13px;clip-path:url(#bagform);background:var(--lack);overflow:hidden}
  .flikbild__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}
  .flikbild__img.is-aktiv{opacity:1}
  .flikbild__klipp::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 24px rgba(29,18,11,.35);pointer-events:none}
  .prisrad{margin-top:0}
  .meny__cta{display:flex;justify-content:center;margin-top:28px}
  .allergi{max-width:720px;margin-inline:auto;margin-top:32px}
}
@media (min-width:1024px) and (max-width:1199px){ .chililegend{position:static;margin-top:14px} }

/* ---------- Om oss + Hitta hit ---------- */
.om-hitta{position:relative}

.om{position:relative;z-index:2;padding-block:40px 36px}
.om__grid{display:grid;gap:24px}
.om__bild{position:relative;perspective:1200px;padding:10px}
.om__klipp{position:relative;aspect-ratio:16/9;padding:8px;background:var(--lack);border-radius:3px;box-shadow:0 18px 40px -24px rgba(42,26,16,.5)}
.om__foto{position:relative;height:100%;overflow:hidden;border-radius:2px}
.om__foto::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 22px rgba(29,18,11,.4);pointer-events:none}
.om__foto picture{position:absolute;inset:-7% 0}
.om__foto img{width:100%;height:100%;object-fit:cover}
.om__bild .horn{width:36px;height:36px;color:var(--dekor)}
.om__bild .horn--tv{top:0;left:0}
.om__bild .horn--th{top:0;right:0}
.om__bild .horn--bv{bottom:0;left:0}
.om__bild .horn--bh{bottom:0;right:0}
.om__brod{margin-top:14px;max-width:60ch}
.om .fyll{background:none;outline:0;padding:0;border-radius:0;font-size:.875rem;font-style:italic;color:var(--text-dim)}
.recension{position:relative;margin-top:22px;padding:24px 22px;background:var(--yta);border-radius:6px}
.recension .horn{width:30px;height:30px;color:var(--dekor)}
.recension .horn--tv{top:6px;left:6px}
.recension .horn--bh{bottom:6px;right:6px}
.recension__citat{width:40px;height:30px;color:var(--guld)}
.recension__rubrik{margin-top:12px;font:500 var(--fs-h3)/1.2 var(--serif)}
.recension__text{margin-top:6px;color:var(--text-dim)}
.recension .btn{position:relative;margin-top:16px;width:100%}

.hitta{position:relative;z-index:2;overflow-x:clip;background:var(--yta);padding-block:40px}
.hitta__grid{position:relative;display:grid;gap:20px;grid-template-areas:"rubrik" "karta" "info"}
.hitta__rubrik{grid-area:rubrik;position:relative;z-index:2}
.karta{grid-area:karta;perspective:1100px}
.karta__inner{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--linje);border-radius:6px;background:var(--bg);transform-origin:50% 0}
.karta__svg{width:100%;height:100%}
.karta__nal{position:absolute;left:50%;top:50%;width:36px;height:48px;margin:-48px 0 0 -18px;filter:drop-shadow(0 6px 8px rgba(42,26,16,.3))}
.karta__etikett{position:absolute;left:50%;top:50%;transform:translate(-50%,10px);padding:5px 13px;border:1px solid var(--linje);border-radius:999px;background:var(--bg);color:var(--text);font-size:.9375rem;font-weight:500;white-space:nowrap}
.hitta__info{grid-area:info;position:relative;z-index:2}
.hitta__adress{display:grid;gap:2px}
.hitta__gata{font:500 var(--fs-h3)/1.25 var(--serif)}
.hitta__ort{color:var(--text-dim)}
.hitta__underrubrik{margin-top:18px;margin-bottom:4px}
.tider{display:grid;gap:0}
.tider__rad{display:flex;justify-content:space-between;gap:16px;padding:7px 12px;margin-inline:-12px;border-radius:6px}
.tider__rad dd{font-variant-numeric:tabular-nums}
.tider__rad.is-idag{background:var(--yta-2)}
.idag{margin-left:.6em;font-size:.8125rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--basilika)}
.hitta__knappar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hitta__knappar .btn{padding:0 1.1rem;flex:1 1 auto}
.hitta__basilika{z-index:1;width:110px;right:-36px;top:-34px}
@media (max-width:419px){ .hitta__knappar .btn__ikon--nav{display:none} }

@media (min-width:1024px){
  .om-hitta{background:linear-gradient(90deg,var(--bg) 50%,var(--yta) 50%)}
  .om-hitta__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:calc(var(--max) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}
  .om-hitta .wrap{max-width:none;padding-inline:0}
  .om{padding-block:72px 64px;padding-right:clamp(32px,4vw,64px)}
  .om__grid{display:flex;flex-direction:column;gap:22px}
  .om__text{display:contents}
  .om__text .h2{order:0}
  .om__bild{order:1}
  .om__brod{order:2;margin-top:0}
  .recension{order:3;margin-top:0}
  .recension .btn{width:auto}
  .hitta{padding-block:72px 64px;padding-left:clamp(32px,4vw,64px);background:transparent}
  .karta__inner{aspect-ratio:16/10}
  .hitta__info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}
  .hitta__adress{grid-column:1/-1}
  .hitta__info .hitta__underrubrik:nth-of-type(1){grid-column:1;grid-row:2}
  .hitta__info .tider{grid-column:1;grid-row:3}
  .hitta__info .hitta__underrubrik:nth-of-type(2){grid-column:2;grid-row:2}
  .hitta__parkering{grid-column:2;grid-row:3}
  .hitta__knappar{grid-column:1/-1}
  .hitta__knappar .btn{flex:0 0 auto}
  .hitta__basilika{width:150px;right:-60px;top:-60px}
}

/* ---------- Footer (lack) ---------- */
.fot{position:relative;z-index:3;background:var(--lack);color:var(--pa-lack-text);padding-block:52px calc(84px + env(safe-area-inset-bottom))}
.fot__topp{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.fot__logga{width:auto;height:96px;aspect-ratio:480/462}
.fot__rubrik{position:relative;font:500 1.5rem/1.3 var(--serif);color:var(--pa-lack-text)}
.fot__rubrik em{position:relative;display:inline-block;font-style:italic;color:var(--pa-lack-guld)}
.pensel{position:absolute;left:-4%;bottom:-10px;width:108%;max-width:none;height:14px;overflow:visible;pointer-events:none}
.pensel path{fill:none;stroke:url(#guldblad);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}
.fot__knappar{display:flex;gap:10px;width:100%;max-width:420px}
.fot__knappar .btn--primar{flex:1}
.fot__ring-text{display:none}
.fot__info{margin-top:32px;padding-top:28px;border-top:1px solid var(--linje-lack);content-visibility:auto;contain-intrinsic-size:auto 520px}
@media (min-width:768px) and (max-width:1023px){ .fot__info{contain-intrinsic-size:auto 480px} }
@media (min-width:1024px){ .fot__info{contain-intrinsic-size:auto 280px} }
.fot__spalter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 20px}
.fot__spalt .etikett{margin-bottom:8px}
.fot__spalt p+p{margin-top:6px}
.fot__namn{font-weight:500}
.fot__lank{display:inline-block;padding-block:10px;color:var(--pa-lack-text);text-decoration:underline;text-decoration-color:var(--linje-lack);text-underline-offset:5px}
.fot__lank:hover{color:var(--pa-lack-guld);text-decoration-color:currentColor}
.fot .tider__rad{padding:5px 8px;margin-inline:-8px;gap:10px;font-size:.9375rem}
.fot .tider__rad.is-idag{background:rgba(226,197,138,.1)}
.fot .idag{display:block;margin-left:0;font-size:.75rem;color:var(--pa-lack-lime)}
.fot .fyll{background:none;outline:0;padding:0;font-size:.875rem;font-style:italic;color:var(--pa-lack-dim)}
.fot__botten{display:grid;gap:4px;margin-top:24px;padding-top:18px;border-top:1px solid var(--linje-lack);font-size:.9375rem;color:var(--pa-lack-dim)}
.fot__allergi{color:var(--pa-lack-text)}
.fot__rad{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px}

@media (min-width:768px){
  .fot{padding-bottom:36px}
  .fot__ring-text{display:inline}
  .fot__knappar{width:auto;max-width:none}
  .fot__knappar .btn--primar{flex:0 0 auto}
  .fot__knappar .btn--ikon{width:auto;padding:0 1.3rem}
  .fot .idag{display:inline;margin-left:.5em}
}
@media (min-width:1024px){
  .fot{padding-top:80px}
  .fot__topp{flex-direction:row;justify-content:center;gap:28px}
  .fot__spalter{grid-template-columns:repeat(4,1fr);gap:40px}
  .fot__botten{grid-template-columns:1fr auto;align-items:center}
}

/* ---------- Bottenrad (mobil) ---------- */
.bottenrad{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bottenrad);display:flex;align-items:center;gap:10px;min-height:64px;padding:6px var(--gutter) calc(6px + env(safe-area-inset-bottom));background:rgba(247,240,227,.96);border-top:1px solid var(--linje);transition:transform .4s var(--ease)}
.bottenrad .btn--primar{flex:1}
.js .bottenrad{transform:translateY(100%)}
.js .bottenrad.is-synlig{transform:none}
@media (min-width:768px){ .bottenrad{display:none} }

/* =========================================================
   v2.1 — filmhero och juvelfärger (saffran, rubin, jade, svart lack)
   ========================================================= */
.header::before{background:rgba(243,227,195,.97)}
.bottenrad{background:rgba(243,227,195,.97)}
.lack-zon .h2{color:var(--pa-lack-text)}

/* Headerns lilla Beställ-knapp */
.header .btn--liten{transition:opacity .35s ease,visibility .35s ease,background-color .2s}

/* Header ovanpå filmen */
.header__mark--ljus{display:none}
.header:not(.is-scrollad) .header__mark--ljus{display:block}
.header:not(.is-scrollad) .header__mark--mork{display:none}
.header:not(.is-scrollad) .header__brand,
.header:not(.is-scrollad) .nav__lank{color:rgba(244,234,216,.9)}
.header:not(.is-scrollad) .nav__lank.is-aktiv,
.header:not(.is-scrollad) .nav__lank:hover{color:var(--pa-lack-text)}
.header:not(.is-scrollad) .status{color:var(--pa-lack-lime)}
.header:not(.is-scrollad) .status.is-stangt{color:var(--pa-lack-dim)}
.header:not(.is-scrollad) .ikonknapp{color:var(--pa-lack-text);border-color:rgba(244,234,216,.5)}
.header:not(.is-scrollad) .btn--primar{box-shadow:inset 0 0 0 1px var(--guld)}
.header:not(.is-scrollad) :focus-visible{outline-color:var(--guld-ljus);box-shadow:none}

/* Filmhero: helskärmsfilm, mörk toning bakom texten */
.hero{display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--header-h) + 24px) 0 56px;background:var(--lack);color:var(--pa-lack-text)}
.hero__film{position:absolute;inset:-6% -4%;z-index:0;overflow:hidden;will-change:transform}
.hero__film picture,.hero__poster,.hero__video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.hero__video{opacity:0;transition:opacity 1.2s ease}
.hero__video.is-spelar{opacity:1}
.hero__toning{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(29,18,11,.95) 0%,rgba(29,18,11,.86) 36%,rgba(29,18,11,.32) 62%,rgba(29,18,11,.1) 76%,rgba(29,18,11,.62) 100%)}
.hero__grid{z-index:2}
.hero .hero__etikett{margin-top:0}
.hero__h1{color:var(--pa-lack-text);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.h1__rad--2{color:var(--pa-lack-guld)}
.hero__under{color:#e9dcc6}
.hero__brod,.hero__fortroende{color:var(--pa-lack-dim)}
.hero .punkt{color:var(--pa-lack-guld)}
.hero .btn--sekundar{background:rgba(29,18,11,.38)}
@media (min-width:768px){ .hero__text{margin-inline:0} }
@media (min-width:1024px){
  .hero{justify-content:center;padding:var(--header-h) 0 0}
  .hero__film{inset:-6% -2%}
  .hero__toning{background:linear-gradient(90deg,rgba(29,18,11,.92) 0%,rgba(29,18,11,.74) 34%,rgba(29,18,11,.2) 62%,rgba(29,18,11,0) 82%),linear-gradient(rgba(29,18,11,.55),rgba(29,18,11,0) 24%),linear-gradient(to top,rgba(29,18,11,.5),rgba(29,18,11,0) 30%)}
}

/* Sidenmönster på saffransbotten */
.monster--siden{top:0;height:620px;z-index:0;opacity:.22;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.meny>.wrap,.om__grid{position:relative;z-index:1}

/* Lunch i rubinlack */
.lunch{background:linear-gradient(135deg,var(--rubin-ljus) 0%,var(--rubin) 55%,#520e0b 100%);color:var(--pa-lack-text)}
.lunch__ord{color:var(--pa-lack-guld)}
.lunch .siffra{background:linear-gradient(115deg,#f1dca6 0%,#e6c77f 30%,#d4a64f 55%,#f6e6b8 80%,#e2c58a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lunch__kr{color:var(--pa-lack-text)}
.lunch .fotnot{color:var(--pa-lack-dim)}
.lunch .horn{color:var(--guld)}
.lunch .textlank{color:var(--pa-lack-guld);text-decoration-color:var(--linje-lack)}

/* Hitta hit i jadelack */
.hitta{background:linear-gradient(160deg,var(--jade-ljus) 0%,var(--jade) 60%,#0d3029 100%);color:var(--pa-lack-text)}
.hitta__grid{gap:14px}
.hitta__ort{color:var(--pa-lack-dim)}
.hitta .karta__inner{background:#163f35;border-color:var(--linje-lack)}
.hitta .karta__etikett{background:var(--lack);color:var(--pa-lack-text);border-color:var(--linje-lack)}
.hitta .tider__rad.is-idag{background:rgba(226,197,138,.12)}
.hitta .idag{color:var(--pa-lack-lime)}

/* Diskreta platshållare på mörka partier */
.lunch .fyll,.hitta .fyll{background:none;outline:0;padding:0;border-radius:0;font-size:.875rem;font-style:italic;color:var(--pa-lack-dim)}

@media (min-width:1024px){
  .om-hitta{background:linear-gradient(90deg,var(--bg) 50%,var(--jade) 50%)}
  .hitta{background:transparent}
  .om,.hitta{padding-block:48px 40px}
  .lackpanel{padding-block:48px 40px}
  /* Flikbilden i rak lackram med guldhörn (inte husform) */
  .flikbild{padding:10px;background:var(--lack);border-radius:4px;box-shadow:0 26px 50px -30px rgba(42,26,16,.6)}
  .flikbild__klipp{position:relative;inset:auto;height:100%;clip-path:none;border-radius:2px}
  .flikbild .horn{width:40px;height:40px;color:var(--dekor)}
  .flikbild .horn--tv{top:-12px;left:-12px}
  .flikbild .horn--th{top:-12px;right:-12px}
  .flikbild .horn--bv{bottom:-12px;left:-12px}
  .flikbild .horn--bh{bottom:-12px;right:-12px}
}

/* ---------- Tillfälligt meddelande — smal lackrad under headern, tonas bort vid scroll ---------- */
.meddelande{position:absolute;left:0;right:0;top:100%;background:var(--lack);color:var(--pa-lack-text);border-bottom:1px solid var(--linje-lack);transition:opacity .35s,visibility .35s}
.meddelande__text{display:flex;align-items:center;justify-content:center;gap:.6em;min-height:40px;padding-block:8px;font:500 1rem/1.35 var(--sans);letter-spacing:.02em;text-align:center}
.meddelande__lotus{width:16px;height:14px;flex:none;fill:var(--pa-lack-guld)}
.header.is-scrollad .meddelande{opacity:0;visibility:hidden}

/* ---------- Minskad rörelse ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .bage__video{display:none}
}