/* Kontaktsektionen: egen färg, en fråga i taget */
.kontakt{background:#0A5A3F;color:#FBFAF7;margin-top:clamp(90px,10vw,150px);padding:0 var(--pad,clamp(16px,2vw,28px)) clamp(48px,7vw,96px)}
.kontakt .k-row{display:grid;grid-template-columns:repeat(12,1fr);gap:0 20px;padding-top:clamp(28px,3vw,44px);font-size:.8rem}
.kontakt .k-row span:first-child{grid-column:1/4}.kontakt .k-row span:nth-child(2){grid-column:4/13;opacity:.75}
.k-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0 20px;margin-top:clamp(36px,5vw,64px);align-items:start}
.k-left{grid-column:1/6}
.k-left h2{font-weight:400;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.02;letter-spacing:-.045em}
.k-left ul{list-style:none;margin-top:28px;font-size:.95rem}
.k-left li{border-top:1px solid rgba(251,250,247,.25);padding:10px 0;display:flex;gap:12px}
.k-left li:last-child{border-bottom:1px solid rgba(251,250,247,.25)}
.k-left li:before{content:'✓';opacity:.7}
.k-left a{color:inherit}
.k-right{grid-column:7/13}
/* formuläret */
.steg{position:relative}
.s-top{display:flex;align-items:center;gap:14px;font-size:.8rem;opacity:.85;margin-bottom:26px}
.s-bar{flex:1;height:2px;background:rgba(251,250,247,.25)}.s-bar i{display:block;height:100%;background:#51E477;width:0;transition:width .4s ease}
.s-step{display:none}.s-step.on{display:block;animation:sIn .35s ease}
@keyframes sIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.s-q{display:block;font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:22px}
.s-h{display:block;font-size:.85rem;opacity:.75;margin:-12px 0 20px}
.steg input[type=text],.steg input[type=email],.steg input[type=tel]{width:100%;font:inherit;font-size:clamp(1.3rem,2vw,1.7rem);padding:8px 0 12px;border:0;border-bottom:1px solid #FBFAF7;background:transparent;color:#FBFAF7;border-radius:0;letter-spacing:-.02em}
.steg input::placeholder{color:rgba(251,250,247,.45)}
.steg input:focus{outline:0;border-bottom-width:2px;padding-bottom:11px}
.steg input.fel{border-bottom-color:#F6D46A}
.s-opts{display:grid;gap:6px}
.s-opt{display:flex;align-items:center;gap:12px;border:1px solid rgba(251,250,247,.45);padding:15px 16px;cursor:pointer;font-size:1.02rem;transition:background .15s,border-color .15s}
.s-opt:hover{border-color:#FBFAF7;background:rgba(251,250,247,.08)}
.s-opt input{accent-color:#FBFAF7}
.s-opt.sel{background:#FBFAF7;color:#121614;border-color:#FBFAF7}
.s-act{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}
.s-next,.s-send{display:inline-flex;align-items:center;gap:28px;justify-content:space-between;background:#51E477;color:#0E1A15;border:0;font:inherit;font-size:.95rem;padding:15px 20px;cursor:pointer}
.s-next:hover,.s-send:hover{background:#6BEA8C}
.s-enter{font-size:.8rem;opacity:.65}
.s-back,.s-skip{background:none;border:0;color:inherit;opacity:.75;font:inherit;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.s-fine{font-size:.8rem;opacity:.7;margin-top:18px}
.s-fine a{color:inherit}
.kontakt .hp{position:absolute;left:-9999px}
@media(max-width:860px){.k-left,.k-right{grid-column:1/13}.k-right{margin-top:40px}.kontakt .k-row span:nth-child(2){display:none}.kontakt .k-row span:first-child{grid-column:1/13}.s-enter{display:none}}
@media(prefers-reduced-motion:reduce){.s-step.on{animation:none}}