/* Menyn som en fråga: "Vad vill du göra?" */
.mbtn{display:inline-flex;align-items:center;gap:10px;background:none;border:1px solid var(--ink,#121614);color:var(--ink,#121614);font:inherit;font-size:.85rem;padding:8px 14px;cursor:pointer;margin-top:4px}
.mbtn i{display:inline-grid;gap:4px;width:16px}
.mbtn i:before,.mbtn i:after{content:'';display:block;height:1px;background:currentColor}
.mbtn:hover{background:var(--ink,#121614);color:#fff}
.meny{position:fixed;inset:0;z-index:100;background:var(--paper,#FBFAF7);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.meny.open{opacity:1;visibility:visible;transition:opacity .25s ease}
.meny-in{min-height:100%;display:flex;flex-direction:column;padding:14px var(--pad,clamp(16px,2vw,28px)) 24px}
.meny-top{display:flex;justify-content:space-between;align-items:flex-start}
.meny-top .logo{font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:-.05em;line-height:.9;text-decoration:none;color:var(--ink,#121614)}
.meny-q{font-size:clamp(2.2rem,5.4vw,4.8rem);letter-spacing:-.045em;line-height:1;margin:clamp(40px,7vw,90px) 0 28px;font-weight:400;border-top:1px solid var(--ink,#121614);padding-top:14px}
.meny-q small{display:block;font-size:.8rem;letter-spacing:0;color:var(--dim,#6A716D);margin-bottom:28px}
.meny-val{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}
.mval{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2.4vw,30px);min-height:clamp(300px,40vh,460px);text-decoration:none}
.mval.a{background:var(--accent,#0A5A3F);color:#fff}
.mval.b{background:var(--stone,#E6E3DC);color:var(--ink,#121614)}
.mval i{font-style:normal;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.mval h3{font-weight:400;font-size:clamp(1.8rem,3.4vw,3.2rem);letter-spacing:-.04em;line-height:1.02;margin-top:18px}
.mval p{margin-top:12px;max-width:420px;font-size:1rem;line-height:1.45;opacity:.85}
.mval ul{list-style:none;margin-top:28px}
.mval li a{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid currentColor;text-decoration:none;font-size:clamp(1rem,1.4vw,1.2rem);color:inherit}
.mval.a li a{border-color:rgba(255,255,255,.35)}.mval.b li a{border-color:#cfccc4}
.mval li a:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.meny-fot{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:22px;font-size:.85rem;color:var(--dim,#6A716D)}
.meny-fot a{color:var(--ink,#121614)}
html.meny-oppen,html.meny-oppen body{overflow:hidden}
@media(max-width:860px){.meny-val{grid-template-columns:1fr}.mval{min-height:0}}
@media(prefers-reduced-motion:reduce){.meny,.meny.open{transition:none}}
.mval li.mcta{margin-top:14px}
.mval li.mcta a{background:#51E477;color:#0E1A15;border:0;padding:16px 18px;font-weight:500}
.mval li.mcta a:hover{background:#6AEB8B}
.mval li.mcta a:hover span:first-child{text-decoration:none}

/* Egen muspekare: ett mellanting mellan pil och spader. Pilens raka kant och spets, spaderns rundade blad och utsvängda fot. Samma svarta pekare även över det klickbara. */
@media (hover:hover) and (pointer:fine){
html{cursor:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 5 3,auto;cursor:-webkit-image-set(url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 1x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2260%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 2x) 5 3,auto;cursor:image-set(url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 1x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2260%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 2x) 5 3,auto}
a,button,label,summary,select,[role=button],[data-meny],[data-cta],.s-opt,.mbtn,.btn{cursor:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 5 3,pointer!important;cursor:-webkit-image-set(url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 1x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2260%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 2x) 5 3,pointer!important;cursor:image-set(url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 1x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2260%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 2x) 5 3,pointer!important}
input[type=text],input[type=email],input[type=tel],input[type=url],input:not([type]),textarea{cursor:text!important}
}

/* "gratis": tunn ljusgrön understrykning som ritas in */
.gr{position:relative;display:inline-block;z-index:0;line-height:1}
.gr::after{content:"";position:absolute;left:0;right:0;bottom:.03em;height:1.5px;z-index:-1;background:#51E477;border-radius:1px;transform:scaleX(0);transform-origin:left center;transition:transform .8s cubic-bezier(.2,.7,.2,1) .25s;pointer-events:none}
.gr.in::after{transform:scaleX(1)}
h1 .gr::after,h2 .gr::after,.big .gr::after{height:2px;bottom:.1em}
@media (prefers-reduced-motion:reduce){.gr::after{transition:none;transform:scaleX(1)}}
/* handritad ring runt fristående "Gratis" */
.gr-ring{position:relative;display:inline-block}
.gr-r{position:absolute;left:-.95em;right:-.95em;top:-.7em;bottom:-.7em;width:calc(100% + 1.9em);height:calc(100% + 1.4em);overflow:visible;pointer-events:none}
.gr-r path{fill:none;stroke:#51E477;stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s cubic-bezier(.45,.05,.25,1) .35s}
.gr-ring.in .gr-r path{stroke-dashoffset:0}
.pill-w.visa .gr::after{transform:scaleX(1);transition-delay:.6s}
@media (prefers-reduced-motion:reduce){.gr-r path{transition:none;stroke-dashoffset:0}}


.pill-t .gr::after{height:1px}

/* fristående "Gratis": ingen ring, bara ljusgrön text */
.gr-r{display:none!important}
.gr-ring{color:#51E477}

/* "gratis" i löptext: ingen understrykning. I stickyn lite fetare */
.gr::after{display:none!important}
.pill .gr{font-weight:500}

/* Markören i formulären: mintgrön på mörkt, mörkgrön på ljust */
input,textarea{caret-color:#0A5A3F}
.kontakt input,.kontakt textarea,.fwrap input,.k-right input{caret-color:#51E477}