@font-face{font-family:"Inter";src:url("fonts/inter.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  --papper:#f4f1ec; --sten:#e6e1d8; --kol:#1c1b19; --grafit:#3a3733; --dis:#8a847a; --varm:#c9a77a; --natt:#17140f;
  --kant:clamp(20px,4.2vw,64px); --text:18px;
}
*{box-sizing:border-box;margin:0}
html{background:var(--papper);color:var(--kol);-webkit-text-size-adjust:100%}
body{font-family:"Inter",system-ui,sans-serif;font-size:var(--text);line-height:1.55;overflow-x:hidden;font-feature-settings:"ss01","cv11"}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:500;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
h3{letter-spacing:-.02em}
.overrad{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--dis);margin-bottom:18px}
.mask{display:block;overflow:hidden;padding:.06em 0 .14em;margin:-.06em 0 -.14em}
.mask>span{display:block;will-change:transform}


.topp{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:24px;padding:16px var(--kant);color:var(--topp,#fff);transition:color .35s,background .4s}
.topp.fast{background:var(--papper);box-shadow:0 1px 0 rgba(0,0,0,.08);padding-top:12px;padding-bottom:12px}
.ordmarke{display:flex;align-items:center;gap:10px;font-weight:500;font-size:19px;letter-spacing:-.02em;padding:10px 0}
.ordmarke img{filter:var(--molnfilter,invert(1))}
.topp.fast .ordmarke img,.topp[style*="#1c1b19"] .ordmarke img{filter:none}
.topp nav{display:flex;gap:clamp(16px,2.6vw,40px);margin-left:clamp(16px,4vw,72px)}
.topp nav a{min-width:44px;font-size:14px;font-weight:500;padding:14px 4px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;opacity:.92}
.topp-knapp{margin-left:auto;font-weight:500;font-size:14px;padding:13px 22px;background:var(--kol);color:var(--papper);border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.18);white-space:nowrap;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.topp-knapp:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.2)}

