/*
Theme Name: IPTV Sverige — Nordic Signal
Theme URI: https://iptvsverigez.com/
Author: IPTV Sverige
Description: Ett snabbt, tillgängligt och lokalanpassat WordPress-tema för en laglig streamingtjänst på den svenska marknaden.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: iptvsverigez
*/

:root {
  --sv-white:#fff;--sv-mist:#f3f7fb;--sv-paper:#eaf1f8;--sv-ink:#07162e;--sv-text:#33445d;
  --sv-blue:#0758ba;--sv-blue-deep:#06327a;--sv-sun:#f5c518;--sv-green:#16834e;--sv-wa:#25d366;
  --sv-line:#d8e2ee;--sv-shadow:0 18px 55px rgba(7,22,46,.10);--sv-shadow-sm:0 8px 28px rgba(7,22,46,.08);
  --sv-radius:24px;--sv-radius-sm:16px;--sv-wrap:1200px;--sv-head:"Sora",system-ui,sans-serif;
  --sv-body:"Manrope",system-ui,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--sv-white);color:var(--sv-text);font:400 16px/1.72 var(--sv-body);-webkit-font-smoothing:antialiased}body.sv-menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}a{color:var(--sv-blue);text-underline-offset:3px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}h1,h2,h3,h4{margin:0 0 .55em;color:var(--sv-ink);font-family:var(--sv-head);line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,6vw,5.4rem)}h2{font-size:clamp(2rem,4vw,3.55rem)}h3{font-size:clamp(1.15rem,2vw,1.42rem)}p{margin:0 0 1.2em}.sv-wrap{width:min(var(--sv-wrap),calc(100% - 40px));margin-inline:auto}.sv-wrap--narrow{width:min(820px,calc(100% - 40px))}.sv-section{padding:clamp(72px,9vw,128px) 0}.sv-section--soft{background:var(--sv-mist)}.sv-section--ink{background:var(--sv-ink);color:#cbd8e8}.sv-section--ink h2,.sv-section--ink h3{color:#fff}.sv-anchor{scroll-margin-top:100px}.sv-skip{position:fixed;z-index:9999;left:20px;top:-80px;background:var(--sv-ink);color:#fff;padding:12px 18px;border-radius:10px}.sv-skip:focus{top:20px}.sv-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}
.sv-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--sv-blue);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.sv-eyebrow:before{content:"";width:26px;height:3px;border-radius:9px;background:var(--sv-sun)}.sv-lede{font-size:clamp(1.05rem,1.6vw,1.24rem);line-height:1.62}.sv-shead{max-width:760px;margin-bottom:44px}.sv-shead--center{text-align:center;margin-inline:auto}.sv-shead--center .sv-eyebrow{justify-content:center}.sv-kicker{color:var(--sv-blue);font-weight:800}
.sv-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sv-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border:1px solid transparent;border-radius:14px;font-weight:800;line-height:1.1;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.sv-btn:hover{transform:translateY(-2px)}.sv-btn:focus-visible,.sv-burger:focus-visible,.sv-faq__q:focus-visible,.sv-wa:focus-visible{outline:3px solid var(--sv-sun);outline-offset:3px}.sv-btn--primary{background:var(--sv-blue);color:#fff;box-shadow:0 10px 24px rgba(7,88,186,.2)}.sv-btn--primary:hover{background:var(--sv-blue-deep)}.sv-btn--outline{border-color:var(--sv-line);color:var(--sv-ink);background:#fff}.sv-btn--wa{background:var(--sv-wa);color:#052c19}.sv-btn--light{background:#fff;color:var(--sv-ink)}.sv-btn--full{width:100%}
.sv-top{background:var(--sv-ink);color:#dbe7f5;font-size:.83rem}.sv-top__in{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:20px}.sv-top a{color:#fff;text-decoration:none}.sv-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(216,226,238,.8);backdrop-filter:blur(14px)}.admin-bar .sv-header{top:32px}.sv-header__in{height:78px;display:flex;align-items:center;gap:30px}.sv-brand{display:block;flex:0 0 auto}.sv-brand img{width:204px;height:auto;max-height:55px;object-fit:contain}.sv-nav{margin-left:auto}.sv-nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.sv-nav a{color:var(--sv-ink);font-weight:750;font-size:.92rem;text-decoration:none}.sv-nav a:hover{color:var(--sv-blue)}.sv-header__cta{display:flex;align-items:center;gap:10px}.sv-burger{display:none;width:48px;height:48px;border:1px solid var(--sv-line);background:#fff;border-radius:13px;padding:12px}.sv-burger span{display:block;height:2px;background:var(--sv-ink);margin:5px 0}.sv-mnav{position:fixed;z-index:300;inset:0;background:#fff;display:none;padding:24px}.sv-mnav.is-open{display:flex;flex-direction:column}.sv-mnav__head{display:flex;align-items:center;justify-content:space-between}.sv-mnav__close{width:48px;height:48px;border:1px solid var(--sv-line);border-radius:13px;background:#fff;font-size:1.5rem}.sv-mnav ul{list-style:none;margin:32px 0;padding:0}.sv-mnav li{border-bottom:1px solid var(--sv-line)}.sv-mnav a{display:block;padding:15px 0;font-family:var(--sv-head);font-weight:700;color:var(--sv-ink);text-decoration:none}.sv-mnav__foot{margin-top:auto}.sv-menu-open .sv-wa{display:none}
.sv-hero{padding:clamp(48px,7vw,94px) 0 76px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.sv-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:clamp(40px,6vw,84px);align-items:center}.sv-hero h1 em{color:var(--sv-blue);font-style:normal}.sv-hero__copy{font-size:1.12rem;max-width:650px}.sv-hero__actions{margin:30px 0}.sv-hero__proof{display:flex;flex-wrap:wrap;gap:10px}.sv-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--sv-line);background:#fff;border-radius:999px;color:var(--sv-ink);font-size:.84rem;font-weight:750}.sv-chip i{width:8px;height:8px;border-radius:50%;background:var(--sv-green)}.sv-hero__visual{position:relative}.sv-hero__frame{overflow:hidden;border-radius:34px 34px 12px 34px;box-shadow:var(--sv-shadow);background:var(--sv-paper)}.sv-hero__frame img{width:100%;aspect-ratio:16/11;object-fit:cover}.sv-hero__signal{position:absolute;left:-38px;bottom:28px;width:184px;padding:16px;background:#fff;border:1px solid var(--sv-line);border-radius:18px;box-shadow:var(--sv-shadow-sm)}.sv-hero__signal b{display:block;color:var(--sv-ink);font-family:var(--sv-head);font-size:.92rem}.sv-hero__signal span{font-size:.78rem}.sv-hero__line{height:6px;margin:10px 0 7px;border-radius:999px;background:linear-gradient(90deg,var(--sv-blue) 0 72%,var(--sv-paper) 72%)}
.sv-console{display:grid;grid-template-columns:.86fr 1.14fr;border:1px solid var(--sv-line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--sv-shadow-sm)}.sv-console__side{padding:38px;background:var(--sv-ink);color:#cfdbeb}.sv-console__side h2{color:#fff}.sv-console__main{padding:38px}.sv-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sv-choice__item{min-height:106px;padding:18px;border:1px solid var(--sv-line);border-radius:16px;background:var(--sv-mist)}.sv-choice__item strong{display:block;color:var(--sv-ink);font-family:var(--sv-head)}.sv-choice__item span{font-size:.86rem}.sv-choice__item svg{color:var(--sv-blue);margin-bottom:8px}
.sv-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,7vw,92px);align-items:center}.sv-split--rev .sv-split__media{order:2}.sv-media{overflow:hidden;border-radius:var(--sv-radius);box-shadow:var(--sv-shadow-sm);background:var(--sv-paper)}.sv-media img{width:100%;aspect-ratio:3/2;object-fit:cover}.sv-media__caption{padding:12px 16px;margin:0;font-size:.82rem;background:#fff;border-top:1px solid var(--sv-line)}.sv-list{list-style:none;margin:24px 0;padding:0}.sv-list li{display:flex;gap:11px;margin:12px 0}.sv-list svg{flex:0 0 auto;color:var(--sv-blue);margin-top:4px}.sv-grid{display:grid;gap:20px}.sv-grid--3{grid-template-columns:repeat(3,1fr)}.sv-grid--4{grid-template-columns:repeat(4,1fr)}.sv-card{padding:28px;border:1px solid var(--sv-line);border-radius:var(--sv-radius);background:#fff;box-shadow:0 1px 0 rgba(7,22,46,.03)}.sv-card__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:14px;background:var(--sv-mist);color:var(--sv-blue)}.sv-card p:last-child{margin-bottom:0}.sv-card--link{display:block;text-decoration:none;transition:transform .2s,box-shadow .2s}.sv-card--link:hover{transform:translateY(-4px);box-shadow:var(--sv-shadow-sm)}
.sv-route{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.sv-route:before{content:"";position:absolute;left:16%;right:16%;top:31px;height:2px;background:var(--sv-line)}.sv-step{position:relative;padding:0 12px;text-align:center;counter-increment:step}.sv-step__n{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border:6px solid #fff;border-radius:50%;background:var(--sv-blue);color:#fff;font:800 1rem var(--sv-head);box-shadow:0 0 0 1px var(--sv-line)}.sv-step__n:before{content:counter(step,decimal-leading-zero)}
.sv-plans{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--sv-line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--sv-shadow-sm)}.sv-plan{padding:28px;border-right:1px solid var(--sv-line);position:relative}.sv-plan:last-child{border:0}.sv-plan--best{background:var(--sv-ink);color:#d6e2f0}.sv-plan--best h3,.sv-plan--best .sv-plan__price{color:#fff}.sv-plan__badge{display:inline-block;margin-bottom:16px;padding:6px 10px;border-radius:999px;background:var(--sv-sun);color:var(--sv-ink);font-size:.72rem;font-weight:900}.sv-plan__price{display:block;margin:16px 0;color:var(--sv-ink);font:800 clamp(2rem,4vw,3rem) var(--sv-head)}.sv-plan__price small{font:600 .82rem var(--sv-body);color:inherit}.sv-plan ul{padding-left:18px;font-size:.88rem}.sv-plan .sv-btn{margin-top:14px}
.sv-trust{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.sv-trust__statement{padding:clamp(30px,5vw,58px);border-radius:28px;background:var(--sv-blue);color:#e1ebf7}.sv-trust__statement h2{color:#fff}.sv-trust__items{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sv-fact{padding:24px;border:1px solid var(--sv-line);border-radius:18px;background:#fff}.sv-fact strong{display:block;color:var(--sv-ink);font-family:var(--sv-head)}.sv-cities{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}.sv-city{position:relative;min-height:360px;overflow:hidden;border-radius:24px;background:var(--sv-ink);color:#fff}.sv-city img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform .35s}.sv-city:hover img{transform:scale(1.025)}.sv-city:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,22,46,.88))}.sv-city__body{position:absolute;z-index:1;left:24px;right:24px;bottom:22px}.sv-city h3{color:#fff;margin-bottom:3px}.sv-city a{color:#fff;text-decoration:none}
.sv-faq{border-top:1px solid var(--sv-line)}.sv-faq__item{border-bottom:1px solid var(--sv-line)}.sv-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border:0;background:transparent;text-align:left;color:var(--sv-ink);font:750 1.05rem var(--sv-head)}.sv-faq__q span:last-child{font-size:1.5rem;color:var(--sv-blue)}.sv-faq__a{display:none;padding:0 48px 22px 0}.sv-faq__item.is-open .sv-faq__a{display:block}.sv-cta{position:relative;overflow:hidden;padding:clamp(42px,7vw,74px);border-radius:34px;background:var(--sv-ink);color:#d8e3f1}.sv-cta:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-170px;border:70px solid rgba(245,197,24,.16);border-radius:50%}.sv-cta h2{max-width:780px;color:#fff}.sv-cta p{max-width:700px}.sv-phead{padding:clamp(62px,8vw,100px) 0;background:linear-gradient(180deg,var(--sv-mist),#fff)}.sv-phead__in{max-width:850px}.sv-breadcrumbs{font-size:.84rem;margin-bottom:22px}.sv-breadcrumbs a{text-decoration:none}.sv-prose{max-width:800px}.sv-prose h2,.sv-prose h3{margin-top:1.6em}.sv-prose li{margin:.55em 0}.sv-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px}.sv-note{padding:22px;border-left:4px solid var(--sv-sun);background:var(--sv-mist);border-radius:0 14px 14px 0}.sv-table{width:100%;border-collapse:collapse}.sv-table th,.sv-table td{padding:14px;text-align:left;border-bottom:1px solid var(--sv-line)}.sv-table th{color:var(--sv-ink);font-family:var(--sv-head)}.sv-form{display:grid;gap:16px}.sv-form label{display:block;color:var(--sv-ink);font-weight:700}.sv-form input,.sv-form textarea,.sv-form select{width:100%;min-height:50px;padding:12px;border:1px solid var(--sv-line);border-radius:12px;background:#fff}.sv-form textarea{min-height:150px}.sv-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sv-post-card{overflow:hidden;border:1px solid var(--sv-line);border-radius:20px;background:#fff}.sv-post-card__media{aspect-ratio:16/10;background:var(--sv-paper)}.sv-post-card__media img{width:100%;height:100%;object-fit:cover}.sv-post-card__body{padding:22px}.sv-post-card a{text-decoration:none}.sv-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.sv-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--sv-line);border-radius:10px;text-decoration:none}.sv-pagination .current{background:var(--sv-blue);color:#fff}
.sv-support-strip{padding:34px 0;border-top:1px solid var(--sv-line);background:var(--sv-mist)}.sv-support-strip__in{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sv-support-link{display:flex;gap:14px;padding:20px;background:#fff;border:1px solid var(--sv-line);border-radius:16px;text-decoration:none;color:var(--sv-text)}.sv-support-link strong{display:block;color:var(--sv-ink)}.sv-footer{padding:64px 0 26px;background:#07162e;color:#b9c8da}.sv-footer a{color:#e6eff9;text-decoration:none}.sv-footer__grid{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:40px}.sv-footer__brand img{width:200px;margin-bottom:20px}.sv-footer h2{font-size:1rem;color:#fff}.sv-footer ul{list-style:none;margin:0;padding:0}.sv-footer li{margin:9px 0}.sv-footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:22px;border-top:1px solid #25344b;font-size:.82rem}.sv-disclaimer{font-size:.78rem;color:#92a4ba;margin-top:18px}.sv-wa{position:fixed;z-index:200;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;min-height:54px;padding:0 17px;border-radius:999px;background:var(--sv-wa);color:#062a19;box-shadow:0 12px 28px rgba(0,0,0,.2);font-weight:900;text-decoration:none}.admin-bar .sv-wa{bottom:calc(46px + env(safe-area-inset-bottom))}
@media(max-width:1024px){.sv-nav,.sv-header__cta>.sv-btn{display:none}.sv-burger{display:block}.sv-header__cta{margin-left:auto}.sv-hero__grid{grid-template-columns:1fr 1fr;gap:36px}.sv-hero h1{font-size:clamp(2.6rem,5vw,4rem)}.sv-plans{grid-template-columns:repeat(2,1fr)}.sv-plan:nth-child(2){border-right:0}.sv-plan:nth-child(-n+2){border-bottom:1px solid var(--sv-line)}.sv-grid--4{grid-template-columns:repeat(2,1fr)}.sv-footer__grid{grid-template-columns:1.2fr 1fr 1fr}.sv-footer__grid>div:last-child{grid-column:2/4}.sv-cities{grid-template-columns:1fr 1fr}.sv-city:first-child{grid-column:1/3}.sv-content-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sv-wrap,.sv-wrap--narrow{width:min(100% - 30px,var(--sv-wrap))}.sv-top__in span:last-child{display:none}.sv-header__in{height:68px}.sv-brand img{width:164px}.sv-hero{padding-top:42px}.sv-hero__grid,.sv-console,.sv-split,.sv-trust{grid-template-columns:1fr}.sv-hero__visual{margin-top:8px}.sv-hero__signal{left:12px;bottom:12px}.sv-hero__frame img{aspect-ratio:4/5}.sv-console__side,.sv-console__main{padding:28px}.sv-grid--3,.sv-posts{grid-template-columns:1fr}.sv-route{grid-template-columns:1fr;gap:28px}.sv-route:before{left:31px;right:auto;top:30px;bottom:30px;width:2px;height:auto}.sv-step{display:grid;grid-template-columns:64px 1fr;gap:16px;text-align:left;padding:0}.sv-step__n{margin:0}.sv-plans{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:0;border-radius:0;box-shadow:none;background:transparent}.sv-plan{flex:0 0 84%;scroll-snap-align:start;border:1px solid var(--sv-line)!important;border-radius:20px;background:#fff}.sv-plan--best{background:var(--sv-ink)}.sv-trust__items{grid-template-columns:1fr}.sv-cities{grid-template-columns:1fr}.sv-city:first-child{grid-column:auto}.sv-city{min-height:300px}.sv-support-strip__in{grid-template-columns:1fr}.sv-footer__grid{grid-template-columns:1fr 1fr}.sv-footer__brand{grid-column:1/3}.sv-footer__grid>div:last-child{grid-column:auto}.sv-footer__bottom{display:block}.sv-wa{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;padding:0;justify-content:center}.sv-wa__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sv-section{padding:70px 0}.sv-cta{border-radius:24px;padding:36px 25px}}
@media(max-width:480px){.sv-choice{grid-template-columns:1fr}.sv-grid--4{grid-template-columns:1fr}.sv-footer__grid{grid-template-columns:1fr}.sv-footer__brand,.sv-footer__grid>div:last-child{grid-column:auto}.sv-hero__proof{display:grid}.sv-plan{flex-basis:92%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* =========================================================================
   STARTSIDA v2 — "Nordic Signal" ljus premiumlayout.
   Vit bakgrund dominerar. Mjuka toner anvands endast for hierarki.
   ========================================================================= */

:root{
  --sv-blue-tint:#eaf2fe;--sv-sun-tint:#fff7de;--sv-green-tint:#e7f5ee;
  --sv-shadow-lg:0 34px 80px -34px rgba(7,22,46,.30);
  --sv-shadow-xs:0 2px 10px rgba(7,22,46,.05);
}

/* Lugnare typografisk skala for en modernare premiumkansla. */
h1{font-size:clamp(2.3rem,4.6vw,4rem)}
h2{font-size:clamp(1.8rem,3.1vw,2.8rem)}
h3{font-size:clamp(1.12rem,1.6vw,1.32rem)}

/* Vit bas: mjuka sektioner blir en knappt markbar overgang i stallet for en platta. */
.sv-section--soft{background:linear-gradient(180deg,#fff 0%,var(--sv-mist) 20%,var(--sv-mist) 80%,#fff 100%)}
.sv-section--tint{background:linear-gradient(180deg,#fff 0%,#f8fbff 50%,#fff 100%)}
.sv-section--flush{padding-top:0}
.sv-section--tight{padding-bottom:clamp(48px,6vw,72px)}

/* Scroll-reveal: aktiveras endast nar JavaScript finns och stangs av vid reducerad rorelse. */
.sv-js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.22,.7,.3,1),transform .55s cubic-bezier(.22,.7,.3,1)}
.sv-js [data-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sv-js [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}

/* Sidhuvudet far en diskret skugga forst nar sidan rullas. */
.sv-header{transition:box-shadow .25s,background .25s}
.sv-header.is-stuck{box-shadow:0 10px 30px -18px rgba(7,22,46,.35)}

/* ---------- Hero ---------- */
.sv-hero2{position:relative;overflow:hidden;background:#fff;padding:clamp(38px,5vw,76px) 0 clamp(52px,6vw,88px)}
.sv-hero2>*{position:relative;z-index:1}
.sv-hero2::before{content:"";position:absolute;z-index:0;left:-12%;right:-12%;top:-28%;height:86%;pointer-events:none;
  background:radial-gradient(52% 58% at 22% 34%,rgba(7,88,186,.09),transparent 68%),radial-gradient(44% 52% at 86% 8%,rgba(245,197,24,.13),transparent 70%)}
.sv-hero2__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(36px,5vw,72px);align-items:center}
.sv-hero2 h1{margin-bottom:.4em;font-size:clamp(2.1rem,3.5vw,3.35rem);letter-spacing:-.03em}
.sv-hero2 h1 em{font-style:normal;color:var(--sv-blue)}
.sv-hero2__lede{max-width:600px;font-size:clamp(1.04rem,1.5vw,1.17rem);line-height:1.66}
.sv-hero2__actions{margin:28px 0 22px}
.sv-hero2__micro{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;font-size:.86rem;color:#5a6b83}
.sv-hero2__micro span{display:inline-flex;align-items:center;gap:7px}
.sv-hero2__micro svg{color:var(--sv-green)}

/* Snabbkontroll av enhet direkt i heron. */
.sv-qcheck{margin-top:28px;padding:18px 18px 16px;border:1px solid var(--sv-line);border-radius:20px;background:#fff;box-shadow:var(--sv-shadow-xs)}
.sv-qcheck__title{display:block;margin-bottom:12px;color:var(--sv-ink);font:800 .82rem/1.3 var(--sv-head);letter-spacing:.05em;text-transform:uppercase}
.sv-qcheck__row{display:flex;flex-wrap:wrap;gap:8px}
.sv-qchip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--sv-line);border-radius:12px;background:var(--sv-mist);color:var(--sv-ink);font-weight:750;font-size:.87rem;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s}
.sv-qchip svg{color:var(--sv-blue)}
.sv-qchip:hover{transform:translateY(-2px);border-color:#9dc0ea;background:var(--sv-blue-tint);color:var(--sv-blue-deep)}
.sv-qchip:focus-visible{outline:3px solid var(--sv-sun);outline-offset:2px}

.sv-hero2__media{position:relative}
.sv-hero2__frame{position:relative;overflow:hidden;border-radius:30px;background:var(--sv-paper);box-shadow:var(--sv-shadow-lg)}
.sv-hero2__frame img{width:100%;aspect-ratio:16/11;object-fit:cover}
.sv-float{position:absolute;z-index:2;display:flex;gap:11px;align-items:flex-start;width:236px;padding:14px 15px;border:1px solid var(--sv-line);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 16px 40px -16px rgba(7,22,46,.42)}
.sv-float b{display:block;margin-bottom:2px;color:var(--sv-ink);font:800 .89rem/1.3 var(--sv-head)}
.sv-float span{font-size:.79rem;line-height:1.45;color:#5a6b83}
.sv-float__icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--sv-blue-tint);color:var(--sv-blue)}
.sv-float--ok .sv-float__icon{background:var(--sv-green-tint);color:var(--sv-green)}
.sv-float--a{left:-30px;top:38px}
.sv-float--b{right:-24px;bottom:34px}

/* ---------- Bevisrad ---------- */
.sv-proof{background:#fff;border-top:1px solid var(--sv-line);border-bottom:1px solid var(--sv-line)}
.sv-proof__in{display:grid;grid-template-columns:repeat(4,1fr)}
.sv-proof__item{display:flex;gap:13px;align-items:flex-start;padding:26px 26px 26px 0;border-right:1px solid var(--sv-line)}
.sv-proof__item:last-child{border-right:0;padding-right:0}
.sv-proof__item:not(:first-child){padding-left:26px}
.sv-proof__item svg{flex:0 0 auto;margin-top:2px;color:var(--sv-blue)}
.sv-proof__item b{display:block;margin-bottom:3px;color:var(--sv-ink);font:800 .95rem/1.3 var(--sv-head)}
.sv-proof__item span{font-size:.85rem;line-height:1.55}

/* ---------- Foto- och redaktionella block ---------- */
.sv-photo{position:relative;overflow:hidden;border-radius:var(--sv-radius);background:var(--sv-paper);box-shadow:var(--sv-shadow-sm)}
.sv-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s cubic-bezier(.22,.7,.3,1)}
.sv-photo--tall img{aspect-ratio:4/3}
.sv-photo__tag{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.96);color:var(--sv-ink);font:800 .78rem var(--sv-head);box-shadow:var(--sv-shadow-xs)}
.sv-photo__tag svg{color:var(--sv-blue)}
.sv-duo{display:grid;grid-template-columns:1.35fr .95fr;gap:20px;align-items:stretch}
.sv-duo .sv-photo{height:100%}
.sv-duo .sv-photo img{height:100%;aspect-ratio:auto;min-height:270px}

/* ---------- Innehallskategorier ---------- */
.sv-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sv-cat{display:flex;gap:13px;align-items:flex-start;padding:20px;border:1px solid var(--sv-line);border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}
.sv-cat:hover{transform:translateY(-3px);border-color:#c3d6ec;box-shadow:var(--sv-shadow-sm)}
.sv-cat svg{flex:0 0 auto;margin-top:3px;color:var(--sv-blue)}
.sv-cat b{display:block;margin-bottom:3px;color:var(--sv-ink);font-family:var(--sv-head)}
.sv-cat span{font-size:.86rem;line-height:1.55}

/* ---------- Hastighetstabell ---------- */
.sv-speed{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--sv-line);border-radius:var(--sv-radius-sm);overflow:hidden;background:#fff}
.sv-speed caption{padding:0 0 14px;text-align:left;font-size:.86rem;color:#5a6b83}
.sv-speed th,.sv-speed td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--sv-line);font-size:.93rem}
.sv-speed thead th{background:var(--sv-mist);color:var(--sv-ink);font:800 .8rem var(--sv-head);letter-spacing:.05em;text-transform:uppercase}
.sv-speed tbody tr:last-child th,.sv-speed tbody tr:last-child td{border-bottom:0}
.sv-speed tbody th{color:var(--sv-ink);font-family:var(--sv-head);font-weight:750}
.sv-speed td b{color:var(--sv-blue-deep)}

/* ---------- Abonnemang ---------- */
.sv-plan{transition:transform .2s,box-shadow .2s}
.sv-plan__meta{display:block;margin-bottom:4px;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sv-blue)}
.sv-plan--best .sv-plan__meta{color:var(--sv-sun)}
.sv-plan__per{display:block;margin:-8px 0 14px;font-size:.83rem;color:#5a6b83}
.sv-plan--best .sv-plan__per{color:#a9bcd4}
.sv-plan.is-selected{box-shadow:inset 0 0 0 2px var(--sv-blue)}
.sv-plan--best.is-selected{box-shadow:inset 0 0 0 2px var(--sv-sun)}
.sv-plan__pick{width:100%;min-height:44px;margin-bottom:14px;padding:10px;border:1px solid var(--sv-line);border-radius:12px;background:var(--sv-mist);color:var(--sv-ink);font-weight:800;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.sv-plan__pick[aria-pressed="true"]{border-color:var(--sv-blue);background:var(--sv-blue-tint);color:var(--sv-blue-deep)}
.sv-plan--best .sv-plan__pick{border-color:#2b4874;background:#122a4e;color:#dbe7f7}
.sv-plan--best .sv-plan__pick[aria-pressed="true"]{border-color:var(--sv-sun);background:#1b3760;color:#fff}
.sv-plan__pick:focus-visible{outline:3px solid var(--sv-sun);outline-offset:2px}
.sv-plan-summary{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:24px;padding:20px 24px;border:1px solid var(--sv-line);border-radius:var(--sv-radius-sm);background:#fff;box-shadow:var(--sv-shadow-xs)}
.sv-plan-summary p{margin:0;font-size:.92rem}
.sv-plan-summary strong{color:var(--sv-ink);font-family:var(--sv-head)}
.sv-included{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.sv-included div{display:flex;gap:10px;align-items:flex-start;padding:16px 18px;border:1px solid var(--sv-line);border-radius:16px;background:#fff;font-size:.87rem;line-height:1.5}
.sv-included svg{flex:0 0 auto;margin-top:2px;color:var(--sv-green)}
.sv-included b{display:block;color:var(--sv-ink);font-family:var(--sv-head);font-size:.92rem}

/* ---------- Kundscenarier ---------- */
.sv-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sv-scenario{position:relative;padding:28px;border:1px solid var(--sv-line);border-radius:var(--sv-radius);background:#fff;box-shadow:var(--sv-shadow-xs)}
.sv-scenario__label{display:inline-block;margin-bottom:14px;padding:5px 11px;border-radius:999px;background:var(--sv-mist);color:#5a6b83;font-size:.71rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.sv-scenario h3{margin-bottom:.5em}
.sv-scenario p:last-of-type{margin-bottom:0}
.sv-scenario__out{display:flex;gap:9px;align-items:flex-start;margin-top:18px;padding-top:16px;border-top:1px dashed var(--sv-line);font-size:.87rem;line-height:1.5}
.sv-scenario__out svg{flex:0 0 auto;margin-top:2px;color:var(--sv-blue)}

/* ---------- Jamforelselista ---------- */
.sv-checklist{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--sv-line);border-radius:var(--sv-radius-sm);overflow:hidden;background:#fff}
.sv-checklist th,.sv-checklist td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--sv-line);font-size:.92rem;vertical-align:top}
.sv-checklist thead th{background:var(--sv-ink);color:#fff;font:800 .78rem var(--sv-head);letter-spacing:.06em;text-transform:uppercase}
.sv-checklist tbody tr:last-child th,.sv-checklist tbody tr:last-child td{border-bottom:0}
.sv-checklist tbody th{width:34%;color:var(--sv-ink);font-family:var(--sv-head);font-weight:750}

/* ---------- Guider / blogg ---------- */
.sv-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sv-guide{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--sv-line);border-radius:var(--sv-radius);background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}
.sv-guide:hover{transform:translateY(-4px);box-shadow:var(--sv-shadow-sm)}
.sv-guide__media{aspect-ratio:16/10;background:var(--sv-paper);overflow:hidden}
.sv-guide__media img{width:100%;height:100%;object-fit:cover}
.sv-guide__body{padding:22px}
.sv-guide__body h3{margin-bottom:.4em;color:var(--sv-ink)}
.sv-guide__body p{margin:0;font-size:.9rem;color:var(--sv-text)}
.sv-guide__meta{display:block;margin-bottom:9px;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sv-blue)}

/* ---------- Stader ---------- */
.sv-city__body p{margin:0;font-size:.86rem;color:#cbd8e8}
.sv-city__go{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:.84rem;font-weight:800;color:#fff}

/* ---------- Avslutande CTA ---------- */
.sv-cta__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);align-items:center}
.sv-cta__points{list-style:none;margin:0;padding:0}
.sv-cta__points li{display:flex;gap:10px;align-items:flex-start;margin:11px 0;font-size:.92rem}
.sv-cta__points svg{flex:0 0 auto;margin-top:3px;color:var(--sv-sun)}
.sv-cta p:last-of-type{margin-bottom:0}

/* ---------- Responsivt ---------- */
@media(max-width:1024px){
  .sv-hero2__grid{grid-template-columns:1fr 1fr;gap:32px}
  .sv-float{width:200px;padding:12px}
  .sv-float--a{left:-14px}
  .sv-float--b{right:-10px}
  .sv-proof__in{grid-template-columns:1fr 1fr}
  .sv-proof__item:nth-child(2n){border-right:0;padding-right:0}
  .sv-proof__item:nth-child(2n+1){padding-left:0}
  .sv-proof__item:nth-child(-n+2){border-bottom:1px solid var(--sv-line)}
  .sv-cats,.sv-scenarios,.sv-guides{grid-template-columns:1fr 1fr}
  .sv-included{grid-template-columns:1fr 1fr}
  .sv-cta__grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sv-hero2{padding-top:32px}
  .sv-hero2__grid{grid-template-columns:1fr;gap:30px}
  .sv-hero2__frame img{aspect-ratio:4/5}
  .sv-float{position:static;width:auto;margin-top:12px;box-shadow:var(--sv-shadow-xs)}
  .sv-proof__in{grid-template-columns:1fr}
  .sv-proof__item{padding:20px 0 !important;border-right:0;border-bottom:1px solid var(--sv-line)}
  .sv-proof__item:last-child{border-bottom:0}
  .sv-cats,.sv-scenarios,.sv-guides,.sv-included,.sv-duo{grid-template-columns:1fr}
  .sv-duo .sv-photo img{min-height:0;aspect-ratio:3/2}
  .sv-plan-summary{flex-direction:column;align-items:stretch}
  .sv-plan-summary .sv-btn{width:100%}
  .sv-speed,.sv-speed tbody,.sv-speed tr,.sv-speed th,.sv-speed td{display:block;width:auto}
  .sv-speed thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .sv-speed{border:0;background:transparent}
  .sv-speed tbody tr{margin-bottom:14px;border:1px solid var(--sv-line);border-radius:var(--sv-radius-sm);background:#fff;overflow:hidden}
  .sv-speed tbody th{background:var(--sv-mist);border-bottom:1px solid var(--sv-line)}
  .sv-speed tbody td{border-bottom:1px solid var(--sv-line)}
  .sv-speed tbody td::before{content:attr(data-label) ": ";font-weight:800;color:var(--sv-ink)}
  .sv-speed tbody tr td:last-child{border-bottom:0}
  .sv-checklist,.sv-checklist tbody,.sv-checklist tr,.sv-checklist th,.sv-checklist td{display:block;width:auto}
  .sv-checklist thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .sv-checklist{border:0;background:transparent}
  .sv-checklist tbody tr{margin-bottom:14px;border:1px solid var(--sv-line);border-radius:var(--sv-radius-sm);background:#fff;overflow:hidden}
  .sv-checklist tbody th{width:auto;background:var(--sv-mist);border-bottom:1px solid var(--sv-line)}
  .sv-checklist tbody td{border-bottom:0}
}
@media(hover:hover){
  .sv-photo:hover img{transform:scale(1.03)}
}

/* ---------- Korrigeringar efter visuell QA ---------- */
/* Webblasarens standardmarginal pa <figure> gjorde att sektionsbilder inte fyllde sin kolumn. */
figure.sv-photo{margin:0}
/* Kortlankar arvde lankfargen till brodtexten. */
.sv-card--link{color:var(--sv-text)}
.sv-card--link h3{color:var(--sv-ink)}
/* Prisplanernas knappar ska ligga i linje aven nar texterna ar olika langa. */
.sv-plan{display:flex;flex-direction:column}
.sv-plan ul{margin-bottom:18px}
/* Startsidans rail bottnar pa periodvaljaren; ovriga sidor saknar den och bottnar pa knappen. */
#sv-plan-rail .sv-plan__pick{margin-top:auto}
.sv-plans:not(#sv-plan-rail) .sv-plan>.sv-btn{margin-top:auto}
/* FAQ-blocket lasar sig battre nar kolumnerna borjar i overkant. */
.sv-split--top{align-items:start}
/* Den gamla ringdekoren blev grumlig mot mork bakgrund; en mjuk ljusglob ar renare. */
.sv-cta:after{width:520px;height:520px;right:-160px;top:-220px;border:0;background:radial-gradient(circle,rgba(245,197,24,.16) 0%,rgba(7,88,186,.14) 45%,transparent 70%)}
/* Rullhint for periodraden och korrekt tabellrubrik i mobilvyn. */
.sv-rail-hint{display:none}
@media(max-width:760px){
  .sv-speed caption{display:block;width:auto;padding-bottom:12px}
  .sv-plans{gap:12px;padding-bottom:6px}
  .sv-rail-hint{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#5a6b83;font-size:.85rem;font-weight:750}
  .sv-rail-hint svg{color:var(--sv-blue)}
}
/* Sidfoten far extra bottenutrymme sa att den fasta WhatsApp-knappen aldrig tacker text. */
.sv-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
@media(max-width:760px){.sv-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}