@font-face{font-family:"Lateral";src:url("fonts/Lateral-ExtendedMedium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Soehne";src:url("fonts/soehne-leicht.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Soehne";src:url("fonts/soehne-buch.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Soehne";src:url("fonts/soehne-kraftig.woff2") format("woff2");font-weight:500;font-display:swap}


:root{
  --linen:#EDE7DB; --graphite:#343130; --gron:#404A38; --gron-djup:#343d2d; --petrol:#0D4659;
  --limestone:#BDB8A6; --sage:#5C584B; --natt:#141a26; --golv:#231f1c;
  
  --lagom-indigo:#0D4659; --lagom-teal:#4E8194; --lagom-steel:#D0C9C3;
  --linje:rgba(52,49,48,.14);
  --kant:clamp(20px,3.4vw,48px); --max:1536px; --topp-h:65px; --hdr:65px;
  --text:16px;
  --mjuk:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0}
html{background:var(--linen);color:var(--graphite);-webkit-text-size-adjust:100%}
body{background:var(--linen);font-family:"Soehne",system-ui,sans-serif;font-size:var(--text);font-weight:400;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
h1,h2,h3{font-family:"Lateral","Soehne",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:-.02em;line-height:1.07;text-wrap:balance}
a{color:inherit;text-decoration:none}
.etikett{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.hoppa{position:fixed;left:12px;top:-80px;z-index:90;padding:12px 16px;background:var(--graphite);color:var(--linen);font-size:13px}
.hoppa:focus{top:12px}


.knapp{position:relative;display:inline-flex;border:0;font-family:inherit;cursor:pointer;align-items:center;justify-content:center;min-height:48px;padding:0 26px;background:var(--graphite);color:var(--linen);border-radius:2px;font-weight:500;font-size:12px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;text-align:center;transition:transform .35s var(--mjuk),box-shadow .35s var(--mjuk),background .3s}
.knapp[hidden]{display:none}
.knapp.ljus{background:var(--linen);color:var(--graphite)}
.knapp:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.knapp:active{transform:scale(.98)}
.knapp:focus-visible,.topp a:focus-visible,.topp button:focus-visible,.meny a:focus-visible,.fot a:focus-visible,.fot button:focus-visible,.lagom-knapp:focus-visible{outline:2px solid currentColor;outline-offset:3px}


.topp{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--topp-h);display:flex;align-items:center;gap:clamp(16px,2.2vw,32px);padding:0 var(--kant);background:var(--linen);color:var(--graphite);border-bottom:1px solid var(--linje);transition:background .5s var(--mjuk),border-color .5s var(--mjuk)}
.topp.genom{background:transparent;border-bottom-color:transparent}
.topp::before{content:"";position:absolute;inset:0 0 -56px 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(237,231,219,.86),rgba(237,231,219,.55) 55%,rgba(237,231,219,0));opacity:0;transition:opacity .5s var(--mjuk)}
.topp.genom::before{opacity:1}
.ordmarke{font-family:"Lateral";font-size:18px;letter-spacing:.04em;line-height:1;padding:14px 0;margin-right:auto;white-space:nowrap}
.topp-nav{display:flex;gap:clamp(18px,2.2vw,34px)}
.topp-nav{align-self:stretch;align-items:center}
.topp-nav>a,.mn-knapp{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:inherit;font:500 11px/1.6 "Soehne",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.topp-nav>a::after,.mn-knapp::after{content:"";position:absolute;left:0;right:0;bottom:11px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--mjuk)}
.topp-nav>a:hover::after,.topp-nav>a[aria-current]::after,.mn-knapp:hover::after,.mn-knapp[aria-expanded=true]::after,.mn-knapp.aktiv::after{transform:scaleX(1);transform-origin:left}


.mn{display:flex;align-items:center;align-self:stretch}
.mn-panel{position:absolute;left:0;right:0;top:100%;z-index:2;background:var(--linen);color:var(--graphite);border-top:1px solid var(--linje);border-bottom:1px solid var(--linje);box-shadow:0 34px 60px -34px rgba(52,49,48,.3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .28s var(--mjuk),transform .5s var(--mjuk),visibility 0s .5s}
.mn.oppen .mn-panel{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--mjuk),transform .6s var(--mjuk)}
.topp.mn-byte .mn-panel{transition:none}
.mn-inne{max-width:var(--max);margin:0 auto;padding:clamp(22px,2.4vw,34px) var(--kant) clamp(26px,2.8vw,40px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
.mn-kort,.mn-lankar,.meny-kort,.meny-lankar{list-style:none;margin:0;padding:0}
.mn-kort{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(10px,1.1vw,18px);padding-right:clamp(24px,2.6vw,48px)}
.mn-kort li{opacity:0;transform:translateY(14px);transition:opacity .2s,transform .2s}
.mn.oppen .mn-kort li{opacity:1;transform:none;transition:opacity .55s var(--mjuk) calc(70ms + var(--i) * 38ms),transform .8s var(--mjuk) calc(70ms + var(--i) * 38ms)}
.mn-kort a,.meny-kort a{display:block;color:inherit}
.mn-bild{display:block;aspect-ratio:4/3;overflow:hidden;background:#fff}
.mn-bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--mjuk)}
.mn-kort a:hover .mn-bild img{transform:scale(1.045)}
.mn-namn{display:block;margin-top:10px;font-size:11px;font-weight:500;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.mn-kort a:hover .mn-namn{text-decoration:underline;text-underline-offset:4px}
.mn-kort a:focus-visible,.mn-lankar a:focus-visible,.meny-kort a:focus-visible,.meny-lankar a:focus-visible,.meny-grupp-knapp:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.mn-lankar{display:flex;flex-direction:column;align-items:flex-start;min-width:150px;padding-left:clamp(24px,2.6vw,48px);border-left:1px solid var(--linje);opacity:0;transition:opacity .2s}
.mn.oppen .mn-lankar{opacity:1;transition:opacity .6s var(--mjuk) .3s}
.mn-lankar a{position:relative;display:inline-flex;align-items:center;min-height:36px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.mn-lankar a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--mjuk)}
.mn-lankar a:hover::after{transform:scaleX(1);transform-origin:left}
.mn-skugga{position:absolute;left:0;right:0;top:100%;z-index:-1;height:100vh;background:rgba(52,49,48,.16);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--mjuk),visibility 0s .4s}
.topp.mn-oppen{background:var(--linen);border-bottom-color:var(--linje)}
.topp.mn-oppen::before{opacity:0}
.topp.mn-oppen .mn-skugga{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s var(--mjuk)}
@media (max-width:1240px){.mn-namn{font-size:10px;letter-spacing:.06em}.mn-lankar{min-width:0}}
.topp-knapp{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--graphite);color:var(--linen);border-radius:2px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:transform .35s var(--mjuk),box-shadow .35s var(--mjuk)}
.topp-knapp:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.16)}


