:root{
  --paper:#f4eee1; --surface:#fbf8f1; --card:#fff;
  --ink:#2a2520; --muted:#736a5d; --line:#e7ddca;
  --accent:#b4422f; --accent-soft:rgba(180,66,47,.1);
  --green:#3f6b4a; --green-soft:rgba(63,107,74,.1);
  --rubrik:"Newsreader", Georgia, serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;line-height:1.6;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;}
/* källänkar i löptext: understrukna så att de syns som länkar, med en
   diskret pil när de lämnar sajten */
.prosa a[href^="http"],.kalla a{color:var(--accent);text-decoration:underline;
  text-underline-offset:3px;text-decoration-thickness:1px;}
.prosa a[href^="http"]::after,.kalla a::after{content:" \2197";font-size:0.85em;
  text-decoration:none;display:inline-block;}
.kalla{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.kalla li{font-size:15.5px;line-height:1.55;color:var(--muted);
  padding-left:16px;border-left:2px solid var(--line);}
.kalla strong{display:block;color:var(--ink);font-weight:600;}
h1,h2,h3{font-family:var(--rubrik);font-weight:500;letter-spacing:-.01em;line-height:1.14;margin:0 0 18px;}
h1{font-size:clamp(32px,6.6vw,54px);line-height:1.06;letter-spacing:-.02em;text-wrap:balance;}
h2{font-size:clamp(24px,4.2vw,33px);}
h3{font-size:clamp(18px,2.8vw,21px);font-weight:600;margin-bottom:6px;}
p{margin:0 0 18px;font-size:17px;line-height:1.75;}
.prosa,.prosa p{max-width:62ch;}
.hoppa{position:absolute;left:-9999px;background:var(--ink);color:#fff;padding:12px 18px;z-index:100;}
.hoppa:focus{left:8px;top:8px;}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;}

.wrap{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px;}
@media(min-width:900px){.wrap{padding-left:28px;padding-right:28px;}}
section{padding:52px 0;}
@media(min-width:900px){section{padding:84px 0;}}
.smal{max-width:780px;margin:0 auto;}
.mitt{max-width:1000px;margin:0 auto;}
.ingress{font-size:clamp(17.5px,2.4vw,20px);line-height:1.62;color:var(--muted);margin-bottom:30px;max-width:60ch;}
.kicker{display:block;font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.hjalp{font-size:14.5px;color:var(--muted);}
.dold{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

.topprad{background:var(--ink);color:#d9cfbd;font-size:13px;}
.topprad .wrap{display:flex;gap:8px 16px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;align-items:center;}
.topprad strong{color:#f4eee1;}
.topprad a{color:inherit;text-decoration:none;}
.topprad .tel{margin-left:auto;}
@media(max-width:599px){.dolj-xs{display:none;}}

.header{position:sticky;top:0;z-index:50;background:rgba(244,238,225,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.header .wrap{display:flex;align-items:center;gap:16px;min-height:66px;}
@media(min-width:1000px){.header .wrap{min-height:76px;gap:24px;}}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.marke{width:38px;height:38px;flex-shrink:0;}
.brand-t{display:block;font-family:var(--rubrik);font-size:21px;font-weight:600;line-height:1;}
.brand-s{display:block;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:3px;}
.nav{display:none;}
@media(min-width:1000px){.nav{display:block;margin-left:6px;}}
.nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;}
.nav a{display:block;padding:8px 14px;border-radius:100px;text-decoration:none;font-size:15.5px;font-weight:500;}
.nav a[aria-current]{background:var(--accent-soft);color:var(--accent);font-weight:600;}
.mobmeny{margin-left:auto;}
@media(min-width:1000px){.mobmeny{display:none;}}
.mobmeny summary{list-style:none;width:44px;height:44px;border:1.5px solid var(--line);background:var(--card);
  border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;}
.mobmeny summary::-webkit-details-marker{display:none;}
.mobmeny summary span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;}
.mobmeny nav{position:absolute;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:6px 20px 18px;}
.mobmeny nav ul{list-style:none;margin:0;padding:0;}
.mobmeny nav a{display:block;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-size:18px;font-weight:600;}

.brod{font-size:13.5px;color:var(--muted);padding:14px 0 0;}
.brod a{color:var(--muted);}

.knapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:100px;
  font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;padding:14px 26px;text-decoration:none;line-height:1.2;}
.primar{background:var(--accent);color:#fff;}
.sekundar{background:none;color:var(--ink);border:1.5px solid var(--ink);}
.morк{background:var(--ink);color:#fff;}
.knappar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px;}
@media(max-width:479px){.knappar .knapp{flex:1 1 100%;}}

.delad{display:grid;gap:26px;}
@media(min-width:900px){.delad{grid-template-columns:1fr 1fr;gap:50px;align-items:center;}}
.hero{display:grid;gap:26px;}
@media(min-width:900px){.hero{grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;}}
.rutnat-2,.rutnat-3,.rutnat-4{display:grid;gap:16px;list-style:none;margin:0;padding:0;}
@media(min-width:760px){.rutnat-2{grid-template-columns:1fr 1fr;gap:20px;}
  .rutnat-3{grid-template-columns:repeat(3,1fr);gap:22px;}}
.flode{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none;margin:0;padding:0;}
@media(min-width:640px){.flode{grid-template-columns:repeat(3,1fr);gap:20px;}}
@media(min-width:1000px){.flode{grid-template-columns:repeat(4,1fr);gap:22px;}}

.ruta{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px;}
@media(min-width:900px){.ruta{padding:34px 32px;}}
.panel{background:var(--surface);border-radius:20px;padding:30px 24px;}
@media(min-width:900px){.panel{padding:52px 54px;}}
.band{background:var(--green);color:#f2ece0;border-radius:20px;padding:30px 24px;}
@media(min-width:900px){.band{padding:42px 46px;}}
.bild{display:block;border-radius:16px;overflow:hidden;background:var(--surface);}
.bild img{width:100%;height:100%;object-fit:cover;}
.fyrkant{aspect-ratio:1/1;} .tre-tva{aspect-ratio:3/2;} .fyra-fem{aspect-ratio:4/5;} .fem-fyra{aspect-ratio:5/4;}

.kort{position:relative;}
/* Förhandsläge: butiken är inte fylld än. Bilderna suddas, tappar färg och
   går inte att klicka på — de ska läsas som "kommer snart", aldrig som varor. */
.kort-forhand{pointer-events:none;user-select:none;}
.kort-forhand img{filter:blur(14px) saturate(0.55);transform:scale(1.06);}
.kort-forhand .bild{position:relative;overflow:hidden;}
.kort-forhand .bild::after{content:"";position:absolute;inset:0;background:rgba(244,238,225,0.42);}
@media (prefers-reduced-motion:reduce){.kort-forhand img{transform:none;}}
.kort a{text-decoration:none;display:flex;flex-direction:column;}
.kort .bild{margin-bottom:10px;}
.etikett{position:absolute;top:9px;left:9px;background:rgba(251,248,241,.94);border-radius:100px;
  padding:4px 10px;font-size:11.5px;font-weight:600;}
.kort-t{font-size:15.5px;font-weight:600;line-height:1.3;}
.kort-t.stor{font-family:var(--rubrik);font-size:20px;font-weight:600;margin:2px 0 5px;}
.kort-x{font-size:14.5px;color:var(--muted);}
.pris{font-size:15.5px;font-weight:700;color:var(--accent);margin-top:4px;}

.lst{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.lst li{font-size:15.5px;line-height:1.45;}
.lst strong{font-weight:600;}
.bock li,.kryss-nej li{padding-left:26px;position:relative;}
.bock li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;
  border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg);}
.kryss-nej li::before{content:"×";position:absolute;left:2px;top:0;color:#b8ad9a;font-weight:700;font-size:19px;}
.notis{border-radius:13px;padding:15px 17px;font-size:15px;margin-top:18px;}
.notis-gron{background:var(--green-soft);color:#3a5a44;}
.notis-neutral{background:var(--surface);border:1px solid var(--line);color:var(--muted);}

.steg{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:26px;}
@media(min-width:760px){.steg{grid-template-columns:repeat(3,1fr);gap:22px;}}
.steg.fyra{grid-template-columns:1fr;}
@media(min-width:760px){.steg.fyra{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1000px){.steg.fyra{grid-template-columns:repeat(4,1fr);}}
.steg li{counter-increment:s;}
.steg li h3{margin-bottom:4px;}
.steg li::before{content:counter(s);display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;
  font-family:var(--rubrik);font-size:18px;font-weight:600;margin-bottom:12px;}

.fragor{margin:0 0 8px;}
.fragor h2{margin:38px 0 4px;font-size:clamp(19px,2.6vw,22px);}
.fragor h2:first-child{margin-top:0;}

/* utfällbara block — inga skript, fungerar överallt */
.fallbar{border-bottom:1px solid var(--line);}
.fallbar > summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;
  font-weight:600;font-size:17.5px;line-height:1.4;}
.fallbar > summary::-webkit-details-marker{display:none;}
.fallbar > summary::after{content:"";position:absolute;right:10px;top:27px;width:9px;height:9px;
  border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);
  transform:rotate(45deg);transition:transform .15s ease;}
.fallbar[open] > summary::after{transform:rotate(-135deg);top:31px;}
.fallbar > summary:hover{color:var(--accent);}
.svar{padding:0 0 24px;max-width:62ch;}
.svar p{color:var(--muted);margin-bottom:12px;}
.svar p:last-child,.svar ul:last-child{margin-bottom:0;}
.svar .lst li{color:var(--muted);}
.svar .lst strong{color:var(--ink);}

.fakta{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:14px;}
@media(min-width:700px){.fakta{grid-template-columns:repeat(3,1fr);gap:22px;}}
.fakta li{position:relative;padding-left:30px;font-size:16.5px;font-weight:600;line-height:1.4;}
.fakta li::before{content:"";position:absolute;left:0;top:.42em;width:13px;height:8px;
  border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg);}
.fakta span{display:block;font-weight:400;font-size:15px;color:var(--muted);margin-top:2px;}

.regel{font-family:var(--rubrik);font-size:clamp(22px,3.4vw,30px);line-height:1.3;
  max-width:22ch;margin:0 0 28px;}

.orter{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;}
.orter a{display:inline-block;border:1px solid var(--line);background:var(--card);border-radius:100px;
  padding:8px 16px;font-size:14.5px;text-decoration:none;}

.bokning ol{list-style:none;counter-reset:b;margin:0;padding:0;}
.bokning ol > li{counter-increment:b;border-top:1px solid var(--line);padding:22px 0;position:relative;padding-left:44px;}
.bokning ol > li:first-child{border-top:none;padding-top:4px;}
.bokning ol > li::before{content:counter(b);position:absolute;left:0;top:20px;width:30px;height:30px;
  border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:14.5px;font-weight:700;}
.bokning ol > li:first-child::before{top:2px;}
.bokning h3{margin-bottom:4px;}
.bokning .rutnat{display:grid;gap:14px;}
@media(min-width:700px){.bokning .rutnat{grid-template-columns:1fr 1fr;}}
.bokning label{display:block;font-size:14px;font-weight:600;}
.bokning input[type=text],.bokning input[type=tel],.bokning input[type=email],.bokning textarea{
  width:100%;margin-top:6px;border:1.5px solid var(--line);background:var(--card);border-radius:100px;
  padding:13px 18px;font:inherit;font-size:16px;color:var(--ink);}
.bokning textarea{border-radius:16px;resize:vertical;}
.filfalt{border:1.5px dashed var(--line);background:var(--card);border-radius:16px;padding:26px 18px;
  text-align:center;cursor:pointer;display:block;}
.filfalt:hover,.filfalt:focus-within{border-color:var(--accent);background:var(--surface);}
.filfalt-ikon{display:block;color:var(--muted);margin-bottom:8px;}
.filfalt-ikon svg{margin:0 auto;}
.filfalt-t{display:block;font-weight:600;font-size:16.5px;}
.filfalt-x{display:block;font-size:14.5px;color:var(--muted);margin-top:3px;}
.filfalt input{position:absolute;width:1px;height:1px;opacity:0;}

.bildlista{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(88px,1fr));}
.bildlista li{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);}
.bildlista img{width:100%;height:100%;object-fit:cover;}
.bildlista button{position:absolute;top:5px;right:5px;width:28px;height:28px;border:none;
  border-radius:50%;background:rgba(42,37,32,.74);color:#fff;font-size:17px;line-height:1;
  cursor:pointer;padding:0;}
.bildstatus{font-size:14.5px;color:var(--muted);margin:10px 0 0;min-height:1.4em;}
.bildtips{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.bildtips li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.5;color:var(--muted);}
.bildtips li strong{color:var(--ink);}
.bildtips li::before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;
  border-radius:50%;background:var(--accent);}
.bokning fieldset{border:none;margin:0 0 18px;padding:0;}
.bokning legend{font-size:14px;font-weight:600;padding:0;margin-bottom:9px;}
.kryss{display:flex;flex-wrap:wrap;gap:8px;}
.kryssruta,.bokning label.kryssruta{display:inline-flex;align-items:center;gap:10px;
  border:1.5px solid var(--line);background:var(--card);border-radius:100px;
  padding:10px 18px;font-size:15px;font-weight:500;cursor:pointer;margin:0;}
.kryssruta:has(input:checked){border-color:var(--accent);background:var(--accent-soft);}
.kryssruta input{flex:0 0 auto;width:17px;height:17px;}
.kryssruta:focus-within{border-color:var(--accent);}
.kryssruta input{accent-color:var(--accent);margin:0;}
.bokning label.kryssruta span{font-weight:500;}
.frivilligt{font-weight:400;color:var(--muted);}
.honung{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.foot{margin-top:60px;background:var(--ink);color:#d9cfbd;}
.foot a{color:#d9cfbd;}
.foot-g{display:grid;gap:26px;padding:38px 0 24px;}
@media(min-width:700px){.foot-g{grid-template-columns:1fr 1fr;}}
@media(min-width:1000px){.foot-g{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding:50px 0 30px;}}
.foot h2{font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8a8072;margin:0 0 12px;}
.foot p,.foot address{font-size:15px;color:#b3a892;font-style:normal;max-width:300px;}
.foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.foot-brand span{font-family:var(--rubrik);font-size:20px;font-weight:600;color:#f4eee1;}
.foot-l{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px;color:#b3a892;}
.foot-b{border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8a8072;}
.foot-b .wrap{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;}