.knapp{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;background:var(--kol);color:var(--papper);font-weight:500;font-size:15px;border-radius:3px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.knapp[hidden]{display:none}
.knapp.ljus{background:rgba(244,241,236,.9);color:var(--kol)}
.knapp:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.knapp:active{transform:scale(.97)}
.knappar{display:flex;flex-wrap:wrap;gap:12px}


.scen{position:relative}
.yta{position:relative;height:100vh;height:100svh;overflow:hidden}
.lager{position:absolute;inset:0}
.lager img,.lager video{width:100%;height:100%;object-fit:cover}


#fasad{will-change:transform;transform-origin:56% 62%}
#fasad img{object-position:50% 18%}
@media (max-aspect-ratio:1/1){#fasad img{object-position:92% 50%}}
#film{opacity:0}
#film video{transform:scale(1.06)}
#start::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,transparent 55%,rgba(0,0,0,.5));pointer-events:none}
.titel{position:absolute;left:var(--kant);right:var(--kant);bottom:9vh;z-index:2;color:#fff;max-width:34em}
.titel .overrad{color:#fff}

#start .yta::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 150px),linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.35) 40%,rgba(0,0,0,0) 72%),linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,0) 60%)}
.titel{text-shadow:0 1px 20px rgba(0,0,0,.35)}
.titel .knappar{text-shadow:none}
.titel h1{font-size:clamp(40px,7.2vw,118px);letter-spacing:-.045em;line-height:.96}
.titel .under{margin:1.2em 0 1.6em;max-width:30em;font-size:clamp(16px,1.3vw,20px);color:#fff}
.film-rad{position:absolute;right:var(--kant);bottom:9vh;z-index:2;color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:0}


.marken .yta{background:var(--papper);display:flex;flex-direction:column;justify-content:center;gap:5vh}
.m-huvud{padding:0 var(--kant);max-width:48em}
.m-huvud h2{font-size:clamp(30px,4vw,64px)}
.m-huvud>p:last-child{margin-top:1.2em;max-width:34em;color:var(--grafit)}
.spar{display:flex;gap:clamp(18px,2.6vw,44px);padding:0 var(--kant);width:max-content;will-change:transform}
.marke{display:block;width:clamp(280px,38vw,620px)}
.marke img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.marke:hover img{transform:scale(1.02)}
.marke h3{margin-top:18px;font-size:clamp(22px,2vw,30px)}
.marke p{font-size:14px;color:var(--dis);margin-top:4px}
.marke{padding-bottom:12px}
.marke .rad{color:var(--kol);font-size:16px;margin-top:8px}


.probe{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh;background:var(--sten)}
.probe-foto{overflow:hidden}
.probe-foto img{width:100%;height:100%;object-fit:cover;will-change:transform}
.probe-text{padding:14vh var(--kant);align-self:center;max-width:36em}
.probe-text h2{font-size:clamp(32px,4.2vw,66px)}
.probe-text .stor{margin:1em 0 .9em;font-size:clamp(18px,1.5vw,23px);line-height:1.35}
.probe-text p{color:var(--grafit)}
.probe-text .knappar{margin-top:2em}
.probe .knapp.ljus{background:var(--papper)}


.team{padding:14vh var(--kant);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,72px);align-items:end}
.team-text h2{font-size:clamp(28px,3vw,46px)}
.team-text p{margin-top:1em;color:var(--grafit);max-width:26em}
.team-rad{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,22px)}
.team-rad li{display:grid;gap:4px}
.team-rad img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;filter:grayscale(1);margin-bottom:10px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.team-rad li:nth-child(2n) img{margin-top:28px}
.team-rad li:hover img{transform:translateY(-6px)}
.team-rad strong{font-weight:500}
.team-rad span{font-size:14px;color:var(--dis)}


.nach{background:var(--natt);color:var(--papper);padding:16vh var(--kant)}
.nach-huvud h2{font-size:clamp(30px,4vw,64px);max-width:14em}
.nach .overrad{color:var(--varm)}
.nach-steg{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,48px);margin-top:9vh;border-top:1px solid rgba(244,241,236,.16);padding-top:5vh}
.nach-steg h3{font-size:clamp(18px,1.5vw,22px);margin-bottom:14px}
.nach-steg p{color:rgba(244,241,236,.72);font-size:16px}


.journal{padding:14vh var(--kant)}
.j-huvud h2{font-size:clamp(28px,3.4vw,54px)}
.j-rad{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,44px);margin-top:6vh}
.j-rad a{display:block}
.j-rad img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin-bottom:18px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.j-rad a:hover img{transform:scale(1.02)}
.j-rad h3{font-size:clamp(19px,1.6vw,24px)}
.j-rad p{margin-top:8px;color:var(--grafit);font-size:16px}


.citat{position:relative;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;color:#fff}
.citat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.citat blockquote{position:relative;z-index:2;text-align:center;padding:0 var(--kant)}

.citat p{max-width:14em;margin:0 auto;font-size:clamp(30px,4.6vw,74px);font-weight:500;letter-spacing:-.035em;line-height:1.02;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.citat footer{margin-top:1.4em;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.citat footer .knapp{text-shadow:none}

.citat::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(0,0,0,.56),rgba(0,0,0,.34) 70%,rgba(0,0,0,.12))}


.besuch{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--natt);color:var(--papper)}
.besuch-foto{position:relative;overflow:hidden}
.besuch-foto img{width:100%;height:100%;object-fit:cover}
.sken{position:absolute;left:10%;top:20%;width:70%;height:55%;background:radial-gradient(closest-side,rgba(255,196,120,.5),transparent);mix-blend-mode:screen;animation:sken 6s ease-in-out infinite}
@keyframes sken{0%,100%{opacity:.3}50%{opacity:.75}}
.besuch-text{padding:14vh var(--kant);align-self:center;max-width:40em}
.besuch .overrad{color:var(--varm)}
.besuch-text h2{font-size:clamp(30px,3.8vw,60px)}
.besuch-text>p{margin:1.2em 0 2em;color:rgba(244,241,236,.75)}
.besuch dl{display:grid;gap:18px;margin-bottom:2.4em}
.besuch dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dis);margin-bottom:4px}
.besuch dd{margin:0;color:var(--papper)}
.besuch dd a{display:inline-block;padding:10px 0}
.besuch .knapp{background:var(--papper);color:var(--kol)}
.besuch .knapp.ljus{background:transparent;color:var(--papper);border:1px solid rgba(244,241,236,.4)}