.sprakvaljare{position:relative}
.sprak-knapp{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 4px;border:0;background:none;color:inherit;font:500 11px/1 "Soehne",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.flagga{display:block;width:18px;height:12px;border-radius:1px;overflow:hidden;box-shadow:0 0 0 1px rgba(52,49,48,.18)}
.flagga svg{display:block;width:100%;height:100%}
.sprak-lista{position:absolute;right:-8px;top:calc(100% + 8px);min-width:190px;padding:8px;background:var(--linen);border:1px solid var(--linje);border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.12);opacity:0;transform:translateY(-6px);visibility:hidden;transition:opacity .3s var(--mjuk),transform .4s var(--mjuk),visibility 0s .3s}
.sprakvaljare.oppen .sprak-lista{opacity:1;transform:none;visibility:visible;transition:opacity .3s var(--mjuk),transform .4s var(--mjuk)}
.sprak-lista .sprakval{display:grid;gap:0;margin:0}
.sprak-lista .sprakval a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;font-size:14px;opacity:1;border-radius:2px}
.sprak-lista .sprakval a:hover{background:rgba(52,49,48,.06)}
.sprak-lista .sprakval a[aria-current]{text-decoration:none;font-weight:500}


.meny-knapp{display:none;place-content:center;justify-items:center;gap:5px;width:44px;height:44px;margin-right:-10px;border:0;background:transparent;color:inherit;cursor:pointer}
.meny-knapp span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .45s var(--mjuk)}
.meny-knapp.oppen span:first-child{transform:translateY(3.25px) rotate(45deg)}
.meny-knapp.oppen span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.meny{position:fixed;inset:0;z-index:49;display:flex;flex-direction:column;padding:calc(var(--hdr) + 16px) var(--kant) calc(24px + env(safe-area-inset-bottom));background:var(--linen);color:var(--graphite);overflow:auto}
.meny[hidden]{display:none}
.meny>a{display:flex;align-items:center;min-height:56px;padding:10px 0;border-bottom:1px solid var(--linje);font-family:"Lateral";font-size:clamp(22px,6.2vw,32px);line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;opacity:0;transform:translateY(18px);transition:opacity .5s var(--mjuk),transform .6s var(--mjuk)}

