/* Forside: let opdatering til samme teal-palet, knapper og typografi som undersiderne (Rune 15.10). */
.hero h1{font-family:Inter,-apple-system,"SF Pro Display",system-ui,sans-serif;letter-spacing:-.02em;font-weight:700}
.hero .kick{color:#0f766e;letter-spacing:.14em}
.hero .btn{background:#005c55;color:#f8f9ff;border-radius:12px;padding:14px 22px;font-weight:600;box-shadow:0 8px 20px -10px rgba(0,92,85,.6)}
.hero .btn:hover{background:#004a44}
.hero .lnk{color:#005c55;border-color:#005c55;font-weight:600}
.hero .btn:focus-visible,.hero .lnk:focus-visible{outline:3px solid #0f766e;outline-offset:3px}
/* P1: Inter/SF i stedet for Hanken på forsiden */
body :not(.ms):not(.material-symbols-outlined):not(code):not(kbd):not(pre):not(samp):not(svg *){font-family:Inter,-apple-system,"SF Pro Text",system-ui,sans-serif!important}
/* Hotfix 15.10: kontrast i fordele-sektionen + P1-eyebrow */
.bens li :is(b,strong,h3){color:#0c1f2b}
.bens li p{color:#4f6168}
.sh .eb{color:#0b5e5a}
/* FAQ kompakt (Rune 15.10): 2 kolonner desktop, 1 mobil, P1 */
#faq{padding:48px 0 56px!important;border-top:0!important;background:#f6f9f9}
#faq .sp{display:block!important}
#faq .sh{display:block;max-width:none;margin:0 0 20px}
#faq .sh .eb{margin:0 0 6px;color:#0b5e5a}
#faq .sh h2{margin:0 0 6px;color:#0c1f2b;font-size:clamp(26px,3vw,34px);line-height:1.15}
#faq .sh br{display:none}
#faq .sh .l{margin:0;color:#4f6168}
#faq .faq{border-top:0;display:grid;grid-template-columns:1fr;gap:8px;align-items:start}
@media(min-width:900px){#faq .faq{grid-template-columns:1fr 1fr;gap:10px 16px}}
#faq .faq details{border:1px solid #d6e4e2;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}
#faq .faq details[open]{border-color:#137a72;box-shadow:0 8px 24px -16px rgba(12,31,43,.25)}
#faq .faq summary{padding:12px 16px;font-size:16px;line-height:1.35;color:#0c1f2b;min-height:44px;box-sizing:border-box}
#faq .faq summary:after{flex:none;width:24px;height:24px;border-radius:50%;background:#e8f1f0;color:#0b5e5a;font-size:18px;line-height:24px;text-align:center;font-weight:500}
#faq .faq summary:hover{color:#0b5e5a}
#faq .faq summary:focus-visible{outline:2px solid #137a72;outline-offset:2px;border-radius:12px}
#faq .faq .a{padding:0 16px 14px;margin:0;color:#4f6168;font-size:15px;line-height:1.55}
#faq{padding-top:32px!important}
.s:has(+#faq){padding-bottom:32px!important}
/* Flow "Når vaskemaskinen går i stykker": linjen forbinder kun ikonerne, forgrener til Reparér/Udskift og samles ved Journalen */
.stm-vaskeri .fl .gc,.stm-vaskeri .fk b .i3d{background:rgba(255,255,255,.72)!important;border:1px solid rgba(19,122,114,.28)!important;box-shadow:0 8px 20px -12px rgba(12,31,43,.35),inset 0 1px 0 rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.stm-vaskeri .fl .gc .i3d{width:28px;height:28px}
.stm-vaskeri .fk b .i3d{width:28px;height:28px;padding:4px;border-radius:50%;box-sizing:border-box}
.stm-vaskeri .fk div{border-color:#d6e4e2}
@media(min-width:1100px){
 .stm-vaskeri .fl:before{display:none}
 .stm-vaskeri .fl>li{padding-right:0}
 .stm-vaskeri .fl>li>:not(.gc):not(.ikf){padding-right:24px}
 .stm-vaskeri .fl>li:not(.fk):not(:last-child):after{content:"";position:absolute;top:27px;left:64px;right:0;height:2px;background:#8fc9c1;border-radius:2px}
 .stm-vaskeri .fl>li:last-child:after{display:none}
 .stm-vaskeri .fk{padding:0 28px 0 28px;gap:12px}
 .stm-vaskeri .fk>div{position:relative}
 .stm-vaskeri .fk>div:before,.stm-vaskeri .fk>div:after{content:"";position:absolute;width:28px;border:0 solid #8fc9c1;pointer-events:none}
 .stm-vaskeri .fk>div:first-child:before{left:-29px;top:27px;bottom:-7px;border-top-width:2px;border-left-width:2px;border-top-left-radius:10px}
 .stm-vaskeri .fk>div:first-child:after{right:-29px;top:27px;bottom:-7px;border-top-width:2px;border-right-width:2px;border-top-right-radius:10px}
 .stm-vaskeri .fk>div:last-child:before{left:-29px;top:-7px;height:36px;border-left-width:2px;border-bottom-width:2px;border-bottom-left-radius:10px}
 .stm-vaskeri .fk>div:last-child:after{right:-29px;top:-7px;height:36px;border-right-width:2px;border-bottom-width:2px;border-bottom-right-radius:10px}
}
.stm-vaskeri .fl .gc .i3d{width:28px!important;height:28px!important}
.stm-vaskeri .fk b .i3d{width:28px!important;height:28px!important}
@media(min-width:1100px){.stm-vaskeri .fl>li.fk{padding:0!important}.stm-vaskeri .fk>div{margin:0 28px!important;padding-right:16px!important}}