.fot{background:#100e0b;color:rgba(244,241,236,.7);padding:12vh var(--kant) 5vh;font-size:15px}
.fot-topp{display:grid;grid-template-columns:1fr 2fr;gap:clamp(32px,6vw,120px);padding-bottom:7vh;border-bottom:1px solid rgba(244,241,236,.14)}
.fot-om img{filter:invert(1);margin-bottom:14px}
.fot-namn{color:var(--papper);font-size:22px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}
.fot-kolumner{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.fot-kolumner h3{color:var(--papper);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.fot-kolumner a,.fot-kolumner address{display:block;font-style:normal;padding:12px 0;line-height:1.45;min-height:46px}
.fot-kolumner a:hover{color:var(--papper)}
.fot-rad{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:4vh;font-size:13px}
.fot-rad nav{display:flex;gap:22px}
.fot-rad nav a{padding:13px 0;display:inline-block}


.ark{position:fixed;inset:0;z-index:80;background:var(--papper);color:var(--kol);display:grid;place-items:center;overflow:auto}
.ark[hidden]{display:none}
.ark-inner{max-width:38em;padding:12vh var(--kant)}
.ark-inner h2{font-size:clamp(30px,3.6vw,54px)}
.ark-inner>p{margin:1.2em 0 1.6em;color:var(--grafit)}
.termin-steg{padding-left:1.2em;margin-bottom:2em;display:grid;gap:10px;color:var(--grafit)}
.termin-steg strong{color:var(--kol);font-weight:500}
.f-stang{position:absolute;top:18px;right:var(--kant);z-index:5;background:none;border:1px solid rgba(28,27,25,.35);border-radius:3px;padding:12px 18px;font:500 13px/1 "Inter",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--kol);cursor:pointer;min-height:44px}
.f-liten{font-size:13px;color:var(--dis)}


@media (max-width:860px){
  .topp nav{display:none}
  .topp{padding:12px var(--kant)}
  .topp-knapp{padding:12px 16px;font-size:13px;min-height:44px}
  .titel{bottom:12vh}
  .titel h1{font-size:clamp(38px,12vw,64px)}
  
  #start .yta::after{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 120px),linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.52) 55%,rgba(0,0,0,.18) 80%,rgba(0,0,0,0))}
  .film-rad{display:none}
  .marke{width:78vw}
  .probe{grid-template-columns:1fr}
  .probe-foto{height:56svh}
  .probe-text{padding:9vh var(--kant)}
  .team{grid-template-columns:1fr;padding:10vh var(--kant)}
  .team-rad{grid-template-columns:1fr 1fr}
  .nach-steg{grid-template-columns:1fr;gap:34px}
  .j-rad{grid-template-columns:1fr}
  .besuch{grid-template-columns:1fr}
  .besuch-foto{height:56svh}
  .besuch-text{padding:9vh var(--kant)}
  .fot-topp{grid-template-columns:1fr}
  .fot-kolumner{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.sken{animation:none}}


.finder{position:fixed;inset:0;z-index:80;background:var(--papper);color:var(--kol);display:grid;grid-template-columns:1.15fr .85fr}
.finder[hidden]{display:none}
.f-stang{position:absolute;top:18px;right:var(--kant);z-index:5;background:none;border:1px solid rgba(28,27,25,.35);border-radius:3px;padding:12px 18px;font:500 13px/1 "Inter",sans-serif;letter-spacing:.09em;text-transform:none;letter-spacing:-.01em;color:var(--kol);cursor:pointer;min-height:44px}
.f-scen{position:relative;overflow:hidden;background:#c9c5bc}
.f-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.f-matt-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .4s}
.f-matt-l{stroke:rgba(28,27,25,.5);stroke-width:1}
.f-matt{position:absolute;translate:-50% -50%;font:500 12px/1 "Inter",sans-serif;letter-spacing:.08em;color:var(--papper);background:rgba(28,27,25,.6);padding:6px 10px;border-radius:3px;opacity:0;transition:opacity .4s;pointer-events:none;white-space:nowrap}
.finder.matt .f-matt,.finder.matt .f-matt-svg{opacity:1}
.f-pepp{position:absolute;left:var(--kant);right:var(--kant);bottom:5vh;text-align:center;color:var(--kol);font-size:clamp(16px,1.4vw,20px);text-shadow:0 0 14px rgba(244,241,236,.95),0 0 4px rgba(244,241,236,.9);opacity:0;transition:opacity .5s}
.f-pepp.syns{opacity:1}

.f-kort{position:relative;overflow:auto;padding:min(14vh,120px) var(--kant) 10vh;display:flex;flex-direction:column;justify-content:flex-start}

.f-kort::before,.f-kort::after{content:"";margin:auto}
.f-steg-rad{display:flex;justify-content:space-between;align-items:center;margin-bottom:3vh;font-size:13px;letter-spacing:.1em;text-transform:none;letter-spacing:-.01em;font-weight:500;color:var(--dis)}
.f-tillbaka,.f-andra{background:none;border:0;padding:12px 0;min-height:44px;font:inherit;font-size:13px;letter-spacing:.1em;text-transform:none;letter-spacing:-.01em;font-weight:500;color:var(--dis);cursor:pointer;min-height:44px}
.f-andra{margin-top:16px;align-self:flex-start}
.f-steg h2{font-size:clamp(28px,3vw,46px);letter-spacing:-.03em}
.f-steg>p{margin:1em 0 1.6em;max-width:28em;color:var(--grafit)}
.f-steg blockquote{margin:1em 0 1.4em;max-width:30em;font-weight:300;font-size:clamp(18px,1.4vw,21px);line-height:1.4}
.f-steg cite{display:block;margin-top:.6em;font-style:normal;font-size:12px;letter-spacing:.1em;text-transform:none;letter-spacing:-.01em;font-weight:500;color:var(--dis)}
.f-val{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.f-val button{min-height:48px;padding:0 20px;border:1px solid rgba(28,27,25,.3);background:transparent;border-radius:3px;font:400 16px/1 "Inter",sans-serif;color:var(--kol);cursor:pointer;transition:background .2s,color .2s,transform .15s}
.f-val button:hover{background:rgba(28,27,25,.06)}
.f-val button:active{transform:scale(.97)}
.f-val button.vald{background:var(--kol);color:var(--papper);border-color:var(--kol)}
.f-chips button{min-width:56px;justify-content:center;display:inline-flex;align-items:center}
.f-fast{display:grid;gap:4px;margin:0 0 14px}
.f-fast .f-val{margin:0 0 12px}
.f-fast small{display:block;font-size:12px;letter-spacing:.1em;text-transform:none;letter-spacing:-.01em;font-weight:500;color:var(--dis);margin-bottom:6px}
.f-budget output{display:block;font-family:"Inter";text-transform:none;letter-spacing:-.01em;font-size:clamp(20px,2vw,30px);margin-bottom:14px}
.f-reglage{position:relative;height:44px;margin-bottom:22px}
.f-reglage input{position:absolute;inset:0;width:100%;height:44px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}
.f-reglage input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--kol);border:3px solid var(--papper);box-shadow:0 2px 8px rgba(0,0,0,.25);pointer-events:auto;cursor:grab}
.f-reglage input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--kol);border:3px solid var(--papper);pointer-events:auto;cursor:grab}
.f-reglage input::-webkit-slider-runnable-track{height:2px;background:transparent}
.f-spar{position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(28,27,25,.2);z-index:-1}
.f-spar::after{content:"";position:absolute;top:0;bottom:0;left:var(--a,0%);right:calc(100% - var(--b,100%));background:var(--kol)}
.knapp:disabled{opacity:.4;cursor:not-allowed;transform:none}
.f-brev .f-fran{font-size:12px;letter-spacing:.12em;text-transform:none;letter-spacing:-.01em;font-weight:500;color:var(--dis);margin-bottom:10px}
.f-brevtext p{margin:0 0 1em;max-width:30em}
.f-brevtext strong{font-weight:500}
.f-sang{margin:1.4em 0}
.f-sang img{width:100%;aspect-ratio:3/2;object-fit:cover}
.f-sang figcaption{margin-top:10px;font-size:15px;color:var(--grafit)}
.f-ocksa{margin:1.2em 0;font-size:15px;color:var(--grafit)}
.f-ocksa small{display:block;margin-bottom:10px;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--dis)}
.f-forslag{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.f-forslag-kort{flex:0 0 min(210px,62vw);scroll-snap-align:start;display:block;min-height:44px;color:inherit;text-decoration:none;background:rgba(28,27,25,.04);transition:background .3s cubic-bezier(.16,1,.3,1)}
.f-forslag-kort:hover,.f-forslag-kort:focus-visible{background:rgba(28,27,25,.09)}
.f-forslag-kort:focus-visible{outline:2px solid var(--kol);outline-offset:2px}
.f-forslag-kort img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.f-forslag-kort h3{margin:10px 12px 4px;font-family:"Inter";font-weight:500;font-size:15px;letter-spacing:-.01em;color:var(--kol)}
.f-forslag-kort p{margin:0 12px 12px;font-size:14px;line-height:1.4;color:var(--grafit)}
.f-ocksa span{display:inline-block;margin-right:18px;font-family:"Inter";text-transform:none;letter-spacing:-.01em;font-size:14px;color:var(--kol)}
.f-butik{margin:1em 0 1.6em;padding:16px 0;border-top:1px solid rgba(28,27,25,.15);border-bottom:1px solid rgba(28,27,25,.15);font-size:16px}
.f-butik strong{display:block;font-family:"Inter";text-transform:none;letter-spacing:-.01em;font-weight:500;font-size:17px;margin-bottom:4px}
.f-knappar{display:flex;flex-wrap:wrap;gap:10px}
.f-knappar .knapp{border:1px solid rgba(28,27,25,.25)}
.f-liten{font-size:13px;color:var(--dis)}
@media (max-width:860px){
  .finder{grid-template-columns:1fr;grid-template-rows:48svh 1fr}
  .f-scen{min-height:48svh}
  .f-kort{padding:24px var(--kant) calc(24px + env(safe-area-inset-bottom));justify-content:flex-start;background:var(--papper);border-radius:22px 22px 0 0;margin-top:-22px;z-index:2;box-shadow:0 -10px 30px rgba(0,0,0,.12)}
  .f-stang{top:12px}
  .f-pepp{bottom:30px;font-size:15px}
  .f-knappar .knapp{flex:1 1 100%;justify-content:center}
}

.f-fran{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--dis);margin-bottom:10px}