.meny>.meny-grupp{border-bottom:1px solid var(--linje);opacity:0;transform:translateY(18px);transition:opacity .5s var(--mjuk),transform .6s var(--mjuk)}
.meny>.meny-grupp:nth-child(2){transition-delay:.03s}
.meny-grupp-knapp{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:10px 0;border:0;background:none;color:inherit;font-family:"Lateral";font-size:clamp(22px,6.2vw,32px);font-weight:500;line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;text-align:left;cursor:pointer}
.meny-grupp-knapp::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat;transition:transform .5s var(--mjuk)}
.meny-grupp.oppen .meny-grupp-knapp::after{transform:rotate(45deg)}
.meny-grupp-inne{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--mjuk)}
.meny-grupp.oppen .meny-grupp-inne{grid-template-rows:1fr}
.meny-grupp-ram{min-height:0;overflow:hidden}
.meny-kort{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px 0 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.meny-kort::-webkit-scrollbar{display:none}
.meny-kort li{flex:0 0 clamp(118px,36vw,150px);scroll-snap-align:start;opacity:0;transform:translateX(18px);transition:opacity .3s,transform .3s}
.meny-grupp.oppen .meny-kort li{opacity:1;transform:none;transition:opacity .5s var(--mjuk),transform .7s var(--mjuk)}
.meny-grupp.oppen .meny-kort li:nth-child(2){transition-delay:.04s}.meny-grupp.oppen .meny-kort li:nth-child(3){transition-delay:.08s}.meny-grupp.oppen .meny-kort li:nth-child(4){transition-delay:.12s}.meny-grupp.oppen .meny-kort li:nth-child(n+5){transition-delay:.16s}
.meny-kort .mn-namn{margin-top:8px;padding-bottom:4px}
.meny-lankar{display:flex;flex-wrap:wrap;gap:0 22px;padding-bottom:10px}
.meny-lankar a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}
.meny-fot{margin-top:auto;padding-top:28px;display:grid;gap:14px;opacity:0;transition:opacity .6s var(--mjuk) .2s}
.meny.syns>a,.meny.syns>.meny-grupp,.meny.syns .meny-fot{opacity:1;transform:none}
.meny>a:nth-child(2){transition-delay:.03s}.meny>a:nth-child(3){transition-delay:.06s}.meny>a:nth-child(4){transition-delay:.09s}.meny>a:nth-child(5){transition-delay:.12s}.meny>a:nth-child(6){transition-delay:.15s}.meny>a:nth-child(7){transition-delay:.18s}.meny>a:nth-child(8){transition-delay:.21s}.meny>a:nth-child(9){transition-delay:.24s}
.meny-fot .knapp{width:100%}
.meny-fot .sprakval{margin-left:-8px}
.meny-fot>a:not(.knapp){display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.topp.meny-oppen{background:var(--linen);border-bottom-color:var(--linje)}
.topp.meny-oppen::before{opacity:0}
.topp.trang .topp-nav,.topp.trang .topp-knapp{display:none}
.topp.trang .meny-knapp{display:grid}
@media (max-width:1080px){.topp-nav,.topp-knapp{display:none}.meny-knapp{display:grid}}
@media (max-width:860px){:root{--topp-h:60px;--hdr:60px}.ordmarke{font-size:17px}}


.lagom-knapp{position:fixed;right:clamp(14px,2vw,28px);bottom:calc(clamp(14px,2vw,28px) + env(safe-area-inset-bottom));z-index:45;display:grid;gap:3px;min-height:44px;padding:11px 16px 12px;background:var(--petrol);color:var(--linen);border-radius:2px;box-shadow:0 14px 34px rgba(13,70,89,.32);transition:transform .6s var(--mjuk),opacity .5s var(--mjuk),box-shadow .35s var(--mjuk)}
.lagom-knapp p{margin:0;line-height:1}
.lagom-knapp p:first-child{font-family:"Lateral";font-size:14px;letter-spacing:.02em;text-transform:uppercase}
.lagom-knapp p:last-child{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.86}
@media (max-width:400px){.lagom-knapp{padding:9px 12px 10px}.lagom-knapp p:first-child{font-size:12px}.lagom-knapp p:last-child{font-size:9px}}
.lagom-knapp:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(13,70,89,.38)}
.lagom-knapp[hidden]{display:none}
.lagom-knapp.undan{opacity:0;transform:translateY(24px);pointer-events:none}


