/* NorgesSjekk 3.8.0 – SJEKKFLYT + RAPPORT WOW */
:root{
 --f-navy:#082844;--f-blue:#0f4c76;--f-red:#e43b54;--f-soft:#f2f7fa;
 --f-line:#d8e5eb;--f-muted:#698292;--f-green:#268a60;--f-white:#fff;
 --f-shadow:0 18px 48px rgba(8,40,68,.09)
}
body.ns-flow-3800{background:linear-gradient(180deg,#f7fafc,#eef4f7)}
.ns-flow-hero{
 max-width:1180px;margin:0 auto 18px;padding:0;
 display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end
}
.ns-flow-hero .eyebrow{font-size:9px;font-weight:950;letter-spacing:.13em;color:#5b8096}
.ns-flow-hero h1{margin:5px 0 6px;color:var(--f-navy);font-size:35px;letter-spacing:-.045em;line-height:1.08}
.ns-flow-hero p{margin:0;max-width:720px;color:var(--f-muted);font-size:12px;line-height:1.6}
.ns-flow-steps{
 display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-width:330px
}
.ns-flow-step{
 display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:11px;
 background:#fff;border:1px solid var(--f-line);font-size:8px;font-weight:900;color:#708896
}
.ns-flow-step b{
 display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#edf3f6;color:#567286
}
.ns-flow-step.active{border-color:#b9d1de;background:#fafdff;color:var(--f-navy)}
.ns-flow-step.active b{background:var(--f-blue);color:#fff}

body.ns-flow-3800 main.shell.section{max-width:1180px!important;padding-top:44px!important}
body.ns-flow-3800 main.shell.section>.title{display:none}
body.ns-flow-3800 .search{
 border:1px solid var(--f-line)!important;border-radius:22px!important;background:#fff!important;
 padding:20px!important;box-shadow:var(--f-shadow)!important
}
body.ns-flow-3800 .types{
 display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;
 margin-bottom:18px!important;background:transparent!important;padding:0!important
}
body.ns-flow-3800 .types .type{
 position:relative;min-height:65px!important;border:1px solid var(--f-line)!important;
 border-radius:13px!important;background:#f9fbfc!important;color:#526f82!important;
 font-size:12px!important;font-weight:950!important;box-shadow:none!important
}
body.ns-flow-3800 .types .type:before{
 display:block;font-size:8px;letter-spacing:.08em;color:#8da0ad;margin-bottom:3px;font-weight:900
}
body.ns-flow-3800 .types .type[data-type="bil"]:before{content:"KJØRETØY"}
body.ns-flow-3800 .types .type[data-type="mc"]:before{content:"MOTORSYKKEL"}
body.ns-flow-3800 .types .type[data-type="firma"]:before{content:"VIRKSOMHET"}
body.ns-flow-3800 .types .type[data-type="bat"]:before{content:"BÅT"}
body.ns-flow-3800 .types .type.active{
 border-color:#82a9bf!important;background:linear-gradient(145deg,#eef6fa,#fff)!important;
 color:var(--f-navy)!important;box-shadow:0 8px 22px rgba(8,40,68,.07)!important
}
.ns-flow-context{
 display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dfe9ee;
 background:#f8fbfc;border-radius:11px;margin:0 0 14px;color:#607b8c;font-size:9px
}
.ns-flow-context b{color:var(--f-navy)}
.ns-flow-context span{
 display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eaf3f7;color:var(--f-blue);font-weight:950
}

.ns-level-title{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:5px 0 9px}
.ns-level-title strong{font-size:11px;color:var(--f-navy)}
.ns-level-title span{font-size:8px;color:#8195a2}
.ns-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.ns-level-card{
 appearance:none;text-align:left;border:1px solid var(--f-line);border-radius:15px;
 background:#fff;padding:14px;cursor:pointer;transition:.18s;position:relative;min-height:136px
}
.ns-level-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(8,40,68,.08)}
.ns-level-card.selected{border:2px solid #4f86a6;padding:13px;background:#f8fcfe}
.ns-level-card.extended.selected{border-color:var(--f-navy);background:linear-gradient(145deg,#f4f8fb,#fff)}
.ns-level-card .tag{font-size:7px;font-weight:950;letter-spacing:.12em;color:#688596}
.ns-level-card h3{font-size:18px;margin:5px 0;color:var(--f-navy)}
.ns-level-card .price{position:absolute;right:13px;top:12px;font-size:24px;font-weight:950;color:var(--f-navy);letter-spacing:-.05em}
.ns-level-card .price small{font-size:8px;letter-spacing:0}
.ns-level-card p{font-size:9px;line-height:1.45;color:#738995;margin:0 70px 8px 0}
.ns-level-card ul{list-style:none;padding:0;margin:7px 0 0;display:grid;gap:4px}
.ns-level-card li{font-size:8px;color:#526f80;padding-left:14px;position:relative}
.ns-level-card li:before{content:"✓";position:absolute;left:0;color:var(--f-green);font-weight:950}
.ns-level-card.extended:after{
 content:"MER DOKUMENTASJON";position:absolute;right:11px;bottom:10px;
 font-size:6px;font-weight:950;letter-spacing:.08em;color:#5f7e92;background:#edf4f7;padding:5px 7px;border-radius:999px
}

body.ns-flow-3800 #paidFlow>.row{
 display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(180px,.65fr) auto!important;
 gap:8px!important;padding:13px!important;border:1px solid #dbe6ec!important;border-radius:14px!important;
 background:#f8fbfc!important
}
body.ns-flow-3800 #paidFlow input,
body.ns-flow-3800 #paidFlow select{
 min-height:47px!important;border:1px solid #cbdbe4!important;border-radius:10px!important;
 background:#fff!important;font-weight:800!important;color:#244b65!important
}
body.ns-flow-3800 #paidFlow button.go{
 min-height:47px!important;border-radius:10px!important;background:var(--f-red)!important;
 box-shadow:0 10px 22px rgba(228,59,84,.18)!important;padding-left:22px!important;padding-right:22px!important
}
body.ns-flow-3800 .simple-note{font-size:8px!important;color:#78909e!important;margin-top:10px!important}
body.ns-flow-3800 #msg .notice{border-radius:11px!important;font-size:9px!important}
body.ns-flow-3800 #boatFlow{padding:4px 0 0}
body.ns-flow-3800 #boatFlow .notice{border-radius:13px!important}
body.ns-flow-3800 #boatFlow .actions{gap:8px!important}

/* Category pages: make 5/20 choice visually distinct without changing links/logic. */
body.ns-wow-shell .price-row{
 gap:12px!important;align-items:stretch!important
}
body.ns-wow-shell .price-choice{
 position:relative;border-radius:16px!important;border:1px solid var(--f-line)!important;
 background:#fff!important;padding:18px!important;box-shadow:0 12px 30px rgba(8,40,68,.07)!important
}
body.ns-wow-shell .price-choice:nth-child(2){
 background:linear-gradient(145deg,#0a3153,#0c456f)!important;border-color:#0a3153!important;color:#fff!important;
 box-shadow:0 18px 40px rgba(8,40,68,.16)!important
}
body.ns-wow-shell .price-choice:nth-child(2) strong{color:#fff!important}
body.ns-wow-shell .price-choice:nth-child(2) span{color:#c6d9e5!important}
body.ns-wow-shell .price-choice:nth-child(2):before{
 content:"UTVIDET";position:absolute;right:12px;top:10px;font-size:6px;font-weight:950;letter-spacing:.1em;
 background:rgba(255,255,255,.12);padding:5px 7px;border-radius:999px
}

/* Checkout remains visually coherent. No Vipps behavior is changed. */
body.ns-checkout-wow .checkout-shell{max-width:1080px!important;padding-top:48px!important}
body.ns-checkout-wow .checkout-grid{gap:14px!important}
body.ns-checkout-wow .box{
 border-radius:19px!important;border:1px solid var(--f-line)!important;box-shadow:var(--f-shadow)!important
}
body.ns-checkout-wow .box h1,body.ns-checkout-wow .box h2{color:var(--f-navy)!important;letter-spacing:-.035em}
body.ns-checkout-wow .summary{border-radius:13px!important;overflow:hidden;border:1px solid #e0e8ed!important}
body.ns-checkout-wow .paybutton{border-radius:11px!important}
body.ns-checkout-wow .order-seal{border-radius:11px!important}

@media(max-width:820px){
 .ns-flow-hero{grid-template-columns:1fr}
 .ns-flow-steps{min-width:0}
 body.ns-flow-3800 .types{grid-template-columns:1fr 1fr!important}
 body.ns-flow-3800 #paidFlow>.row{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 .ns-flow-hero h1{font-size:29px}
 .ns-flow-steps{grid-template-columns:1fr}
 .ns-flow-step{min-height:42px}
 .ns-level-grid{grid-template-columns:1fr}
 .ns-level-card{min-height:125px}
 body.ns-flow-3800 .search{padding:14px!important}
}