.gform_validation_container,.gfield--type-honeypot,.gform_hidden,.gfield--type-hidden,.gfield_visibility_hidden,.gform_ajax_frame{display:none!important}.screen-reader-text,.hidden_sub_label,.hidden_label>.gfield_label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.gform_button,.gform_next_button,.gform_previous_button) svg{width:1em;height:1em}:where(.site-hopp){position:absolute;left:-9999px;top:0;z-index:100}:where(.site-hopp:focus){left:12px;top:12px;padding:10px 16px;background:#000;color:#fff}:where(.gform_required_legend){display:none}@media (max-width:860px){body:has(:is(input:not([type=hidden]),select,textarea):focus) :is(.site-mobillist,.site-mlist){visibility:hidden}}@media (hover:hover){.site-drop:hover>ul[hidden]{display:block!important}.site-drop>ul::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px}}

:root,.site{--acc-39:#444444;--dark-36:#55275f;--dark-44:#5a4f5c;--dark-61:#8a7f8c;--acc-45:#8f1d74;--acc-53:#b0268f;--dark-88:#e3cfe3;--dark-91:#eedcee;--acc-85:#f3b9e4;--acc-95:#f6e9f4;--dark-96:#f6edf6;--acc-96:#fbeff8;--dark-a8:rgba(66,28,76,.08);--dark-a9:rgba(66,28,76,.09);--dark-a10:rgba(66,28,76,.1);--dark-a12:rgba(66,28,76,.12);--dark-a14:rgba(66,28,76,.14);--dark-a22:rgba(66,28,76,.22);--dark-a35:rgba(66,28,76,.35);--dark-a82:rgba(66,28,76,.82);--dark-a86:rgba(66,28,76,.86);--dark-a88:rgba(66,28,76,.88);--dark-a94:rgba(66,28,76,.94);--acc:#d838b2;--ff-knapp:var(--acc-53);--ff-knapp-hover:var(--acc-45);--dark:#421C4C;--ff-lila-2:var(--dark-36);--ff-rosa:var(--dark-96);--ff-rosa-2:var(--dark-91);--ff-text:#191919;--ff-gra:var(--dark-44);--ff-linje:var(--dark-88);--ff-falt:var(--dark-61);--ff-vit:#fff;--ff-stjarna:#e8a317;
  --ff-font:fieldwork,"Outfit",system-ui,sans-serif;
  --ff-max:1350px;--ff-kant:40px;--ff-r:8px;--ff-rk:24px;--ff-topp:0px;
  container:ram/inline-size;background:var(--ff-rosa);color:var(--ff-text);font:300 17px/1.6 var(--ff-font);letter-spacing:.16px;-webkit-font-smoothing:antialiased}
.site *,.site *::before,.site *::after{box-sizing:border-box}
.site img{display:block;max-width:100%;height:auto}
.site h1,.site h2,.site h3{font-family:var(--ff-font);font-weight:600;color:var(--ff-text);margin:0;letter-spacing:-.72px;text-wrap:balance}
.site h1{font-size:52px;line-height:1.06}
.site h2{font-size:38px;line-height:1.1}
.site h3{font-size:21px;line-height:1.25;letter-spacing:-.2px}
.site p{margin:0 0 1em;max-width:36em}
.site p:last-child{margin-bottom:0}
.site strong{font-weight:600}
.site a{color:var(--ff-knapp)}
.site a:focus-visible,.site button:focus-visible,.site summary:focus-visible,.site input:focus-visible,.site select:focus-visible,.site textarea:focus-visible,.site label:focus-within{outline:2px solid var(--ff-knapp);outline-offset:3px}
.site-mork a:focus-visible,.site-mork button:focus-visible,.site-fot a:focus-visible{outline-color:#fff}
.site-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-hoppa{position:absolute;left:16px;top:-80px;z-index:100;background:var(--dark);color:#fff!important;padding:12px 16px;border-radius:var(--ff-r)}
.site-hoppa:focus{top:12px}
.site-in{max-width:var(--ff-max);margin-inline:auto;padding-inline:var(--ff-kant)}
.site-sek{padding-block:80px}
.site-sek--vit{background:var(--ff-vit)}
.site-over{display:flex;align-items:center;gap:10px;font:600 13px/1.4 var(--ff-font);letter-spacing:1.4px;text-transform:uppercase;color:var(--ff-knapp);margin-bottom:14px}
.site-over::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--acc);flex:none}
.site-mork .site-over{color:var(--acc-85)}
.site-rubrad{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}
.site-rubrad p{margin:0;color:var(--ff-gra)}
.site-ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.site-knapp,.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 28px;border-radius:var(--ff-rk);border:1.5px solid transparent;font:600 16px/1.2 var(--ff-font);letter-spacing:.16px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s}
.site-knapp--fylld,.site-btn{background:var(--ff-knapp);color:#fff!important}
.site-knapp--fylld:hover,.site-btn:hover{background:var(--ff-knapp-hover)}
.site-knapp--lila{background:var(--dark);color:#fff!important}
.site-knapp--lila:hover{background:var(--ff-lila-2)}
.site-knapp--linje{border-color:var(--dark);color:var(--dark)!important;background:transparent}
.site-knapp--linje:hover{background:var(--dark);color:#fff!important}
.site-mork .site-knapp--linje{border-color:#fff;color:#fff!important}
.site-mork .site-knapp--linje:hover{background:#fff;color:var(--dark)!important}
.site-knapp .site-ico,.site-btn .site-ico{width:19px;height:19px}
.site-pil{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:none;color:var(--ff-knapp)}
.site-pil .site-ico{width:18px;height:18px;transition:transform .15s}
.site-pil:hover .site-ico{transform:translateX(3px)}
.site-knappar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}


.site-sidhuvud{position:sticky;top:var(--ff-topp);z-index:40;background:var(--ff-vit);border-bottom:1px solid var(--ff-linje)}
.site-sidhuvud__rad{display:flex;align-items:center;gap:24px;height:84px}
.site-logga{display:flex;align-items:center;flex:none;min-height:44px}
.site-logga img{height:40px;width:auto}
.site-nav{flex:1;display:flex;justify-content:center;min-width:0}
.site-nav>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.site-nav li{position:relative}
.site-nav a,.site-nav__knapp{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 11px;font:400 16px/1 var(--ff-font);color:var(--ff-text);text-decoration:none;background:none;border:0;cursor:pointer;border-radius:var(--ff-r);white-space:nowrap}
.site-nav a:hover,.site-nav__knapp:hover{color:var(--ff-knapp)}
.site-nav a[aria-current="page"]{color:var(--ff-knapp);box-shadow:inset 0 -2px 0 var(--acc)}
.site-nav__knapp .site-ico{width:16px;height:16px;transition:transform .15s}
.site-nav__knapp[aria-expanded="true"] .site-ico{transform:rotate(180deg)}
.site-panel{position:absolute;left:-12px;top:calc(100% + 10px);width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r);box-shadow:0 18px 44px var(--dark-a14);padding:10px;list-style:none;margin:0}
.site-panel[hidden]{display:none}
.site-panel a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:10px 12px;min-height:56px;width:100%;white-space:normal;line-height:1.25}
.site-panel a img{width:30px;height:30px;flex:none}
.site-panel a span{display:block;font-size:13px;color:var(--ff-gra);margin-top:2px}
.site-panel a:hover{background:var(--ff-rosa)}
.site-sidhuvud__hoger{display:flex;align-items:center;gap:16px;flex:none}
.site-tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ff-text)!important;text-decoration:none;font-weight:600;white-space:nowrap}
.site-tel:hover{color:var(--ff-knapp)!important}
.site-tel .site-ico{color:var(--acc)}
.site-ikonknapp{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--ff-linje);background:#fff;color:var(--ff-text);cursor:pointer;padding:0}
.site-ikonknapp .site-ico{width:22px;height:22px}
.site-ikonknapp--tel{color:var(--ff-knapp)}
.site-menyknapp .site-ico--kryss{display:none}
.site-menyknapp[aria-expanded="true"] .site-ico--kryss{display:block}
.site-menyknapp[aria-expanded="true"] .site-ico--meny{display:none}
.site-mobilmeny{border-top:1px solid var(--ff-linje);background:#fff;padding:8px var(--ff-kant) 20px}
.site-mobilmeny[hidden]{display:none}
.site-mobilmeny ul{list-style:none;margin:0;padding:0}
.site-mobilmeny>ul>li{border-bottom:1px solid var(--ff-linje)}
.site-mobilmeny a,.site-mobilmeny summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font:400 18px/1.2 var(--ff-font);color:var(--ff-text);text-decoration:none;cursor:pointer;list-style:none}
.site-mobilmeny summary::-webkit-details-marker{display:none}
.site-mobilmeny summary .site-ico{transition:transform .15s}
.site-mobilmeny details[open] summary .site-ico{transform:rotate(180deg)}
.site-mobilmeny details ul{padding:0 0 10px 14px}
.site-mobilmeny details a{min-height:46px;font-size:17px;color:var(--ff-gra)}
.site-mobilmeny__kontakt{display:grid;gap:10px;margin-top:18px}
.site-mobilmeny__kontakt .site-knapp,.site-mobilmeny__kontakt .site-btn{width:100%}


