/* NorgesSjekk Reklame / Annonsører V3.1
   Profesjonell plassering:
   - bred desktop: egen venstrespalte fysisk utenfor Marked
   - smal desktop/tablet/mobil: egen seksjon nederst i main
   - aldri overlap med filter eller markedskort
*/
:root{
  --nsa3-ink:#123c3b;
  --nsa3-green:#0b6d67;
  --nsa3-muted:#607674;
  --nsa3-line:#d8e6e3;
  --nsa3-soft:#f3f8f7;
  --nsa3-shadow:0 12px 30px rgba(18,60,59,.10);
}
.nsa-v3-desktop,.nsa-v3-bottom{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--nsa3-ink);box-sizing:border-box;
}
.nsa-v3-desktop[hidden],.nsa-v3-bottom[hidden]{display:none!important}
.nsa-v3-desktop{
  position:absolute;width:174px;z-index:8;
  display:flex;flex-direction:column;gap:18px;
}
.nsa-v3-item{display:block;min-width:0}
.nsa-v3-label{
  display:block;margin:0 0 7px;color:#718381;font-size:9px;line-height:1.2;
  letter-spacing:.12em;text-transform:uppercase;font-weight:900;
}
.nsa-v3-card{
  display:block;width:100%;overflow:hidden;box-sizing:border-box;background:#fff;
  border:1px solid var(--nsa3-line);border-radius:16px;box-shadow:var(--nsa3-shadow);
  text-decoration:none!important;color:var(--nsa3-ink)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.nsa-v3-card:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(18,60,59,.13)}
.nsa-v3-card:focus-visible{outline:3px solid #3e8aa1;outline-offset:3px}
.nsa-v3-media{
  width:100%;min-height:116px;aspect-ratio:1.35/1;display:grid;place-items:center;
  overflow:hidden;background:linear-gradient(145deg,#edf6f4,#fbfdfc);
  border-bottom:1px solid var(--nsa3-line);
}
.nsa-v3-media img{display:block;width:100%;height:100%;object-fit:cover}
.nsa-v3-mark{
  width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  background:var(--nsa3-ink);color:#fff;font-size:24px;font-weight:950;
}
.nsa-v3-body{padding:13px}
.nsa-v3-kicker{
  display:block;color:var(--nsa3-green);font-size:9px;font-weight:950;
  letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;
}
.nsa-v3-title{display:block;font-size:14px;line-height:1.25}
.nsa-v3-text{margin:7px 0 0;color:var(--nsa3-muted);font-size:11px;line-height:1.45}
.nsa-v3-cta{display:block;margin-top:11px;color:var(--nsa3-green);font-size:11px;font-weight:900}

.nsa-v3-bottom{
  width:min(1180px,calc(100% - 36px));margin:34px auto 8px;padding:22px;
  background:#f8fbfa;border:1px solid var(--nsa3-line);border-radius:18px;
}
.nsa-v3-bottom-head{margin-bottom:14px}
.nsa-v3-bottom-eyebrow{
  display:block;color:var(--nsa3-green);font-size:10px;font-weight:950;letter-spacing:.13em;
}
.nsa-v3-bottom-title{margin:4px 0 0;color:var(--nsa3-ink);font-size:20px;line-height:1.2}
.nsa-v3-bottom-stack{display:flex;flex-direction:column;gap:16px;max-width:760px}
.nsa-v3-bottom .nsa-v3-item{width:100%}
.nsa-v3-bottom .nsa-v3-card{display:grid;grid-template-columns:minmax(170px,30%) 1fr}
.nsa-v3-bottom .nsa-v3-media{
  min-height:150px;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--nsa3-line);
}
.nsa-v3-bottom .nsa-v3-body{padding:17px}
.nsa-v3-bottom .nsa-v3-title{font-size:17px}
.nsa-v3-bottom .nsa-v3-text{font-size:12px}
.nsa-v3-bottom .nsa-v3-cta{font-size:12px}

@media(max-width:760px){
  .nsa-v3-bottom{
    width:calc(100% - 24px);margin:28px auto 10px;padding:14px;border-radius:16px;
  }
  .nsa-v3-bottom-title{font-size:18px}
  .nsa-v3-bottom-stack{max-width:none;gap:14px}
  .nsa-v3-bottom .nsa-v3-card{display:block}
  .nsa-v3-bottom .nsa-v3-media{
    min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--nsa3-line);
  }
  .nsa-v3-bottom .nsa-v3-media img{width:100%;height:100%;object-fit:cover}
  .nsa-v3-bottom .nsa-v3-body{padding:15px}
}
@media(prefers-reduced-motion:reduce){.nsa-v3-card{transition:none!important}}