.fot{position:relative;z-index:2;background:var(--graphite);color:var(--limestone);padding:clamp(64px,10vh,120px) var(--kant) 28px;font-size:14px}
.fot-inre{max-width:var(--max);margin:0 auto}
.fot-topp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr);gap:clamp(40px,7vw,140px);padding-bottom:clamp(48px,8vh,96px);border-bottom:1px solid rgba(237,231,219,.14)}
.fot-brev h2{color:var(--linen);font-family:"Soehne";font-size:11px;font-weight:500;letter-spacing:.08em;line-height:1.4}
.fot-brev>p{margin-top:14px;max-width:24em;color:var(--linen);font-size:clamp(18px,1.5vw,22px);line-height:1.35;font-weight:300}
.fot-form{display:flex;gap:10px;align-items:flex-end;margin:26px 0 0;max-width:30em}
.fot-form label{flex:1;min-width:0}
.fot-form span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--limestone);margin-bottom:6px}
.fot-form input{width:100%;min-height:48px;border:0;border-bottom:1px solid rgba(237,231,219,.35);background:transparent;color:var(--linen);font:400 16px/1.3 "Soehne",sans-serif;padding:8px 0;border-radius:0}
.fot-form input::placeholder{color:rgba(237,231,219,.5)}
.fot-form input:focus{outline:none;border-bottom-color:var(--linen)}
.fot-form+[role=status]{margin-top:12px;color:var(--linen)}
.fot-kolumner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fot-kolumner h3{font-family:"Soehne";color:var(--linen);font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:10px}
.fot-kolumner a{display:flex;align-items:center;min-height:44px;color:var(--limestone);line-height:1.3;transition:color .3s}
.fot-kolumner a:hover{color:var(--linen)}
.fot-mitt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;padding:clamp(40px,7vh,80px) 0 clamp(28px,4vh,44px)}
.fot-ord{font-family:"Lateral";font-weight:500;text-transform:uppercase;color:var(--linen);font-size:clamp(44px,10.4vw,168px);line-height:.86;letter-spacing:-.02em;white-space:nowrap}
.fot-sida{display:grid;gap:10px;justify-items:end;text-align:right}
.fot-sida p{color:var(--linen);max-width:22em}
.fot-social{display:flex;gap:18px}
.fot-social a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--limestone)}
.fot-social a:hover{color:var(--linen)}
.fot-rad{list-style:none;padding:20px 0 0;border-top:1px solid rgba(237,231,219,.14);display:flex;flex-wrap:wrap;gap:4px 22px;font-size:12px;color:var(--limestone)}
.fot-rad li{display:flex;align-items:center;min-height:32px}
.fot-rad a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.fot-rad a:hover{color:var(--linen)}
@media (max-width:960px){.fot-topp{grid-template-columns:1fr}}
@media (max-width:860px){
  .fot-kolumner{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .fot-mitt{grid-template-columns:1fr}
  .fot-sida{justify-items:start;text-align:left}
  .fot-ord{font-size:calc((100vw - 2 * var(--kant)) / 7)}
  .fot-form{flex-direction:column;align-items:stretch}
  .fot-rad{flex-direction:column;gap:0}
}


.finder{position:fixed;inset:0;z-index:80;background:var(--linen);color:var(--graphite);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(52,49,48,.35);border-radius:3px;padding:12px 18px;font:500 13px/1 "Soehne",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--graphite);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(52,49,48,.5);stroke-width:1}
.f-matt{position:absolute;translate:-50% -50%;font:500 12px/1 "Soehne",sans-serif;letter-spacing:.08em;color:var(--linen);background:rgba(52,49,48,.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(--graphite);font-size:clamp(16px,1.4vw,20px);text-shadow:0 0 14px rgba(237,231,219,.95),0 0 4px rgba(237,231,219,.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:uppercase;font-weight:500;color:var(--sage)}
.f-tillbaka,.f-andra{background:none;border:0;padding:12px 0;font:inherit;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--sage);cursor:pointer;min-height:44px}
.f-andra{margin-top:16px;align-self:flex-start}
.f-steg h2{font-size:clamp(28px,3vw,46px)}
.f-steg>p{margin:1em 0 1.6em;max-width:28em;color:#5a5650}
.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:uppercase;font-weight:500;color:var(--sage)}
.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(52,49,48,.3);background:transparent;border-radius:3px;font:400 16px/1 "Soehne",sans-serif;color:var(--graphite);cursor:pointer;transition:background .2s,color .2s,transform .15s}
.f-val button:hover{background:rgba(52,49,48,.06)}
.f-val button:active{transform:scale(.97)}
.f-val button.vald{background:var(--graphite);color:var(--linen);border-color:var(--graphite)}
.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:uppercase;font-weight:500;color:var(--sage);margin-bottom:6px}
.f-budget output{display:block;font-family:"Lateral";text-transform:uppercase;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(--graphite);border:3px solid var(--linen);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(--graphite);border:3px solid var(--linen);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(52,49,48,.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(--graphite)}
.f-falt{display:block;margin-bottom:18px;max-width:28em}
.f-falt span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--sage);margin-bottom:6px}
.f-falt input,.f-falt select{width:100%;min-height:48px;border:0;border-bottom:1px solid rgba(52,49,48,.35);background:transparent;font:400 17px/1.3 "Soehne",sans-serif;color:var(--graphite);padding:8px 0;border-radius:0}
.f-falt input:focus,.f-falt select:focus{outline:none;border-bottom-color:var(--graphite)}
.knapp:disabled{opacity:.4;cursor:not-allowed;transform:none}
.f-brev .f-fran{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--sage);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:#5a5650}
.f-ocksa{margin:1.2em 0;font-size:15px;color:#5a5650}
.f-ocksa span{display:inline-block;margin-right:18px;font-family:"Lateral";text-transform:uppercase;font-size:14px;color:var(--graphite)}
.f-ocksa small{display:block;margin-bottom:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--sage)}
.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(52,49,48,.04);transition:background .3s cubic-bezier(.16,1,.3,1)}
.f-forslag-kort:hover,.f-forslag-kort:focus-visible{background:rgba(52,49,48,.09)}
.f-forslag-kort:focus-visible{outline:2px solid var(--graphite);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:"Lateral";text-transform:uppercase;font-weight:500;font-size:15px;letter-spacing:.04em;color:var(--graphite)}
.f-forslag-kort p{margin:0 12px 12px;font-size:14px;line-height:1.4;color:#5a5650}
.f-butik{margin:1em 0 1.6em;padding:16px 0;border-top:1px solid rgba(52,49,48,.15);border-bottom:1px solid rgba(52,49,48,.15);font-size:16px}
.f-butik strong{display:block;font-family:"Lateral";text-transform:uppercase;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(52,49,48,.25)}
.f-liten{font-size:13px;color:var(--sage)}
@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(--linen);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-kort::before,.f-kort::after{display:none}
}

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