.site-hjalte{position:relative;overflow:hidden;padding-block:56px 0}
.site-hjalte__rad{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
.site-hjalte__text{padding-bottom:56px;min-width:0}
.site-hjalte h1{font-size:60px;margin-bottom:16px}
.site-hjalte h1 span{display:block;font-size:26px;line-height:1.25;letter-spacing:-.3px;font-weight:400;color:var(--ff-gra);margin-top:12px}
.site-hjalte__ingress{font-size:19px;margin-bottom:26px}
.site-uppgift{background:#fff;border-radius:var(--ff-r);padding:24px;box-shadow:0 10px 34px var(--dark-a9);max-width:640px}
.site-snabb legend{font:600 18px/1.3 var(--ff-font);padding:0;margin-bottom:14px}
.site-snabb fieldset{border:0;margin:0;padding:0;min-width:0}
.site-chippar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.site-chip{position:relative;display:inline-flex}
.site-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.site-chip span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border:1.5px solid var(--ff-falt);border-radius:var(--ff-rk);font-size:15px;font-weight:400;cursor:pointer;background:#fff;transition:background-color .12s,border-color .12s}
.site-chip:hover span{border-color:var(--ff-knapp)}
.site-chip input:checked+span{background:var(--dark);border-color:var(--dark);color:#fff}
.site-chip input:focus-visible+span{outline:2px solid var(--ff-knapp);outline-offset:3px}
.site-uppgift__rad{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.site-uppgift__rad .site-tel{font-weight:400}
.site-uppgift__rad .site-tel strong{font-weight:600}
.site-forts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:24px;font-size:15px;color:var(--ff-gra)}
.site-forts>*{display:inline-flex;align-items:center;gap:10px}
.site-forts a{color:inherit;text-decoration:none;min-height:44px}
.site-forts a:hover{color:var(--ff-knapp)}
.site-forts img{width:40px;height:40px}
.site-forts b{font-weight:600;color:var(--ff-text)}
.site-stjarnor{color:#a86d12;letter-spacing:1px;font-size:16px}
.site-hjalte__cina{position:relative;align-self:end;min-width:0}
.site-hjalte__cina::before{content:"";position:absolute;left:8%;right:-4%;bottom:-18%;aspect-ratio:1;border-radius:50%;background:var(--ff-rosa-2)}
.site-hjalte__cina img{position:relative;width:100%;max-width:560px;margin-left:auto}
.site-citat{position:absolute;left:-28px;top:18px;max-width:300px;background:var(--dark);color:#fff;border-radius:var(--ff-r);padding:20px 22px;font-size:18px;line-height:1.4;font-weight:400;margin:0}
.site-citat p{margin:0 0 10px;color:#fff}
.site-citat footer{font-size:14px;color:var(--acc-85)}


.site-uhjalte{position:relative;color:#fff;background:var(--dark);overflow:hidden}
.site-uhjalte__bild{position:absolute;inset:0}
.site-uhjalte__bild img{width:100%;height:100%;object-fit:cover}
.site-uhjalte__bild::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dark-a94) 0%,var(--dark-a82) 48%,var(--dark-a35) 100%)}
.site-uhjalte .site-in{position:relative;padding-block:72px 64px}
.site-uhjalte h1{color:#fff;font-size:52px;max-width:15em;margin-bottom:16px}
.site-uhjalte p{font-size:19px;color:var(--acc-95);max-width:34em}
.site-uhjalte .site-knappar{margin-top:26px}
.site-uhjalte .site-forts{color:var(--acc-95)}
.site-uhjalte .site-forts b{color:#fff}
.site-uhjalte .site-tel{color:#fff!important}


.site-remsa{background:#fff;border-bottom:1px solid var(--ff-linje)}
.site-remsa ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.site-remsa li{display:flex;align-items:center;gap:12px;padding:22px 20px;border-left:1px solid var(--ff-linje);font-size:15px;line-height:1.35;min-width:0}
.site-remsa li:first-child{border-left:0;padding-left:0}
.site-remsa li b{display:block;font-weight:600;font-size:16px}
.site-remsa .site-ico{width:26px;height:26px;color:var(--acc)}


.site-rut{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.site-rut>*{min-width:0}
.site-tjanst{display:flex;flex-direction:column;gap:10px;padding:26px 24px;background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r);text-decoration:none;color:var(--ff-text);transition:border-color .15s,box-shadow .15s,transform .15s}
.site-tjanst:hover{border-color:var(--acc);box-shadow:0 12px 30px var(--dark-a10);transform:translateY(-2px)}
.site-tjanst img,.site-tjanst .site-egenikon{width:52px;height:52px;margin-bottom:6px}
.site-tjanst p{margin:0;color:var(--ff-gra);font-size:15px;line-height:1.5;flex:1}
.site-tjanst .site-pil{min-height:auto;margin-top:4px}

.site-fe{margin:0;background:#fff;border-radius:var(--ff-r);border:1px solid var(--ff-linje);padding:20px;display:flex;flex-direction:column;gap:14px}
.site-fe img{width:100%;max-width:260px;margin-inline:auto;border-radius:50%}
.site-fe figcaption{font-size:15px;line-height:1.4;color:var(--ff-gra)}
.site-fe figcaption b{display:block;color:var(--ff-text);font-weight:600;font-size:16px}
.site-fe__etikett{display:flex;justify-content:space-between;font:600 12px/1 var(--ff-font);letter-spacing:1.2px;text-transform:uppercase;color:var(--ff-gra);padding-inline:12%}

.site-betyg{display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--dark);color:#fff;border-radius:var(--ff-r);padding:28px 26px}
.site-betyg__tal{font:600 72px/1 var(--ff-font);letter-spacing:-2px}
.site-betyg p{color:var(--acc-95);margin:0}
.site-betyg .site-stjarnor{font-size:22px}
.site-betyg a{color:#fff}
.site-omdome{margin:0;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r);padding:26px 24px}
.site-omdome blockquote{margin:0;font-size:16px;line-height:1.55}
.site-omdome blockquote p{margin:0}
.site-omdome figcaption{margin-top:auto;font-size:14px;color:var(--ff-gra)}


.site-band{background:var(--dark);color:#fff;padding-block:72px}
.site-band h2,.site-band h3{color:#fff}
.site-band__rad{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}
.site-panelkort{border-radius:var(--ff-r);padding:40px;display:flex;flex-direction:column;gap:18px;min-width:0}
.site-panelkort--magenta{background:var(--ff-knapp)}
.site-panelkort--linje{border:1px solid rgba(255,255,255,.28)}
.site-panelkort p{color:var(--acc-96);margin:0}
.site-panelkort .site-knappar{margin-top:auto}
.site-panelkort .site-knapp--vit{background:#fff;color:var(--dark)!important}
.site-panelkort .site-knapp--vit:hover{background:var(--ff-rosa)}
.site-steg-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s}
.site-steg-mini li{counter-increment:s;font-size:15px;line-height:1.4;color:#fff;min-width:0}
.site-steg-mini li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ff-knapp);font-weight:600;margin-bottom:10px}
.site-pris{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.site-pris b{font:600 40px/1 var(--ff-font);letter-spacing:-1px;color:#fff}
.site-pris span{color:var(--acc-95)}


.site-par{display:grid;gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.site-par--7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.site-par--6-6{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.site-par>*{min-width:0}
.site-steg{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:s;background:#fff;border-radius:var(--ff-r);border:1px solid var(--ff-linje)}
.site-steg li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:22px 24px;border-top:1px solid var(--ff-linje)}
.site-steg li:first-child{border-top:0}
.site-steg li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ff-rosa);color:var(--ff-knapp);font-weight:600;font-size:18px}
.site-steg h3{font-size:18px;margin-bottom:4px}
.site-steg p{margin:0;color:var(--ff-gra);font-size:15px}
.site-brod h2{margin-bottom:20px}
.site-brod h3{margin:28px 0 10px}


.site .site-text{position:relative}


.site-faq{display:grid;gap:10px}
.site-faq details{background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r)}
.site-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 22px;cursor:pointer;list-style:none}
.site-faq summary::-webkit-details-marker{display:none}
.site-faq summary{font-weight:600;color:var(--ff-text);font-size:17px;letter-spacing:0;line-height:1.35}
.site-faq summary .site-ico{color:var(--ff-knapp);transition:transform .15s}
.site-faq details[open] summary .site-ico{transform:rotate(180deg)}
.site-faq__svar{padding:0 22px 20px;color:var(--ff-gra)}


.site-offert{background:#fff;border-radius:var(--ff-r);padding:34px;box-shadow:0 14px 40px var(--dark-a10);border-top:4px solid var(--acc)}
.site-offert__topp{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.site-offert__topp img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:var(--ff-rosa-2);flex:none}
.site-offert__topp h2{font-size:28px;margin-bottom:4px}
.site-offert__topp p{margin:0;color:var(--ff-gra);font-size:15px}
form.site-form .gform_fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
form.site-form .gfield{min-width:0;border:0;padding:0;margin:0}
form.site-form .gfield--full{grid-column:1/-1}
form.site-form .gfield_label,form.site-form legend.gfield_label{display:block;font:600 15px/1.3 var(--ff-font);margin-bottom:7px;padding:0}
form.site-form .gfield_required{color:var(--ff-knapp);margin-left:2px}
form.site-form .gfield_label small{font-weight:300;color:var(--ff-gra);font-size:14px}
form.site-form input[type=text],form.site-form input[type=email],form.site-form input[type=tel],form.site-form input[type=date],form.site-form select,form.site-form textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--ff-falt);border-radius:6px;background:#fff;font:400 16px/1.4 var(--ff-font);color:var(--ff-text)}
form.site-form textarea{min-height:110px;resize:vertical}
form.site-form input:focus,form.site-form select:focus,form.site-form textarea:focus{border-color:var(--ff-knapp);outline:2px solid var(--ff-knapp);outline-offset:1px}
form.site-form .gfield_radio{display:flex;flex-wrap:wrap;gap:8px}
form.site-form .gchoice{position:relative;display:inline-flex}
form.site-form .gchoice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
form.site-form .gchoice label{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1.5px solid var(--ff-falt);border-radius:var(--ff-rk);font-size:15px;cursor:pointer;background:#fff}
form.site-form .gchoice input:checked+label{background:var(--dark);border-color:var(--dark);color:#fff}
form.site-form .gchoice input:focus-visible+label{outline:2px solid var(--ff-knapp);outline-offset:3px}
form.site-form .gfield_description{font-size:14px;color:var(--ff-gra);margin-top:6px;line-height:1.45}
.site-fil{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px;border:1.5px dashed var(--ff-falt);border-radius:var(--ff-r);background:var(--ff-rosa);text-align:center;cursor:pointer;position:relative}
.site-fil input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.site-fil .site-ico{width:28px;height:28px;color:var(--ff-knapp)}
.site-fil b{font-weight:600}
.site-fil:focus-within{outline:2px solid var(--ff-knapp);outline-offset:3px}
.site-fillista{list-style:none;margin:8px 0 0;padding:0;font-size:14px;color:var(--ff-text)}
.site-fillista li{display:flex;gap:8px;align-items:center;padding:4px 0}
form.site-form .ginput_container_consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}
form.site-form .ginput_container_consent input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--ff-knapp)}
form.site-form .gform_footer{margin-top:22px;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}
form.site-form .gform_footer .site-knapp,form.site-form .gform_footer .site-btn{min-width:220px}
form.site-form .gform_footer small{color:var(--ff-gra);font-size:14px}
.site-captcha{grid-column:1/-1;font-size:13px;color:var(--ff-gra)}


.site-lasrad{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:start}
.site-lasrad>*{min-width:0}
.site-artikel>section{padding-block:8px 36px;scroll-margin-top:110px}
.site-artikel h2{font-size:32px;margin-bottom:16px}
.site-pasidan{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px;padding:0;list-style:none}
.site-pasidan a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:var(--ff-rk);background:#fff;border:1px solid var(--ff-linje);font-size:15px;text-decoration:none;color:var(--ff-text)}
.site-pasidan a:hover{border-color:var(--acc);color:var(--ff-knapp)}
.site-sidokort{position:sticky;top:110px;background:#fff;border-radius:var(--ff-r);border:1px solid var(--ff-linje);padding:26px;display:grid;gap:16px}
.site-sidokort h2{font-size:24px}
.site-sidokort .site-chippar{margin:0 0 16px}
.site-sidokort .site-chip span{font-size:14px;padding:8px 13px}
.site-sidokort .site-knapp,.site-sidokort .site-btn{width:100%}
.site-sidokort__cina{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--ff-gra);border-top:1px solid var(--ff-linje);padding-top:16px}
.site-sidokort__cina img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 10%;background:var(--ff-rosa-2);flex:none}
.site-bildrad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:22px 0 4px;align-items:center}
.site-bildrad img{border-radius:var(--ff-r)}
.site-bildrad--rund img{border-radius:50%;max-width:240px;margin-inline:auto}
.site-farger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 6px;list-style:none;padding:0}
.site-farger li{background:#111;border-radius:var(--ff-r);overflow:hidden;color:#fff;min-width:0}
.site-farger img{width:100%;aspect-ratio:752/350;object-fit:cover}
.site-farger span{display:block;padding:10px 14px 12px;font-size:14px;font-weight:600}
.site-inlinecitat{margin:22px 0;padding:22px 24px;background:#fff;border-left:4px solid var(--acc);border-radius:0 var(--ff-r) var(--ff-r) 0}
.site-inlinecitat blockquote{margin:0;font-size:18px;line-height:1.5}
.site-inlinecitat blockquote p{margin:0}
.site-inlinecitat figcaption{margin-top:8px;font-size:14px;color:var(--ff-gra)}
.site-prislista{margin:20px 0;background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r);overflow:hidden}
.site-prislista table{width:100%;border-collapse:collapse;font-size:16px}
.site-prislista th,.site-prislista td{text-align:left;padding:14px 20px;border-top:1px solid var(--ff-linje);font-weight:300}
.site-prislista thead th{border-top:0;background:var(--ff-rosa);font-weight:600;font-size:14px;letter-spacing:.4px}
.site-prislista td:last-child,.site-prislista th:last-child{text-align:right;white-space:nowrap}
.site-prislista tfoot td{font-size:14px;color:var(--ff-gra);text-align:left!important;white-space:normal!important}
.site-pl{display:inline-block;padding:1px 8px;border:1px dashed var(--acc);border-radius:4px;color:var(--ff-knapp);font-weight:600}
.site-relaterade .site-rut{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-bildkort{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r);overflow:hidden;text-decoration:none;color:var(--ff-text);transition:border-color .15s,box-shadow .15s}
.site-bildkort:hover{border-color:var(--acc);box-shadow:0 12px 30px var(--dark-a10)}
.site-bildkort img{width:100%;aspect-ratio:16/8;object-fit:cover}
.site-bildkort div{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px}
.site-bildkort p{margin:0;color:var(--ff-gra);font-size:15px}


.site-fot{background:var(--dark);color:var(--acc-95);border-top:6px solid var(--acc);padding-top:64px}
.site-fot a{color:#fff;text-decoration:none}
.site-fot a:hover{text-decoration:underline}
.site-fot__rad{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.9fr);gap:40px}
.site-fot__rad>*{min-width:0}
.site-fot__logga{display:inline-flex;min-height:44px}
.site-fot__logga img{height:46px;width:auto}
.site-fot__tag{font-size:19px;color:#fff;margin:18px 0 16px}
.site-fot__betyg{display:flex;min-height:44px;align-items:center;gap:10px;font-size:15px;margin-bottom:22px}
.site-fot__betyg b{font-size:22px;color:#fff;font-weight:600}
.site-fot__rubrik{font:600 14px/1 var(--ff-font);letter-spacing:1.4px;text-transform:uppercase;color:var(--acc-85);margin:0 0 14px}
.site-fot ul{list-style:none;margin:0;padding:0}
.site-fot li a{display:inline-flex;align-items:center;min-height:44px}
.site-fot__kontakt a{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding-block:9px;line-height:1.35}
.site-fot__kontakt .site-ico{margin-top:1px;color:var(--acc-85)}
.site-fot__oppet{margin:10px 0 0;font-size:15px;line-height:1.55}
.site-fot__oppet b{color:#fff;font-weight:600}
.site-fot__so{display:flex;gap:8px}
.site-fot__so a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}
.site-fot__so a:hover{background:rgba(255,255,255,.1);text-decoration:none}
.site-fot__botten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:56px;padding-block:22px;border-top:1px solid rgba(255,255,255,.18);font-size:14px}
.site-list{display:none}

.site-uhjalte .site-over,.site-band .site-over{color:var(--acc-85)}
.site-betyg .site-stjarnor,.site-fot .site-stjarnor,.site-uhjalte .site-stjarnor{color:#f5b82e}
.site-mobilmeny__kontakt .site-knapp,.site-mobilmeny__kontakt .site-btn{justify-content:center;min-height:48px;font:600 16px/1.2 var(--ff-font)}
.site-mobilmeny__kontakt .site-knapp--lila{color:#fff}
.site-kontaktkort{margin-top:28px;background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r);padding:24px;display:grid;gap:2px}
.site-kontaktkort h3{margin-bottom:8px}
.site-kontaktkort a,.site-kontaktkort p{display:flex;gap:12px;align-items:center;min-height:44px;margin:0;color:var(--ff-text);text-decoration:none;font-size:16px}
.site-kontaktkort a:hover{color:var(--ff-knapp)}
.site-kontaktkort .site-ico{color:var(--acc)}
.site-kontaktkort b{font-weight:600;font-size:18px}@container ram (max-width:1240px){
  .site-nav a,.site-nav__knapp{padding:0 8px;font-size:15px}
  .site-sidhuvud__hoger .site-tel span{display:none}}@container ram (max-width:1100px){
  .site-nav,.site-sidhuvud__hoger .site-tel,.site-sidhuvud__hoger>.site-knapp,.site-sidhuvud__hoger>.site-btn{display:none}
  .site-ikonknapp{display:inline-flex}
  .site-sidhuvud__rad{justify-content:space-between}
  .site-rut{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-lasrad{grid-template-columns:minmax(0,1fr)}
  .site-sidokort{position:static}
  .site-fot__rad{grid-template-columns:repeat(2,minmax(0,1fr))}}@container ram (max-width:860px){
  .site{--ff-kant:16px;font-size:16px}
  .site h1,.site-uhjalte h1{font-size:36px}
  .site h2{font-size:29px}
  .site-artikel h2{font-size:26px}
  .site-sek,.site-band{padding-block:52px}
  .site-sidhuvud__rad{height:68px}
  .site-logga img{height:32px}
  .site-hjalte{padding-top:28px}
  .site-hjalte h1{font-size:38px}
  .site-hjalte h1 span{font-size:19px;margin-top:8px}
  .site-hjalte__ingress{font-size:17px;margin-bottom:18px}
  .site-hjalte__rad,.site-par,.site-band__rad,.site-par--7-5{grid-template-columns:minmax(0,1fr);gap:28px}
  .site-hjalte__text{padding-bottom:0}
  .site-hjalte__cina{max-width:420px;margin-inline:auto;width:100%}
  .site-citat{position:relative;left:auto;top:auto;max-width:none;margin:0 0 -12px;z-index:1;font-size:16px}
  .site-uppgift{padding:18px;margin-inline:-4px}
  .site-uppgift .site-chippar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}
  .site-uppgift .site-chip span{width:100%;justify-content:center;text-align:center;font-size:14px;padding:6px 8px;line-height:1.2}
  .site-uppgift legend{font-size:17px;margin-bottom:10px}
  .site-hjalte .site-over{font-size:12px;margin-bottom:10px}
  .site-uppgift__rad .site-knapp,.site-uppgift__rad .site-btn{width:100%}
  .site-forts{gap:4px 18px;font-size:14px}
  .site-uhjalte .site-in{padding-block:44px 40px}
  .site-uhjalte__bild::after{background:var(--dark-a86)}
  .site-uhjalte .site-knapp,.site-uhjalte .site-btn{width:100%}
  .site-remsa ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-remsa li,.site-remsa li:first-child{padding:14px 10px;border-left:0;border-top:1px solid var(--ff-linje)}
  .site-remsa li:nth-child(-n+2){border-top:0}
  .site-rubrad{display:block}
  .site-rubrad p{margin-top:10px}
  .site-panelkort{padding:26px 22px}
  .site-steg-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-relaterade .site-rut{grid-template-columns:minmax(0,1fr)}
  .site-offert{padding:22px 18px;margin-inline:-4px}
  form.site-form .gform_fields{grid-template-columns:minmax(0,1fr)}
  form.site-form .gform_footer .site-knapp,form.site-form .gform_footer .site-btn{width:100%}
  .site-farger{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-bildrad{grid-template-columns:minmax(0,1fr)}
  .site-prislista th,.site-prislista td{padding:12px 14px;font-size:15px}
  .site-fot{padding-top:44px}
  .site-fot__rad{grid-template-columns:minmax(0,1fr);gap:30px}
  .site-fot__botten{padding-bottom:96px}
  .site-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;bottom:0;z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid var(--ff-linje);box-shadow:0 -6px 20px var(--dark-a8)}
  .site-list .site-knapp,.site-list .site-btn{padding:10px 12px;font-size:15px}}@container ram (max-width:560px){
  .site-rut{grid-template-columns:minmax(0,1fr)}
  .site-tjanst{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:16px 18px}
  .site-tjanst img,.site-tjanst .site-egenikon{width:40px;height:40px;margin:0}
  .site-tjanst h3{flex:1;font-size:18px}
  .site-tjanst p{flex-basis:100%}
  .site-tjanst .site-pil{display:none}
  .site-fe{flex-direction:row;align-items:center;padding:14px}
  .site-fe img{width:120px;margin:0}
  .site-fe__etikett{display:none}
  .site-betyg__tal{font-size:56px}}@media (prefers-reduced-motion:reduce){.site *{transition:none!important;scroll-behavior:auto!important}}


.site-smulor ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0 0 14px;padding:0;font-size:14px}
.site-smulor li{display:inline-flex;align-items:center;gap:8px}
.site-smulor li+li::before{content:"/";opacity:.6}
.site-smulor a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.site-uhjalte .site-smulor{color:var(--acc-95)}
.site-uhjalte .site-smulor a{color:#fff}
.site-lhjalte{padding-block:56px 32px}
.site-lhjalte h1{max-width:18em}
.site-lhjalte__ingress{font-size:19px;margin-top:16px;color:var(--ff-gra)}
.site-lhjalte__meta{font-size:15px;color:var(--ff-gra);margin-top:14px}
.site-lhjalte .site-smulor{color:var(--ff-gra)}
.site-svar{background:#fff;border:1px solid var(--ff-linje);border-left:4px solid var(--acc);border-radius:var(--ff-r);padding:24px 26px;margin-bottom:36px}
.site-svar h2{font-size:22px!important;margin-bottom:10px!important}
.site-svar p{font-size:18px}
.site-fakta dl{margin:0;display:grid;gap:0}
.site-fakta dl div{padding:12px 0;border-top:1px solid var(--ff-linje)}
.site-fakta dt{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--ff-gra);font-weight:600}
.site-fakta dd{margin:2px 0 0;font-size:16px}
.site-rut--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-paket{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r);padding:28px 24px}
.site-paket--fram{border:2px solid var(--acc);box-shadow:0 14px 34px var(--dark-a12)}
.site-paket__pris{margin:0}
.site-paket__pris b{font:600 32px/1 var(--ff-font);letter-spacing:-1px}
.site-paket__pris span{color:var(--ff-gra);font-size:15px}
.site-paket ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;flex:1;align-content:start;font-size:15px}
.site-paket li{display:flex;gap:8px;align-items:center}
.site-paket li .site-ico{width:16px;height:16px;color:var(--acc)}
.site-stegrad{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.site-stegrad li{counter-increment:s;background:#fff;border:1px solid var(--ff-linje);border-radius:var(--ff-r);padding:26px 24px;min-width:0}
.site-stegrad li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ff-knapp);color:#fff;font-weight:600;font-size:18px;margin-bottom:14px}
.site-stegrad h3{margin-bottom:6px}
.site-stegrad p{margin:0;color:var(--ff-gra);font-size:15px}
.site-tal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.site-tal li{border-top:3px solid var(--acc);padding-top:16px;min-width:0}
.site-tal b{display:block;font:600 34px/1.1 var(--ff-font);letter-spacing:-1px;color:var(--dark)}
.site-tal span{color:var(--ff-gra);font-size:15px}
.site-om-bild{position:relative}
.site-om-bild::before{content:"";position:absolute;inset:8% 6% -4%;border-radius:50%;background:var(--ff-rosa-2)}
.site-om-bild img{position:relative}
.site-om-citat{margin:28px 0 0;padding:22px 24px;background:var(--dark);color:#fff;border-radius:var(--ff-r);font-size:19px;line-height:1.45}
.site-om-citat p{margin:0 0 10px;color:#fff}
.site-om-citat footer{font-size:14px;color:var(--acc-85)}
.site-kontaktsida{display:grid;gap:20px}
.site-oppet{width:100%;border-collapse:collapse;font-size:16px}
.site-oppet th,.site-oppet td{text-align:left;font-weight:300;padding:10px 0;border-top:1px solid var(--ff-linje)}
.site-oppet td{text-align:right;font-weight:600}
.site-kartkort{position:relative;display:block;border-radius:var(--ff-r);overflow:hidden;color:#fff;text-decoration:none}
.site-kartkort img{width:100%;aspect-ratio:16/8;object-fit:cover}
.site-kartkort span{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;align-items:center;min-height:52px;padding:12px 18px;background:var(--dark-a88);font-weight:600}@container ram (max-width:1100px){.site-stegrad,.site-tal{grid-template-columns:repeat(2,minmax(0,1fr))}}@container ram (max-width:860px){.site-lhjalte{padding-block:32px 20px}.site-lhjalte__ingress{font-size:17px}.site-rut--2{grid-template-columns:minmax(0,1fr)}.site-tal b{font-size:26px}.site-om-bild{max-width:420px;margin-inline:auto}}@container ram (max-width:560px){.site-stegrad{grid-template-columns:minmax(0,1fr)}}

.site-faqkol{position:sticky;top:110px}@container ram (max-width:860px){.site-faqkol{position:static}}


.site-block{padding-block:72px}
.site-block:nth-of-type(even){background:var(--ff-vit)}
.site-intro{padding-bottom:56px}
.site-intro__text>div>p:first-child{font-size:21px;line-height:1.5;color:var(--ff-text);max-width:30em;margin-bottom:22px}
.site-intro__text>div{columns:2;column-gap:40px}
.site-intro__text>div>p:first-child{column-span:all}
.site-intro__text p{max-width:none}
.site-textbild__rad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;align-items:center}
.site-textbild--vand .site-textbild__bild{order:2}
.site-textbild__bild{margin:0;position:relative;padding:0 0 26px 26px}
.site-textbild--vand .site-textbild__bild{padding:0 26px 26px 0}
.site-textbild__bild::before{content:"";position:absolute;inset:44px 0 0 0;background:var(--ff-rosa-2);border-radius:var(--ff-r)}
.site-textbild__bild img{position:relative;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--ff-r)}
.site-textbild__bild--rund{padding:0!important;display:grid;place-items:center}
.site-textbild__bild--rund::before{display:none}
.site-textbild__bild--rund img{max-width:420px;border-radius:0;aspect-ratio:auto}
.site-textbild__bild figcaption{position:relative;margin-top:10px;font-size:14px;color:var(--ff-gra)}
.site-textbild__bild--rund figcaption{text-align:center;width:min(420px,100%);font-weight:600;letter-spacing:1.2px;text-transform:uppercase;font-size:12px}
.site-textbild__text h2{margin-bottom:18px}
.site-rspalt__rad{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:64px;align-items:start}
.site-spalter>div{columns:2;column-gap:40px}
.site-spalter p{max-width:none}
.site-rspalt__extra{margin-top:28px}
.site-rspalt__extra .site-farger{grid-template-columns:repeat(6,minmax(0,1fr))}
.site-stegband{background:var(--ff-rosa-2)!important}
.site-storcitat{background:var(--ff-rosa)!important;padding-block:64px}
.site-storcitat figure{margin:0 auto;max-width:860px;text-align:center}
.site-storcitat blockquote{margin:14px 0 18px;position:relative}
.site-storcitat blockquote p{font:600 30px/1.3 var(--ff-font);letter-spacing:-.4px;color:var(--dark);max-width:none;margin:0}
.site-storcitat blockquote::before{content:"\201D";display:block;font:600 90px/.6 var(--ff-font);color:var(--acc);margin-bottom:6px}
.site-storcitat figcaption{color:var(--ff-gra);font-size:15px}
.site-storcitat figcaption b{color:var(--ff-text);font-weight:600}
.site-prisband .site-band__rad{align-items:center}
.site-prisband__text p{color:var(--acc-95)}
.site-prisband .site-prislista{margin:0;color:var(--ff-text)}@container ram (max-width:1100px){.site-rspalt__extra .site-farger{grid-template-columns:repeat(3,minmax(0,1fr))}}@container ram (max-width:860px){
  .site-block{padding-block:48px}
  .site-textbild__rad,.site-rspalt__rad{grid-template-columns:minmax(0,1fr);gap:24px}
  .site-textbild--vand .site-textbild__bild{order:0}
  .site-textbild__bild,.site-textbild--vand .site-textbild__bild{padding:0 0 16px 16px}
  .site-intro__text>div,.site-spalter>div{columns:1}
  .site-intro__text>div>p:first-child{font-size:18px}
  .site-storcitat blockquote p{font-size:21px}
  .site-rspalt__extra .site-farger{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site-prisband h2{margin-bottom:18px}
/* Tillägg till mockupens CSS för det som Gravity Forms ritar annorlunda än mockupens attrapp. */
/* Uppladdningen: GF:s yta + knapp ser ut som mockupens .site-fil (93fal-webb.php lägger ikon, "Välj bilder" och hjälptexten i knappen) */
.site .gform_drop_area{position:relative;padding:0;border:1.5px dashed var(--ff-falt);border-radius:var(--ff-r);background:var(--ff-rosa);text-align:center}
.site .gform_drop_area.hover{border-color:var(--ff-knapp)}
.site .gform_button_select_files{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:22px;margin:0;border:0;background:none;font:inherit;font-size:15px;color:var(--ff-text);cursor:pointer}
.site .gform_button_select_files .site-ico{width:28px;height:28px;color:var(--ff-knapp)}
.site .gform_button_select_files b{font-weight:600}
.site .gform_button_select_files span{font-size:14px;color:var(--ff-gra)}
.site .gform_button_select_files:focus-visible{outline:2px solid var(--ff-knapp);outline-offset:3px}
.site .gform_fileupload_rules{display:none}
.site .ginput_preview{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:14px}
.site .ginput_preview .gform_delete_file{border:0;background:none;color:var(--ff-knapp);cursor:pointer;padding:0 4px;min-height:24px}
/* Ankarlänkar (#offert, sidans hoppmeny) landar under det klistrade sidhuvudet, inte bakom det */
html{scroll-padding-top:100px}
@media (max-width:1100px){html{scroll-padding-top:84px}}
/* Sidfotens sista rad: tryckytor 44 px (grundkrav) */
.site-fot__botten a{display:inline-flex;align-items:center;min-height:44px}
/* FAQ: frågan är ren text i summary (GB-blocket tillåter inget annat), pilen ritas här i ikonernas linjestil */
.site-faq summary::after{content:"";flex:none;width:20px;height:20px;background:var(--ff-knapp);transition:transform .15s;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.site-faq details[open] summary::after{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.site-faq summary::after{transition:none}}
/* Tjänster-panelen öppnas när muspekaren är över (Baris 10-28, alla sajter). Klick, tangentbord och Esc som förut (site.js).
   ::before = osynlig brygga över glappet på 10 px mellan knappen och panelen. */
@media (hover:hover) and (pointer:fine){
  .site-nav li:hover>.site-panel[hidden]{display:grid}
  .site-panel::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px}
}
/* Tjänster-panelen med bilder (Baris 10-28, mockup design/meny-v1.html). Centrerad under sidhuvudet, inte vid knappen, så den ryms i
   alla bredder där menyn syns (1101+). Reglerna har .site-nav framför så att mockupens äldre .site-panel a-regler (30 px ikon, grå 13 px) inte vinner. */
.site-sidhuvud__rad{position:relative}
.site-nav li:has(>.site-panel){position:static}
.site-nav .site-panel{left:50%;right:auto;top:100%;transform:translateX(-50%);width:min(940px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0;padding:0;border-radius:12px;box-shadow:0 24px 60px var(--dark-a22)}
.site-nav .site-panel[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.site-nav li:hover>.site-panel[hidden]{display:grid}}
.site-nav .site-panel::before{height:24px}
.site-nav .site-panel__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:14px;list-style:none;margin:0;align-content:start}
.site-nav .site-panel__lista a{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;width:100%;min-height:0;padding:10px;border-radius:8px;white-space:normal;text-decoration:none;color:var(--ff-text);font:400 17px/1.25 var(--ff-font)}
.site-nav .site-panel__lista a img{width:52px;height:52px;object-fit:cover;border-radius:6px;background:var(--ff-rosa-2)}
.site-nav .site-panel__lista a>span{display:block;margin:0;font-size:inherit;color:inherit}
.site-nav .site-panel__lista b{display:block;font-weight:600;font-size:18px;line-height:1.2;color:var(--ff-text)}
.site-nav .site-panel__lista a span span{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:var(--ff-gra)}
.site-nav .site-panel__lista a:hover,.site-nav .site-panel__lista a:focus-visible{background:var(--ff-rosa)}
.site-nav .site-panel__lista a:hover b,.site-nav .site-panel__lista a:focus-visible b{color:var(--ff-knapp)}
.site-nav .site-panel__alla{grid-column:1/-1;margin:6px 10px 0;padding-top:8px;border-top:1px solid var(--ff-linje)}
.site-nav .site-panel__alla a{display:inline-flex;grid-template-columns:none;min-height:44px;padding:0;font-weight:600;font-size:15px;color:var(--ff-knapp)}
.site-nav .site-panel__alla a:hover{background:none;text-decoration:underline}
.site-panel__fokus{display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--ff-rosa);border-radius:0 11px 11px 0}
.site-panel__fokus figure{margin:0}
.site-nav .site-panel__fokus img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#fff}
.site-panel__fokus figcaption{margin-top:6px;font-size:11.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--ff-gra)}
.site-panel__fokus h3{font-size:19px;line-height:1.2;letter-spacing:-.3px}
.site-panel__fokus p{margin:0;font-size:14.5px;color:var(--ff-gra)}
.site-panel__betyg{font-size:13.5px!important}
.site-panel__betyg .site-stjarnor{color:var(--ff-stjarna);letter-spacing:1px}
/* Knappen i menyns ruta: menyns länkregler (.site-nav a, .site-panel a) ska inte gälla den */
.site-nav .site-panel__fokus a.site-knapp{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:auto;min-height:44px;padding:10px 20px;border-radius:var(--ff-rk);font:600 15px/1.2 var(--ff-font);white-space:nowrap;background:var(--ff-knapp);color:#fff}
.site-nav .site-panel__fokus a.site-knapp:hover{background:var(--ff-knapp-hover)}
.site-nav .site-panel__fokus a.site-knapp .site-ico{width:18px;height:18px}
/* Var man är i menyn (Baris 10-28 "diskret"): profilfärgen + ett kort streck mitt under ordet. Tjänster markeras på tjänstesidorna. */
.site-nav a[aria-current="page"],.site-nav .site-nav__knapp.site-aktiv{box-shadow:none;color:var(--ff-knapp);position:relative}
.site-nav a[aria-current="page"]::after,.site-nav .site-nav__knapp.site-aktiv::after{content:"";position:absolute;left:50%;bottom:6px;width:18px;height:2px;margin-left:-9px;border-radius:2px;background:var(--acc)}
.site-nav .site-panel a[aria-current="page"]::after{display:none}
/* ---- Granskningen dev mot mockup 10-28 ---- */
/* 2: ingen webbläsarmarginal runt sajten (kant till kant som mockupen) */
body{margin:0}
/* 1: sidor i grundtemats enkla layout (policyn): samma behållare och luft som designens sidor */
.site-ph .site-wrap,.site-enkel .site-wrap{max-width:var(--ff-max);margin-inline:auto;padding-inline:var(--ff-kant)}
.site-ph{padding-block:56px 8px}
.site-enkel{padding-block:8px 72px}
.site-enkel .site-wrap>*{max-width:46em}
.site-enkel h2{margin:1.6em 0 .5em;font-size:26px}
/* 3: menyn krockade med loggan och telefonen vid 1140–1280 (fanns redan i mockupen): tätare, telefonnumret bara som ikon */
/* Proffsgranskning 10-28 (fynd 2+14): menyn är 738 px och fick 682 px vid 1366+ → kompakt menyrad på alla bredder, listan centreras bara när den får plats, numret döljs ≤1340 som förut (plats för det kräver att Hem stryks = Baris beslut) */
.site-nav a,.site-nav__knapp{padding:0 7px;font-size:15px}.site-sidhuvud__rad{gap:12px}
.site-nav{justify-content:safe center}.site-nav>ul{flex-wrap:nowrap}
@container ram (min-width:1270px){.site-sidhuvud__hoger .site-tel span{display:block}}  /* beslut 4: utan Hem får numret plats */
@container ram (max-width:1180px){.site-nav a,.site-nav__knapp{padding:0 5px}.site-sidhuvud__rad{gap:8px}.site-sidhuvud__hoger .site-tel{display:none}}
/* 4: knappen i menyns ruta: vit text (panelens grå span-regel ska inte nå den) */
.site-nav .site-panel__fokus a.site-knapp,.site-nav .site-panel__fokus a.site-knapp span{color:#fff}
/* 7: "(frivilligt)" som mockupens lilla grå tillägg (93fal-webb.php lägger det i <small>) */
form.site-form .gfield_label small{font-size:14px;font-weight:300;color:var(--ff-gra)}
/* 8: meddelandefältet 110 px som mockupen */
form.site-form textarea{height:110px;min-height:110px}
/* 9: pilen i grundtemats formulärknapp i designens linjestil */
.site-btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* 10: reCAPTCHA-raden */
.gfield--type-captcha .gfield_description{font-size:13px;color:var(--ff-gra);margin-top:6px}
/* 11: "Hellre prata?" bredvid knappen */
form.site-form .gform_footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
/* 13: prisbandet utan prislista: texten får hela bredden i stället för en tom högerhalva */
.site-prisband .site-band__rad:has(>:only-child){grid-template-columns:minmax(0,1fr)}
.site-prisband .site-band__rad>:only-child{max-width:46em}
/* 14: 404-knapparna radbryts rent */
.site-lhjalte .site-knappar{display:flex;flex-wrap:wrap;gap:12px}
@container ram (max-width:1200px){.site-nav a,.site-nav__knapp{padding:0 5px;font-size:14.5px}}
form.site-form .gform_footer small{flex:1 1 200px;min-width:0}

/* Proffsgranskning 10-28 */
/* 1: mobilmenyn scrollar själv inom skärmen, sidan bakom står still, mobillisten göms */
.site-mobilmeny{max-height:calc(100dvh - 84px - var(--ff-topp));overflow-y:auto;overscroll-behavior:contain}
html:has(.site-mobilmeny:not([hidden])){overflow:hidden}
body:has(.site-mobilmeny:not([hidden])) .site-mobillist{visibility:hidden}
/* 3: mobillisten följer med hela tiden (Baris 10-28: att den dök upp först efter hjälten var förvirrande); fokus hamnar inte under den */
@media (max-width:860px){html{scroll-padding-bottom:84px}}
/* 10: panelen öppnas efter en kort paus (site.js sätter .oppen), Esc stänger även vid hover */
@media (hover:hover) and (pointer:fine){.site-nav li:not(.oppen):hover>.site-panel[hidden]{display:none}.site-nav li.oppen>.site-panel[hidden]{display:grid}}
/* 22: fokusringen följer chippens form */
.site-chip{border-radius:var(--ff-rk)}
/* 23: luft under 404-sidans knappar */
.site-knappar+p{margin-top:16px}
/* 26: överraden bryts jämnt */
.site-over{text-wrap:balance}
/* Beslut 10-28 (Baris "kör på dina rek") */
/* 10-29: alla fält syns (första versionen), kortare form: rullgardin, fält i par, reglage, bildrad, delrubriker. Mockup design/formular/mockup-formular-v1.html */
form.site-form .gform_fields{gap:14px;counter-reset:del}
form.site-form .gfield_label{margin-bottom:6px}
.site-kravrad p{margin:-4px 0 0;font-size:14px;color:var(--ff-gra)}.site-kravrad span{color:var(--ff-knapp);font-weight:600}
form.site-form .site-del{max-width:none;display:flex;align-items:center;gap:10px;margin:8px 0 -2px;padding-top:14px;border-top:1px solid var(--ff-linje);font:600 13px/1 var(--ff-font);letter-spacing:.06em;text-transform:uppercase;color:var(--ff-lila);counter-increment:del}
.site-del::before{content:counter(del);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ff-rosa-2);color:var(--ff-knapp);font-size:12px;letter-spacing:0}
form.site-form .site-forsta .site-del{margin-top:0;padding-top:0;border-top:0}
form.site-form select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0268f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/18px}
form.site-form .site-arende select{font-weight:600}
form.site-form select:has(option[value=""]:checked){color:var(--ff-gra)}form.site-form select option{color:var(--ff-text)}
form.site-form .site-seg .gfield_radio{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;border:1.5px solid var(--ff-falt);border-radius:6px;overflow:hidden;min-height:50px}
form.site-form .site-seg .gchoice{display:flex}
form.site-form .site-seg .gchoice+.gchoice{border-left:1.5px solid var(--ff-linje)}
form.site-form .site-seg .gchoice label{flex:1;justify-content:center;text-align:center;border:0;border-radius:0;min-height:47px;padding:6px 10px;line-height:1.2;margin:0;max-width:none}
form.site-form .site-seg .gchoice input:focus-visible+label{outline-offset:-4px}
form.site-form .gform_button_select_files{display:grid;grid-template-columns:28px 1fr;column-gap:14px;align-items:center;justify-items:start;text-align:left;padding:14px 16px}
form.site-form .gform_button_select_files .site-ico{grid-row:span 2}
form.site-form textarea{height:76px;min-height:76px}
form.site-form .gform_fields{grid-template-columns:repeat(2,minmax(0,1fr))}
@container ram (max-width:560px){form.site-form .gfield:not(.site-tva){grid-column:1/-1}}
/* Felen syns (proffsgranskning 10-29): röd kant och röd text på fältet, felrutan kompakt */
form.site-form .gfield_error :is(input:not([type=radio]):not([type=checkbox]),select,textarea),form.site-form .gfield_error .site-seg .gfield_radio,form.site-form .gfield_error.site-seg .gfield_radio{border-color:#b3261e;border-width:2px}
form.site-form .gfield_error .validation_message,form.site-form .gfield_error .gfield_validation_message{color:#b3261e;font-size:14px;font-weight:600;margin-top:6px}
.site .gform_validation_errors{border:2px solid #b3261e;border-radius:8px;background:#fdf3f2;padding:12px 16px;margin:0 0 18px}
.site .gform_validation_errors h2{font:600 16px/1.4 var(--ff-font);color:#b3261e;margin:0 0 6px;display:flex;gap:8px;align-items:center}
.site .gform_validation_errors ol{margin:0;padding-left:20px;font-size:15px;line-height:1.5}
.site .gform_validation_errors a{color:var(--ff-text)}
/* 6: Branschvinnare-märket mörkt på startsidans ljusa hjälte */
.site-hjalte img[src*="Branschvinnare"]{filter:brightness(0);opacity:.8}
/* 5: tätare mobil */
@container ram (max-width:560px){
  .site-fe{flex-direction:column;align-items:stretch;padding:16px}
  .site-fe img{width:100%;max-width:260px;margin:0 auto}
  .site-fe__etikett{display:flex}
  .site-tjanst{flex-wrap:nowrap;padding:12px 16px;min-height:64px}
  .site-tjanst p{display:none}
  .site-tjanst .site-pil{display:block;margin-left:auto;flex:none}
  /* Cina med citatet står kvar i mobil som i mockupen (Baris 10-28: "ger trygghet") */
}
/* Kartblocket på kontaktsidan (Baris 10-28, mock design/karta/mock-kontakt.html) */
.site-plats{position:relative;margin-top:28px;border-radius:var(--ff-r);overflow:hidden;border:1px solid var(--ff-linje);background:#fff}
.site-plats__karta{display:block}
.site-plats__karta img{display:block;width:100%;height:380px;object-fit:cover;object-position:76% 55%}
.site-plats__kalla{position:absolute;right:0;top:0;background:rgba(255,255,255,.85);font-size:12px;padding:2px 8px;color:var(--acc-39);border-bottom-left-radius:6px}
.site-plats__kalla a{color:inherit}
.site-plats__kort{position:absolute;left:16px;bottom:16px;max-width:300px;background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 10px 30px var(--dark-a22)}
.site-plats__namn{margin:0 0 4px;font-weight:600;font-size:17px;color:var(--ff-text)}
.site-plats__adr{margin:0 0 12px;font-size:15px;line-height:1.4;color:var(--ff-gra)}
.site-plats__knapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}
.site-plats__not{margin:8px 0 0;font-size:13px;color:var(--ff-gra)}
@container ram (max-width:560px){.site-plats__karta img{height:280px}.site-plats__kort{position:static;max-width:none;box-shadow:none;border-radius:0;border-top:1px solid var(--ff-linje)}}

@supports (color:oklch(from red l c h)){:root,.site{--acc-39:oklch(from var(--acc) 0.387 calc(c * 0.000) h);--dark-36:oklch(from var(--dark) 0.361 calc(c * 1.138) h);--dark-44:oklch(from var(--dark) 0.443 calc(c * 0.271) h);--dark-61:oklch(from var(--dark) 0.611 calc(c * 0.250) h);--acc-45:oklch(from var(--acc) 0.454 calc(c * 0.756) h);--acc-53:oklch(from var(--acc) 0.528 calc(c * 0.879) h);--dark-88:oklch(from var(--dark) 0.877 calc(c * 0.373) h);--dark-91:oklch(from var(--dark) 0.914 calc(c * 0.332) h);--acc-85:oklch(from var(--acc) 0.851 calc(c * 0.378) h);--acc-95:oklch(from var(--acc) 0.947 calc(c * 0.088) h);--dark-96:oklch(from var(--dark) 0.956 calc(c * 0.164) h);--acc-96:oklch(from var(--acc) 0.964 calc(c * 0.076) h);--dark-a8:rgb(from var(--dark) r g b / .08);--dark-a9:rgb(from var(--dark) r g b / .09);--dark-a10:rgb(from var(--dark) r g b / .1);--dark-a12:rgb(from var(--dark) r g b / .12);--dark-a14:rgb(from var(--dark) r g b / .14);--dark-a22:rgb(from var(--dark) r g b / .22);--dark-a35:rgb(from var(--dark) r g b / .35);--dark-a82:rgb(from var(--dark) r g b / .82);--dark-a86:rgb(from var(--dark) r g b / .86);--dark-a88:rgb(from var(--dark) r g b / .88);--dark-a94:rgb(from var(--dark) r g b / .94)}}