.knapp,.topp-knapp{position:relative;border-radius:3px;letter-spacing:.01em;box-shadow:0 1px 0 rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
.knapp.ljus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.knapp::after,.topp-knapp::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 55%);pointer-events:none}
.f-val button{border-radius:3px;border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.35);font-weight:500;letter-spacing:0;transition:background .2s,color .2s,transform .15s,border-color .2s}
.f-val button:hover{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.4)}
.f-val button.vald{background:var(--kol);color:var(--papper);border-color:var(--kol)}
.f-stang{border-radius:3px;border:1px solid rgba(0,0,0,.25);background:rgba(255,255,255,.55);letter-spacing:.04em;text-transform:none;font-size:14px}
.f-matt,.f-tryck span{border-radius:3px;letter-spacing:.04em}


.meny-knapp{display:none}
.meny{position:fixed;inset:0;z-index:70;background:var(--papper);color:var(--kol);padding:calc(70px + env(safe-area-inset-top)) var(--kant) calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px;overflow:auto}
.meny[hidden]{display:none}
.meny>a{font-size:clamp(28px,8vw,40px);font-weight:500;letter-spacing:-.035em;padding:12px 0;border-bottom:1px solid rgba(28,27,25,.1);min-height:56px;display:flex;align-items:center}
.meny-fot{margin-top:auto;padding-top:28px;display:grid;gap:8px;color:var(--grafit);font-size:15px}
.meny-fot a{font-size:22px;font-weight:500;color:var(--kol);padding:8px 0}
.tumrad{display:none}
.spar-raknare{display:none}
@media (max-width:860px){
  .topp{gap:10px}
  .topp-knapp{margin-left:auto;padding:12px 14px}
  .ordmarke{font-size:16px;white-space:nowrap;gap:8px}
  .ordmarke img{width:22px;height:22px}
  .meny-knapp{display:grid;place-items:center;gap:5px;flex:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;position:relative;z-index:71}
  .meny-knapp span{display:block;width:22px;height:2px;background:currentColor;transition:transform .3s,opacity .3s}
  .meny-knapp.oppen{color:var(--kol)}
  .meny-knapp.oppen span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .meny-knapp.oppen span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .tumrad{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:rgba(28,27,25,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:6px;transform:translateY(130%);transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 14px 40px rgba(0,0,0,.35)}
  .tumrad.syns:not(.gom):not(.dold){transform:translateY(0)}
  .tumrad .knapp{min-height:48px;justify-content:center;font-size:15px}
  .tumrad .knapp.ljus{background:rgba(244,241,236,.14);color:var(--papper);box-shadow:none}
  .marken .yta{height:auto;min-height:0;padding:12vh 0 10vh;gap:3vh}
  .svep .spar{width:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--kant);gap:14px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
  .svep .spar::-webkit-scrollbar{display:none}
  .svep .marke{scroll-snap-align:center;flex:0 0 78vw}
  .spar-raknare{display:block;padding:0 var(--kant);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dis)}
  main{padding-bottom:80px}
}

@media (max-width:384px){
  .topp-knapp{display:none}
  .meny-knapp{margin-left:auto}
}

.topp.meny-oppen{z-index:72;background:transparent;box-shadow:none}

.topp.fast{color:var(--kol) !important}
.topp.fast .topp-knapp{background:var(--kol);color:var(--papper)}

@media (max-width:860px){.finder[data-vy="brand"],.finder[data-vy="result"],.finder[data-vy="receipt"]{grid-template-rows:26svh 1fr}.finder[data-vy="brand"] .f-scen,.finder[data-vy="result"] .f-scen,.finder[data-vy="receipt"] .f-scen{min-height:26svh}}


@media (max-width:860px){.f-kort::before,.f-kort::after{display:none}}