.reg{grid-template-columns:1fr 1fr}
.reg-cert{display:grid;place-items:center;background:var(--golv);padding:12vh var(--kant)}
.cert{position:relative;width:min(460px,100%);aspect-ratio:1/1.3;background:#f6f1e7;color:var(--graphite);padding:clamp(24px,4vw,44px);box-shadow:0 40px 90px rgba(0,0,0,.45), inset 0 0 0 1px rgba(52,49,48,.12), inset 0 0 0 9px #f6f1e7, inset 0 0 0 10px rgba(52,49,48,.2);display:flex;flex-direction:column;align-items:center;text-align:center;transform:rotate(-1.2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.reg:not([hidden]) .cert{transform:rotate(0)}
.cert-topp{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--sage);margin:8px 0 22px}
.cert h2{font-family:"Soehne";font-weight:300;text-transform:none;font-size:clamp(24px,2.6vw,36px);letter-spacing:0;border-bottom:1px solid rgba(52,49,48,.3);padding-bottom:10px;min-height:1.3em;max-width:100%;overflow-wrap:anywhere}
.cert-rad{margin-top:14px;font-size:14px;color:#5a5650;display:flex;flex-direction:column;gap:4px;min-height:2.6em}
.cert-garanti{margin-top:12px;font-size:13px;max-width:22em;line-height:1.4}
.cert img{width:46%;margin:auto 0 10px;filter:sepia(.4) saturate(1.6) brightness(.78);transition:transform .5s}
.cert-nr{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}

.cert-fot{margin:auto 0 10px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.cert-sign{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.cert .cert-sign img{width:100%;max-width:210px;height:auto;margin:0 0 -4px;filter:none;opacity:.9}
.cert-sign span{align-self:stretch;border-top:1px solid rgba(52,49,48,.35);padding-top:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);text-align:left}
.cert .cert-sigill{width:32%;margin:0;flex:none}
.f-samtycke{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#5a5650;max-width:30em;margin:6px 0 22px}
.f-samtycke input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--graphite)}

[data-steg="book"] .f-samtycke{min-height:44px;align-items:center}
@media (max-width:860px){.reg{grid-template-columns:1fr;grid-template-rows:42svh 1fr}.reg-cert{padding:56px var(--kant) 16px;overflow:hidden}.cert{width:min(230px,60vw);padding:16px}.cert h2{font-size:18px}.cert-rad,.cert-garanti{font-size:11px}.cert-topp{margin:0 0 10px;font-size:9px}.cert img{width:36%}}

@media (max-width:860px){.reg-cert{padding:44px var(--kant) 34px}.cert{width:min(206px,54vw);padding:14px}.cert-fot{gap:8px;margin-bottom:6px}.cert .cert-sign img{max-width:none;margin-bottom:-2px}.cert-sign span{font-size:7px;letter-spacing:.08em;white-space:nowrap;padding-top:4px}.cert .cert-sigill{width:30%}}


.f-val button{border-radius:2px;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(--graphite);color:var(--linen);border-color:var(--graphite)}
.f-stang{border-radius:2px;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}


.sprakval{display:flex;flex-wrap:wrap;gap:0 4px;font-size:13px;letter-spacing:.04em}
.sprakval a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;opacity:.78}
.sprakval a:hover,.sprakval a[aria-current]{opacity:1}
.sprakval a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.d-sprak{margin-top:8px;margin-left:-8px}

p,li,dd,dt,a,span,label,button,figcaption,blockquote{overflow-wrap:break-word}
:lang(sv) :is(h1,h2,h3,h4,.fot-kolumner a),:lang(de) :is(h1,h2,h3,h4,.fot-kolumner a),:lang(da) :is(h1,h2,h3,h4,.fot-kolumner a),:lang(nl) :is(h1,h2,h3,h4,.fot-kolumner a),:lang(pt-BR) :is(h1,h2,h3,h4,.fot-kolumner a){-webkit-hyphens:auto;hyphens:auto}
@media (max-width:560px){h1,h2,h3,h4{overflow-wrap:break-word}}


.fot-svar{margin-top:10px;font-size:14px;color:var(--limestone);min-height:1.4em}

@media (prefers-reduced-motion:reduce){
  .topp,.topp::before,.topp-nav>a::after,.mn-knapp::after,.meny>a,.meny-fot,.sprak-lista,.lagom-knapp,.knapp,.meny-knapp span{transition:none}
  .mn-panel,.mn.oppen .mn-panel,.mn-kort li,.mn.oppen .mn-kort li,.mn-lankar,.mn.oppen .mn-lankar,.mn-skugga,.topp.mn-oppen .mn-skugga,.mn-bild img,.mn-lankar a::after,.meny>.meny-grupp,.meny-grupp-knapp::after,.meny-grupp-inne,.meny-kort li,.meny-grupp.oppen .meny-kort li{transition:none}
  .mn-panel,.mn-kort li,.meny-kort li{transform:none}
}
.mn-kort a[aria-current] .mn-namn{text-decoration:underline;text-underline-offset:4px}


@keyframes sigill-snurr{from{transform:translate(-50%,-50%) rotate(-10deg)}to{transform:translate(-50%,-50%) rotate(350deg)}}
.sigill.snurrar,.hr-sigill.snurrar{animation:sigill-snurr 60s linear infinite}
@media (prefers-reduced-motion:reduce){.sigill.snurrar,.hr-sigill.snurrar{animation:none}}


@media (min-width:861px){
  .e-text.e-nummer>p,.e-text.e-nummer>.e-lank{margin-left:clamp(0px,9vw,132px)}
  .e-text.e-nummer>p{max-width:26em}
}


@media (max-width:480px){
  :root .e-text h2,:root .e-delad h2,:root .e-rad-huvud h2,:root .s-huvud h2,:root .ty-huvud h2,:root .il-huvud h2,
  :root .mp-rubrikrad h2,:root .mp-faq h2,:root .mp-garanti h2,:root .mp-fasthet h2,:root .kb-del-huvud h2{font-size:min(30px,calc((100vw - 2 * var(--kant)) / 10.4))}
  :root .kb-huvud h1{font-size:min(40px,calc((100vw - 2 * var(--kant)) / 8))}
  :root .e-cta-inre h2{font-size:min(36px,calc((100vw - 2 * var(--kant)) / 7.6))}
  
  :root .mp-vald{flex-wrap:wrap;row-gap:4px}
}