/* ============================================================
   ÞG VERK · tgverk.is · EINA CSS-skráin
   Grunnur: forsíðuútlitið frá 28.09.2026 (ný sýn), gildi úr brand/tokens.css.
   Hvítur grunnur, heilir navy-, grafít- og ÞG bláir kaflar, ÞG blár leiðir,
   kopar bara í smáatriðum (lifandi punktur, hover, undirstrikun).
   Byggt í _src/css/main.css, afrit í css/main.css við byggingu.
   ============================================================ */

:root {
  --bla: #1760AC;
  --bla-ljos: #9EC4EE;
  --bla-tint: rgba(23, 96, 172, .10);
  --navy: #1B3A5C;
  --grafit: #333E47;
  --grar: #CACAC6;
  --kopar: #D16149;
  --leir: #9D8E7C;
  --hvitt: #FFFFFF;
  --grunnur: #FFFFFF;
  --flotur: #F3F4F5;
  --flotur-dokkur: #E6E9EC;
  --texti: #1A2430;
  --dauft: #5E6873;
  --lina: rgba(27, 58, 92, .14);
  --lina-dokk: rgba(27, 58, 92, .32);

  /* eldri nöfn sem sölukerfið og eldri einingar nota: sömu gildi */
  --daufur: var(--dauft);
  --mold: var(--texti);
  --pappir: var(--grunnur);
  --sandur: var(--flotur);

  --sans: 'Google Sans Flex', 'DM Sans', Arial, sans-serif;
  --serif: 'Source Serif 4', Georgia, serif;

  --spassia: clamp(20px, 5vw, 88px);
  --breidd: 1560px;
  --kafli: clamp(88px, 11vw, 168px);
  --kafli-litill: clamp(56px, 5.5vw, 88px);
  --haus-h: 136px;
  --haus-fast: 116px;
  --mjukt: cubic-bezier(.2, .7, .1, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--haus-fast) + 16px); }
body {
  margin: 0; background: var(--grunnur); color: var(--texti);
  font-family: var(--sans); font-size: 18px; line-height: 1.55;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
img, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, p, dl, dd, ol, ul, figure, blockquote { margin: 0; padding: 0; }
ol, ul { list-style: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sr:focus { position: fixed; top: 12px; left: 12px; width: auto; height: auto; clip: auto; z-index: 99; background: var(--hvitt); padding: 10px 16px; }
:focus-visible { outline: 2px solid var(--bla); outline-offset: 3px; }

/* Prófun á forsíðu og Ölfusárbrú: breiðari spássía vinstri og hægri. Ef þetta gengur fer það í :root fyrir allan vefinn. */
body.breidara-loft { --spassia: clamp(24px, 7vw, 136px); --breidd: 1440px; }
.wrap { width: 100%; max-width: calc(var(--breidd) + var(--spassia) * 2); margin: 0 auto; padding: 0 var(--spassia); }
.kafli { padding-top: var(--kafli); }
.kafli-litill { padding-top: var(--kafli-litill); }
.botn { padding-bottom: var(--kafli); }
main > section:last-child:not(.sjodur):not(.beint):not(.live):not(.skra-kafli):not(.lokaband):not(.ab-lok) { padding-bottom: var(--kafli); }

/* ---------- Letur ---------- */
.merking {
  font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
  color: var(--bla); margin-bottom: 18px; line-height: 1.3;
}
.merking.dauf { color: var(--dauft); }
.h1 {
  font-size: clamp(44px, 7vw, 120px); font-weight: 600; line-height: .96;
  letter-spacing: -0.045em; color: var(--navy);
}
.h1.minni { font-size: clamp(40px, 5.6vw, 96px); }
.h2 {
  font-size: clamp(36px, 4.6vw, 72px); font-weight: 600; line-height: 1.02;
  letter-spacing: -0.035em; color: var(--navy);
}
.h2.minni { font-size: clamp(30px, 3vw, 48px); letter-spacing: -0.025em; line-height: 1.08; }
.h3 { font-size: clamp(24px, 2.2vw, 34px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; color: var(--navy); }
.inngangur { font-size: clamp(18px, 1.5vw, 22px); line-height: 1.5; color: var(--dauft); max-width: 46ch; }
/* .serif: serif bara í tilvitnunum (ákvörðun 26.09), annars sans í miðlungsþyngd */
.serif { font-family: var(--sans); font-weight: 500; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; letter-spacing: -0.005em; color: var(--texti); }
.texti { font-size: 18px; line-height: 1.6; color: var(--dauft); }
.dauft { color: var(--dauft); font-size: 15px; }
.numer { font-size: 15px; font-weight: 600; color: var(--bla); font-variant-numeric: tabular-nums; }
.stack > * + * { margin-top: 14px; }
.stor-texti { font-size: clamp(22px, 1.9vw, 30px); line-height: 1.3; letter-spacing: -0.015em; color: var(--navy); font-weight: 500; }

/* Tengill með undirstrikun: ÞG blár, kopar á hover, ör sem færist */
.tengill {
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  font-weight: 600; font-size: 16px; color: var(--navy); padding-bottom: 6px; white-space: nowrap;
}
.tengill::before { content: "→"; order: 2; transition: transform .35s var(--mjukt); }
.tengill::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: var(--bla); transition: background .25s;
}
a:hover .tengill::before, .tengill:hover::before { transform: translateX(5px); }
a:hover .tengill::after, .tengill:hover::after { background: var(--kopar); }
.tengill.ljos { color: var(--hvitt); }
.tengill.ljos::after { background: var(--hvitt); }
.tengill.litill { font-size: 15px; }
.tengill.til-baka::before { content: "←"; order: 0; }
a:hover .tengill.til-baka::before, .tengill.til-baka:hover::before { transform: translateX(-5px); }

.takki {
  display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 28px;
  background: var(--bla); color: var(--hvitt); font-weight: 600; font-size: 16px; line-height: 1.2;
  border-radius: 2px; border: 0; white-space: nowrap; transition: background .25s, color .25s, border-color .25s, transform .15s;
}
.takki:hover { background: var(--navy); }
.takki:active { transform: translateY(1px); }
.takki.navy { background: var(--navy); }
.takki.navy:hover { background: var(--bla); }
.takki.lina { background: transparent; color: var(--navy); border: 1.5px solid var(--navy); }
.takki.lina:hover { background: var(--navy); color: var(--hvitt); }
.takki.hvitur-lina { background: transparent; color: var(--hvitt); border: 1.5px solid rgba(255, 255, 255, .7); }
.takki.hvitur-lina:hover { background: var(--hvitt); color: var(--navy); border-color: var(--hvitt); }
.adgerdir { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }

/* ---------- Myndir: hlutfall ramma = hlutfall myndar, aldrei skorið ---------- */
.mynd { position: relative; overflow: hidden; background: var(--flotur); }
.mynd > img, .mynd > video { width: 100%; height: 100%; }
.zoom img, .dyr-spjald .mynd img { transition: filter .6s var(--mjukt); }
a:hover .zoom img, .zoom:hover img, .dyr-spjald:hover .mynd img { filter: brightness(1.06) saturate(1.05); }
.mynd-tom {
  display: flex; align-items: flex-end; padding: 20px; aspect-ratio: 16 / 9;
  background: var(--flotur-dokkur); color: var(--dauft);
  font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
}
.myndatexti {
  display: flex; justify-content: space-between; gap: 20px; padding-top: 14px;
  font-size: 14px; color: var(--dauft);
}

/* ---------- Haus: fastur, gegnsær yfir hero-mynd, hvítur eftir skrun ---------- */
.haus {
  position: fixed; inset: 0 0 auto 0; z-index: 50; height: var(--haus-nu);
  /* --haus-nu: hæð haussins eins og hún er þá stundina (stillt hér, í .fast og í .ab).
     Símavalmyndin byrjar fyrir neðan hana, svo hún fylgir hausnum alltaf. */
  --haus-nu: var(--haus-h);
  display: flex; align-items: center; color: var(--hvitt);
  transition: background .35s, color .35s, box-shadow .35s, height .35s;
}
.haus-rod { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.haus-merki { position: relative; display: block; width: 130px; flex: none; }
.haus-merki img { width: 130px; height: auto; aspect-ratio: 247.066 / 102.83; }
.haus-merki .m-bla { position: absolute; inset: 0; opacity: 0; transition: opacity .35s; }
.haus-merki .m-hvitt { transition: opacity .35s; }
.valmynd { display: flex; align-items: center; gap: clamp(20px, 2.4vw, 40px); font-weight: 500; font-size: 16px; }
.valmynd > a:not(.takki-haus), .fella > a { position: relative; padding: 6px 0; }
.valmynd > a:not(.takki-haus)::after, .fella > a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: currentColor;
  transform: scaleX(0); transform-origin: left; transition: transform .35s var(--mjukt);
}
.valmynd > a:not(.takki-haus):hover::after, .fella > a:hover::after, .fella:focus-within > a::after { transform: scaleX(1); background: var(--kopar); }
.valmynd a[aria-current="page"]::after { transform: scaleX(1); }
.takki-haus { border: 1.5px solid currentColor; padding: 12px 20px; border-radius: 2px; font-weight: 600; transition: background .25s, color .25s, border-color .25s; }
.takki-haus:hover { background: var(--hvitt); color: var(--navy); border-color: var(--hvitt); }

/* Fella: undirvalmynd Fyrirtækisins */
.fella { position: relative; }
.fella-listi {
  position: absolute; top: calc(100% + 14px); left: -22px; min-width: 260px;
  background: var(--hvitt); color: var(--navy); border: 1px solid var(--lina); padding: 12px 0;
  box-shadow: 0 24px 48px -24px rgba(14, 30, 48, .35);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.fella::before { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 16px; }
.fella:hover .fella-listi, .fella:focus-within .fella-listi { opacity: 1; visibility: visible; transform: none; }
.fella-listi a { display: block; padding: 9px 22px; font-size: 16px; font-weight: 500; transition: color .2s, background .2s; }
.fella-listi a:hover, .fella-listi a[aria-current="page"] { color: var(--bla); }
.fella-listi a[aria-current="page"] { box-shadow: inset 3px 0 0 var(--bla); }

/* Hvítur haus: eftir skrun og á síðum án hero-myndar */
.haus.fast, .haus.ljos { background: rgba(255, 255, 255, .96); color: var(--navy); box-shadow: 0 1px 0 var(--lina); backdrop-filter: blur(10px); }
.haus.fast { --haus-nu: var(--haus-fast); }
.haus.fast .m-bla, .haus.ljos .m-bla { opacity: 1; }
.haus.fast .m-hvitt, .haus.ljos .m-hvitt { opacity: 0; }
.haus.fast .takki-haus, .haus.ljos .takki-haus { background: var(--bla); color: var(--hvitt); border-color: var(--bla); }
.haus.fast .takki-haus:hover, .haus.ljos .takki-haus:hover { background: var(--navy); border-color: var(--navy); }

.valmynd-takki { display: none; width: 48px; height: 48px; position: relative; }
.valmynd-takki span, .valmynd-takki span::before, .valmynd-takki span::after {
  position: absolute; left: 12px; width: 24px; height: 2px; background: currentColor; content: ""; transition: transform .3s, top .3s, opacity .2s;
}
.valmynd-takki span { top: 23px; }
.valmynd-takki span::before { left: 0; top: -8px; }
.valmynd-takki span::after { left: 0; top: 8px; }

/* ---------- Hero: mynd í réttu hlutfalli, texti ofan á ----------
   Skyggnur liggja hver ofan á annarri í sama reit. Hver mynd heldur sínu
   hlutfalli (ekkert skorið, ekkert teygt); navy grunnur fyllir það sem upp á vantar. */
.hero { position: relative; background: var(--navy); color: var(--hvitt); }
.hero-mynd { position: relative; width: 100%; display: grid; overflow: hidden; background: #0E1E30; }
.hero-skyggna { grid-area: 1 / 1; align-self: end; width: 100%; opacity: 0; transition: opacity 1.4s var(--mjukt); }
.hero-skyggna.virk { opacity: 1; }
.hero-skyggna img, .hero-skyggna video { width: 100%; height: 100%; display: block; object-fit: cover; }
.hero-sida .hero-pasa { left: auto; right: var(--spassia); bottom: 54px; }
.hero-sida.kyrr .hero-myndband { opacity: .96; }
.hero-mynd::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(14, 30, 48, .55) 0%, rgba(14, 30, 48, 0) 24%),
    linear-gradient(0deg, rgba(14, 30, 48, .86) 0%, rgba(14, 30, 48, .35) 40%, rgba(14, 30, 48, 0) 66%);
}
.hero-yfir { position: absolute; inset: 0; z-index: 2; display: flex; align-items: flex-end; padding-bottom: clamp(56px, 6vw, 104px); pointer-events: none; }
.hero-yfir a, .hero-yfir button { pointer-events: auto; }
.hero-innri { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(20px, 2.4vw, 36px); }
.risi {
  font-size: clamp(56px, 10.2vw, 184px); font-weight: 600; line-height: .9; letter-spacing: -0.055em;
  color: var(--hvitt); max-width: 12ch;
}
.risi.minni { font-size: clamp(44px, 7vw, 120px); max-width: 16ch; }
.hero-fot { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.hero-fot p { max-width: 40ch; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.45; color: rgba(255, 255, 255, .88); }
.hero-texti { display: grid; gap: clamp(20px, 2vw, 28px); justify-items: start; min-width: 0; }
.hero-takkar { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-yfir .braud { color: rgba(255, 255, 255, .7); padding: 0; }
.hero-yfir .braud a:hover, .hero-yfir .braud b { color: var(--hvitt); }
.hero-yfir .merking { color: var(--bla-ljos); margin-bottom: 0; }
.hero-yfir .tengill { color: var(--hvitt); }
.hero-yfir .tengill::after { background: var(--hvitt); }
.hero-yfir .takki { background: var(--hvitt); color: var(--navy); }
.hero-yfir .takki:hover { background: var(--bla); color: var(--hvitt); }
.hero-yfir .takki .punktur { background: var(--kopar); }
.hero-yfir .takki .punktur::after { border-color: var(--kopar); }
.hero-sida .hero-skyggna { opacity: 1; }
.hero-sida .hero-innri { gap: clamp(16px, 1.8vw, 28px); }
.hero-sida .myndatexti { position: absolute; right: var(--spassia); bottom: 20px; z-index: 3; color: rgba(255, 255, 255, .6); padding: 0; }

/* Merkið fylgir myndinni: eitt á hverja skyggnu, staflað í sama reit */
.hero-merki { display: grid; justify-items: end; max-width: 100%; }
.hero-merki .merki-lifandi { width: auto; max-width: 100%; white-space: normal; }
.hero-merki .merki-lifandi { grid-area: 1 / 1; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .6s var(--mjukt), transform .6s var(--mjukt), visibility .6s, background .25s, border-color .25s; }
.hero-merki .merki-lifandi.virk { opacity: 1; visibility: visible; transform: none; }
.hero-merki .merki-lifandi::after { content: "→"; margin-left: 2px; transition: transform .35s var(--mjukt); }
.hero-merki .merki-lifandi:hover { border-color: rgba(255, 255, 255, .7); background: rgba(14, 30, 48, .55); }
.hero-merki .merki-lifandi:hover::after { transform: translateX(4px); }

/* Strik rennunnar: neðst fyrir miðju, fyllast á meðan skyggna er virk */
.hero-punktar { position: absolute; z-index: 3; left: 50%; bottom: clamp(18px, 2vw, 30px); transform: translateX(-50%); display: flex; gap: 10px; }
.hero-pasa { position: absolute; z-index: 3; left: calc(50% + 2 * clamp(40px, 4vw, 64px) + 34px); bottom: clamp(18px, 2vw, 30px); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .45); background: rgba(14, 30, 48, .35); color: var(--hvitt); transition: background .25s, border-color .25s; }
.hero-pasa:hover { background: rgba(14, 30, 48, .6); border-color: rgba(255, 255, 255, .8); }
.hero-pasa .ik-spila, .hero.kyrr .hero-pasa .ik-pasa { display: none; }
.hero.kyrr .hero-pasa .ik-spila { display: block; }
.hero-punktar button { width: clamp(40px, 4vw, 64px); height: 24px; display: flex; align-items: center; }
.hero-punktar i { position: relative; display: block; width: 100%; height: 3px; background: rgba(255, 255, 255, .3); overflow: hidden; border-radius: 2px; }
.hero-punktar i::after { content: ""; position: absolute; inset: 0; background: var(--hvitt); transform: scaleX(0); transform-origin: left; }
.hero-punktar button:hover i { background: rgba(255, 255, 255, .5); }
.hero-punktar button.virk i::after { animation: framvinda var(--hero-timi, 6s) linear forwards; }
.hero.kyrr .hero-punktar button.virk i::after { animation: none; transform: none; }
@keyframes framvinda { to { transform: none; } }

.merki-lifandi {
  display: inline-flex; align-items: center; gap: 12px; width: max-content; max-width: 100%;
  font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
  padding: 10px 16px 10px 14px; border: 1px solid rgba(255, 255, 255, .32); border-radius: 100px;
  background: rgba(14, 30, 48, .35); backdrop-filter: blur(6px); color: var(--hvitt);
}
.merki-lifandi i, .punktur { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--kopar); flex: none; display: inline-block; }
.merki-lifandi i::after, .punktur::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 1.5px solid var(--kopar); animation: puls 2s ease-out infinite; }
.takki .punktur { background: var(--hvitt); }
.takki .punktur::after { border-color: var(--hvitt); }
@keyframes puls { from { transform: scale(.5); opacity: 1; } to { transform: scale(1.6); opacity: 0; } }

.upp { animation: upp 1.1s var(--mjukt) both; animation-delay: .25s; }
.u1 { animation-delay: .4s; }
.u2 { animation-delay: .6s; }
@keyframes upp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }

/* ---------- Síðuhaus án myndar: texti undir hvítum haus ---------- */
.sidu-haus { padding-top: calc(var(--haus-h) + clamp(16px, 2vw, 28px)); }
.sidu-haus .merking { margin: clamp(16px, 2vw, 28px) 0 16px; }
.sidu-haus .braud + .h1 { margin-top: clamp(16px, 2vw, 28px); }
.hero-rod { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-top: clamp(14px, 1.6vw, 24px); }
/* Fyrsti kafli á eftir textahaus: efnið kemur fyrr (þétt um þriðjung 16.10.2026) */
.sidu-haus + .kafli { padding-top: clamp(40px, 4.5vw, 72px); }
.sidu-haus + .kafli-litill { padding-top: clamp(32px, 3.5vw, 48px); }
.sidu-haus .hero-mynd { margin-top: clamp(16px, 2vw, 28px); background: none; }
.braud { font-size: 15px; color: var(--dauft); }
.braud a:hover { color: var(--navy); }
.braud span { margin: 0 8px; }
.braud b { font-weight: 400; color: var(--texti); }

/* ---------- Kaflar almennt ---------- */
.kaflahaus { margin-bottom: clamp(40px, 4.4vw, 72px); }
.kaflahaus-rod, .kaflahaus:has(> .stack) { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 32px; flex-wrap: wrap; }
.kaflahaus .stack > .h2 { margin-top: 0; }
.kaflahaus .skyring, .skyring { font-size: 15px; color: var(--dauft); }
.kaflahaus-tvo { display: grid; grid-template-columns: minmax(0, 704px) minmax(0, 520px); justify-content: space-between; gap: 40px; margin-bottom: clamp(40px, 4.4vw, 64px); }
.kaflahaus-tvo .texti { font-size: 19px; }

/* ---------- Tvær dyr ---------- */
.dyr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 32px); }
@media (max-width: 1100px) { .dyr { grid-template-columns: 1fr; } .dyr-spjald { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; } }
@media (max-width: 786px) { .dyr-spjald { grid-template-columns: 1fr; } }
.dyr-spjald { display: grid; background: var(--flotur); }
.dyr-texti { padding: clamp(28px, 3vw, 48px); display: grid; gap: 14px; align-content: start; }
.dyr-texti .merking { margin-bottom: 0; }
.dyr-texti p:not(.merking) { color: var(--dauft); max-width: 46ch; }
.dyr-texti .tengill { justify-self: start; margin-top: 10px; }

/* ---------- Í beinni (grafít band) ---------- */
.beint { background: var(--grafit); color: var(--hvitt); padding: var(--kafli) 0; margin-top: var(--kafli); }
.beint-rod { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 5vw, 96px); align-items: center; }
.beint .merki-lifandi { background: transparent; margin-bottom: 28px; }
.beint .h2 { color: var(--hvitt); }
.beint-inng { margin-top: 24px; color: rgba(255, 255, 255, .78); max-width: 42ch; }
.beint-tolur { display: grid; grid-template-columns: repeat(4, 1fr); margin: 40px 0 36px; border-top: 1px solid rgba(255, 255, 255, .18); }
.beint-tolur div { padding-top: 16px; }
.beint-tolur dt { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--bla-ljos); font-weight: 600; }
.beint-tolur dd { font-size: clamp(24px, 2vw, 32px); font-weight: 600; letter-spacing: -0.03em; margin-top: 6px; }
.beint-vel .mynd { background: #1f272e; }
.beint-vel figcaption { margin-top: 14px; font-size: 14px; color: rgba(255, 255, 255, .6); }

/* ---------- Til sölu núna (forsíða) ---------- */
.thorraholt { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 4vw, 72px); align-items: center; }
.salan { margin: clamp(28px, 3vw, 44px) 0; }
.salan-haus { display: flex; justify-content: space-between; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; color: var(--dauft); margin-bottom: 12px; }
.sula { display: flex; gap: 3px; height: 14px; }
.sula i { display: block; transform-origin: left; height: 100%; }
.sula .s-seld, .salan-skyring .s-seld { background: var(--navy); }
.sula .s-laus, .salan-skyring .s-laus, .sula .s-sala { background: var(--bla); }
.sula .s-vaent, .salan-skyring .s-vaent { background: var(--grar); }
.salan-skyring { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 14px; font-size: 15px; color: var(--dauft); }
.salan-skyring li { display: flex; align-items: center; gap: 8px; }
.salan-skyring i { width: 10px; height: 10px; display: block; }
.salan-skyring b { color: var(--navy); font-size: 17px; }
.js .salan .sula i { transform: scaleX(0); transition: transform 1.2s var(--mjukt); }
.js .salan .sula i:nth-child(2) { transition-delay: .15s; }
.js .salan .sula i:nth-child(3) { transition-delay: .3s; }
.js .salan.synilegt .sula i { transform: none; }

.renna-haus { display: flex; justify-content: space-between; align-items: center; margin: clamp(72px, 8vw, 120px) 0 24px; padding-top: 28px; border-top: 1px solid var(--lina); }
.renna-haus .merking { margin: 0; color: var(--navy); }
.renna-takkar { display: flex; gap: 8px; }
.renna-takkar button { width: 48px; height: 48px; border: 1px solid var(--lina); border-radius: 50%; font-size: 18px; color: var(--navy); transition: background .25s, color .25s, border-color .25s; }
.renna-takkar button:hover { background: var(--navy); color: var(--hvitt); border-color: var(--navy); }
.renna {
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 24px) / 3.4); gap: 24px;
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px;
}
.renna::-webkit-scrollbar { display: none; }
.renna-spjald { scroll-snap-align: start; display: grid; gap: 4px; align-content: start; }
.renna-spjald .mynd { margin-bottom: 14px; }
.renna-spjald h3 { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: var(--navy); }
.renna-spjald p { font-size: 15px; color: var(--dauft); }

/* ---------- Verkaskrá (forsíða): listi, mynd fylgir músinni ---------- */
.skra-kafli { background: var(--flotur); position: relative; padding-bottom: var(--kafli); }
.skra { border-top: 1px solid var(--lina); counter-reset: skra; }
.skra li { border-bottom: 1px solid var(--lina); }
.skra a {
  display: grid; grid-template-columns: 150px minmax(0, 1.2fr) minmax(0, 1fr) 130px; gap: 24px; align-items: baseline;
  padding: clamp(20px, 2vw, 30px) 0; transition: padding .45s var(--mjukt), color .25s;
}
.skra .ar { font-size: 14px; color: var(--dauft); font-variant-numeric: tabular-nums; }
.skra .nafn { font-size: clamp(26px, 3vw, 48px); font-weight: 600; letter-spacing: -0.035em; line-height: 1.05; color: var(--navy); transition: color .25s; }
.skra .lys { font-size: 16px; color: var(--dauft); }
.skra .flokkur { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; color: var(--bla); text-align: right; }
.skra a:hover { padding-left: 16px; }
.skra a:hover .nafn { color: var(--bla); }
.skra-mynd {
  position: fixed; left: 0; top: 0; z-index: 40; width: 360px; pointer-events: none;
  opacity: 0; transform: translate3d(-9999px, 0, 0); transition: opacity .3s;
  box-shadow: 0 30px 60px -20px rgba(14, 30, 48, .45);
}
.skra-mynd img { width: 100%; height: auto; display: block; }
.skra-mynd.synileg { opacity: 1; }

/* ---------- ÞG Sjóður (ÞG blátt band) ---------- */
.sjodur { background: var(--bla); color: var(--hvitt); padding: var(--kafli) 0; margin-top: var(--kafli); }
.sjodur-rod { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 120px); align-items: end; }
.sjodur .merking { color: rgba(255, 255, 255, .78); }
.sjodur .h2 { color: var(--hvitt); }
.sjodur-inng { margin: 24px 0 36px; color: rgba(255, 255, 255, .86); max-width: 44ch; }
.skipting-sula { display: flex; gap: 4px; height: clamp(120px, 14vw, 220px); }
.skipting-sula i { display: block; background: rgba(255, 255, 255, .22); transform-origin: bottom; }
.skipting-sula i:nth-child(1) { background: var(--hvitt); }
.skipting-sula i:nth-child(2) { background: var(--navy); }
.skipting-texti { display: flex; gap: 4px; margin-top: 16px; }
.skipting-texti div { min-width: 0; }
.skipting-texti b { display: block; font-size: clamp(28px, 3vw, 48px); font-weight: 600; letter-spacing: -0.04em; line-height: 1; }
.skipting-texti span { display: block; margin-top: 8px; font-size: 14px; line-height: 1.35; color: rgba(255, 255, 255, .82); }
.skipting-sula i:first-child, .skipting-texti div:first-child { min-width: 96px; }
.js .skipting .skipting-sula i { transform: scaleY(0); transition: transform 1.1s var(--mjukt); }
.js .skipting .skipting-sula i:nth-child(2) { transition-delay: .12s; }
.js .skipting .skipting-sula i:nth-child(3) { transition-delay: .24s; }
.js .skipting.synilegt .skipting-sula i { transform: none; }

/* ---------- Fréttir (forsíða: þrjár í röð) ---------- */
.frettir { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--lina); }
.frett { padding: 28px 32px 40px 0; border-right: 1px solid var(--lina); display: grid; gap: 14px; align-content: start; }
.frett + .frett { padding-left: 32px; }
.frett:last-child { border-right: 0; }
.frett .dags { font-size: 14px; color: var(--dauft); }
.frett h3 { font-size: clamp(21px, 1.7vw, 26px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; color: var(--navy); transition: color .25s; }
.frett:hover h3 { color: var(--bla); }

/* ============================================================
   Einingar undirsíðna (fluttar úr beta 26.09 í útlit 28.09)
   ============================================================ */

/* ---------- Tölustika: heill navy-kafli ---------- */
section:has(> .wrap > .tolur) { background: var(--navy); color: var(--hvitt); margin-top: var(--kafli); padding: 72px 0; }
.hero-sida + section:has(> .wrap > .tolur), .hero + section:has(> .wrap > .tolur), .undirvalmynd + section:has(> .wrap > .tolur) { margin-top: 0; }
section:has(> .wrap > .tolur) + section { padding-top: var(--kafli); }
.tolur { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tolur > div { padding: 8px 0 8px 33px; border-left: 1px solid rgba(255, 255, 255, .18); }
.tolur > div:first-child { padding-left: 0; border-left: 0; }
.tolur b { display: block; font-size: clamp(34px, 3.1vw, 48px); font-weight: 600; color: var(--hvitt); line-height: 1.15; letter-spacing: -0.03em; white-space: nowrap; }
.tolur span { display: block; margin-top: 8px; font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--bla-ljos); }
section:has(> .wrap > .tolur) .merking { color: var(--bla-ljos); }
section:has(> .wrap > .tolur) .h2 { color: var(--hvitt); }
section:has(> .wrap > .tolur) .skyring { color: rgba(255, 255, 255, .7); }
.stada-tolur .t-sala b { color: var(--bla-ljos); }
.stada-tolur .t-vaent b { color: rgba(255, 255, 255, .6); }
section:has(> .wrap > .tolur) .sula .s-seld { background: var(--hvitt); }
section:has(> .wrap > .tolur) .sula .s-sala, section:has(> .wrap > .tolur) .sula .s-laus { background: #4F95DB; }
section:has(> .wrap > .tolur) .sula .s-vaent { background: rgba(255, 255, 255, .25); }
section:has(> .wrap > .tolur) .sula { margin-bottom: 28px; }
/* Ölfusárbrú: tölustika og LIVE renna saman í einn navy-flöt */
section:has(> .wrap > .tolur) + .live { margin-top: 0; padding-top: 32px; }
section:has(> .wrap > .tolur) + .live > .wrap { border-top: 1px solid rgba(255, 255, 255, .18); padding-top: 88px; }

/* ---------- Undirvalmynd sölusíðu ---------- */
.undirvalmynd { position: sticky; top: var(--haus-fast); z-index: 40; background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px); border-bottom: 1px solid var(--lina); }
.undirvalmynd .wrap { display: flex; gap: 40px; overflow-x: auto; scrollbar-width: none; }
.undirvalmynd .wrap::-webkit-scrollbar { display: none; }
.undirvalmynd a { padding: 22px 0; font-size: 15px; font-weight: 500; color: var(--dauft); white-space: nowrap; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.undirvalmynd a.virk, .undirvalmynd a:hover { color: var(--navy); border-color: var(--bla); }

/* ---------- Söluspjald (til sölu): navy textahlið ---------- */
.solu-spjald { display: grid; grid-template-columns: 768fr 552fr; align-items: center; background: var(--navy); color: var(--hvitt); }
.solu-spjald + .solu-spjald { margin-top: 24px; }
.solu-spjald .mynd { background: var(--grafit); }
.solu-spjald-texti { padding: clamp(32px, 3.5vw, 56px); }
.solu-spjald-texti > * + * { margin-top: 14px; }
.solu-spjald-texti .merking { color: var(--bla-ljos); margin-bottom: 0; }
.solu-spjald-texti .titill { font-size: clamp(32px, 3vw, 44px); font-weight: 600; letter-spacing: -0.03em; color: var(--hvitt); line-height: 1.08; }
.solu-spjald-texti .serif, .solu-spjald-texti .texti { font-size: 18px; max-width: 420px; color: rgba(255, 255, 255, .82); font-family: var(--sans); font-weight: 400; }
.stada-litil { display: flex; gap: 36px; padding: 10px 0; }
.stada-litil b { display: block; font-size: 32px; font-weight: 600; color: var(--hvitt); line-height: 1.2; letter-spacing: -0.02em; }
.stada-litil span { font-size: 14px; color: rgba(255, 255, 255, .7); }
.solu-spjald-texti .adgerdir { gap: 24px; }
.solu-spjald .takki { background: var(--hvitt); color: var(--navy); }
.solu-spjald .takki:hover { background: var(--bla); color: var(--hvitt); }
.solu-spjald .tengill { color: var(--hvitt); }
.solu-spjald .tengill::after { background: var(--hvitt); }
.verd-fra { font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, .82); }
.solu-spjald.vaent { background: var(--flotur); color: var(--texti); }
.solu-spjald.vaent .titill { color: var(--navy); }
.solu-spjald.vaent .merking { color: var(--bla); }
.solu-spjald.vaent .serif, .solu-spjald.vaent .texti { color: var(--dauft); }
.solu-spjald.vaent .takki { background: var(--bla); color: var(--hvitt); }
.solu-spjald.vaent .tengill { color: var(--navy); }
.solu-spjald.vaent .tengill::after { background: var(--bla); }

/* ---------- Númeraðir dálkar ---------- */
.dalkar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; }
.dalkar.fjorir { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.dalkur { border-top: 1px solid var(--lina-dokk); padding-top: 32px; }
.dalkur > * + * { margin-top: 14px; }
.dalkur .h3 { font-size: clamp(22px, 1.8vw, 26px); }
.dalkur .texti { font-size: 17px; }

/* ---------- Verkefnagrind 2 × 2 ---------- */
.grind2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 24px; }
.verk-texti { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-top: 16px; }
.verk-texti .nafn { font-size: clamp(22px, 1.8vw, 26px); font-weight: 600; color: var(--navy); line-height: 1.2; letter-spacing: -0.02em; }
.verk-texti .lysing { font-size: 15px; color: var(--dauft); text-align: right; }

/* ---------- Veldu hús ---------- */
.hus-rod { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.hus { display: block; background: var(--flotur); padding: 17px; border: 1px solid transparent; text-align: left; transition: border-color .2s, transform .2s; }
.hus:hover { border-color: var(--bla); transform: translateY(-2px); }
.hus b { display: block; font-size: 22px; font-weight: 600; color: var(--navy); line-height: 1.25; }
.hus span { display: block; margin-top: 4px; font-size: 14px; font-weight: 500; color: var(--bla); }
.hus.vaent { background: var(--flotur-dokkur); cursor: default; }
.hus.vaent:hover { transform: none; border-color: transparent; }
.hus.vaent b, .hus.vaent span { color: var(--dauft); }
.hus.valid { border-color: var(--navy); box-shadow: inset 0 0 0 1px var(--navy); }

/* ---------- Íbúð vikunnar ---------- */
.lykiltolur { display: flex; gap: 28px; padding: 12px 0; }
.lykiltolur b { display: block; font-size: 24px; font-weight: 600; color: var(--hvitt); line-height: 1.25; }
.lykiltolur span { font-size: 13px; color: rgba(255, 255, 255, .7); }
.verd { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.verd b { font-size: 28px; font-weight: 600; white-space: nowrap; letter-spacing: -0.02em; }
.verd span { font-size: 15px; color: rgba(255, 255, 255, .7); }

/* ---------- Verðlisti ---------- */
.siur { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 28px; }
.sia { padding: 10px 19px; border-radius: 999px; border: 1px solid var(--lina); background: var(--hvitt); font-size: 15px; font-weight: 500; color: var(--texti); transition: background .2s, color .2s, border-color .2s; }
.sia:hover { border-color: var(--navy); }
.sia.virk { background: var(--navy); border-color: var(--navy); color: var(--hvitt); }
.rodun { margin-left: 10px; font-size: 15px; color: var(--dauft); background: none; border: 0; }
.rodun select { font: inherit; color: var(--navy); background: transparent; border: 0; border-bottom: 1px solid var(--lina); padding: 2px 4px; }
.tafla-rammi { overflow-x: auto; }
table.verdlisti { width: 100%; border-collapse: collapse; min-width: 900px; }
.verdlisti th { text-align: left; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--dauft); padding: 12px 0; border-bottom: 1px solid var(--lina-dokk); }
.verdlisti td { padding: 22px 0; border-bottom: 1px solid var(--lina); font-size: 16px; }
.verdlisti td:first-child { font-size: 17px; font-weight: 600; color: var(--navy); }
.verdlisti .r { text-align: right; padding-right: 40px; }
.verdlisti td.r { font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; }
.verdlisti tr[hidden] { display: none; }
.verdlisti tbody tr { transition: background .15s; }
.verdlisti tbody tr:hover { background: var(--flotur); }
.merki-stada { display: inline-block; padding: 5px 12px; border-radius: 999px; background: var(--bla-tint); color: var(--bla); font-size: 13px; font-weight: 600; }
.merki-stada.frateki { background: rgba(157, 142, 124, .2); color: var(--leir); }
.tafla-fotur { display: flex; align-items: center; gap: 24px; margin-top: 28px; }
.tafla-fotur a.prenta { font-size: 16px; color: var(--dauft); }
.tafla-fotur a.prenta:hover { color: var(--navy); }

/* ---------- Áfangar / tímalína ---------- */
.timalina { display: grid; gap: 24px; }
.timalina.t3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.timalina.t5 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.timalina.t8 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; row-gap: 40px; }
@media (max-width: 860px) { .timalina.t8 { grid-template-columns: 1fr 1fr; row-gap: 32px; } }
.afangi { border-top: 1px solid var(--lina-dokk); padding-top: 25px; }
.afangi.virkur, .afangi.lokid { border-top: 3px solid var(--bla); padding-top: 23px; }
.afangi .ar { font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--dauft); }
.afangi.virkur .ar, .afangi.lokid .ar { color: var(--bla); }
.afangi .h3 { margin-top: 10px; font-size: 24px; }
.afangi .texti { margin-top: 10px; font-size: 16px; }
.merki-nuna { display: inline-block; margin-top: 12px; padding: 4px 10px; border-radius: 999px; background: var(--bla-tint); color: var(--bla); font-size: 13px; font-weight: 600; }

/* ---------- Form: merkimiði ofan við reit, villuboð undir ---------- */
.form-spjald { display: grid; grid-template-columns: 492fr 620fr; gap: 80px; padding: clamp(32px, 4vw, 64px); background: var(--flotur); }
.form-spjald .h2 { margin-top: 0; }
.form-spjald .serif { margin-top: 16px; max-width: 420px; }
.form { display: grid; gap: 18px; }
.form .tvo { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.reitur { display: grid; gap: 8px; }
.reitur label { font-size: 14px; font-weight: 600; color: var(--navy); }
.reitur label small { font-weight: 400; color: var(--dauft); }
.form input, .form textarea, .form select {
  width: 100%; font: inherit; font-size: 16px; color: var(--texti); background: var(--hvitt);
  border: 1px solid var(--lina); border-radius: 2px; padding: 15px 18px; outline: none; transition: border-color .2s, box-shadow .2s;
}
.form textarea { min-height: 140px; resize: vertical; }
.form input:focus, .form textarea:focus, .form select:focus { border-color: var(--bla); box-shadow: 0 0 0 3px var(--bla-tint); }
.form ::placeholder { color: #8A939C; }
.form input:user-invalid, .form textarea:user-invalid { border-color: var(--kopar); }
.reitur .villa { display: none; font-size: 14px; color: var(--kopar); }
.reitur:has(:user-invalid) .villa { display: block; }
.form .takki { justify-self: start; margin-top: 4px; }
.form-kvittun { display: none; font-size: 17px; color: var(--navy); font-weight: 500; }
.form.sent .form-kvittun { display: block; }
.form.sent > :not(.form-kvittun) { display: none; }
.form label.skra { font-size: 14px; color: var(--dauft); display: flex; gap: 10px; align-items: center; }
.form label.skra input { width: auto; }
.form input[type="file"] { padding: 12px; background: var(--hvitt); }

/* ---------- LIVE ---------- */
.live { background: var(--navy); color: var(--hvitt); padding: var(--kafli) 0; margin-top: var(--kafli); }
.live .merking { color: var(--bla-ljos); }
.live .h2 { color: var(--hvitt); }
.live .kaflahaus .texti-hlid { max-width: 460px; font-size: 18px; line-height: 1.5; color: rgba(255, 255, 255, .8); }
.live-grind { display: grid; grid-template-columns: 880fr 400fr; gap: 40px; align-items: start; }
.skjar { position: relative; overflow: hidden; background: var(--grafit); }
.skjar img, .skjar video { width: 100%; height: 100%; display: block; object-fit: cover; }
/* Bein útsending (3dEYE, Leiðni): kóðinn fer í beint_kodi á Ölfusárbrúarsíðunni og fyllir skjáinn */
.beint-skjar iframe, .beint-skjar video, .beint-skjar > div:not(.i-beinni) { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.skjar .i-beinni { position: absolute; left: 20px; top: 20px; display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 12px; background: rgba(14, 30, 48, .72); border-radius: 100px; font-size: 13px; font-weight: 600; letter-spacing: .08em; }
.skjar .timastimpill { position: absolute; right: 20px; bottom: 20px; padding: 8px 12px; background: rgba(14, 30, 48, .72); border-radius: 2px; font-size: 13px; }
.velar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.velar button { padding: 12px; border-radius: 2px; font-size: 15px; font-weight: 500; background: transparent; color: var(--hvitt); border: 1px solid rgba(255, 255, 255, .5); }
.velar button.virk { background: var(--hvitt); color: var(--navy); border-color: var(--hvitt); }
.upplysingar { margin-top: 24px; }
.upplysingar div { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, .18); font-size: 15px; }
.upplysingar div span:first-child { color: rgba(255, 255, 255, .7); }
.upplysingar div span:last-child { font-weight: 500; text-align: right; }
.live .takki.hvitur-lina { margin-top: 24px; }
.live .smatexti { margin-top: 24px; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .75); }

/* ---------- Um verkið, staðreyndir, hlutar, dagbók, viðtal ---------- */
.um-grind { display: grid; grid-template-columns: 764fr 460fr; gap: 96px; align-items: start; }
.um-grind .serif { margin-top: 24px; max-width: 680px; }
.um-grind .texti { margin-top: 24px; max-width: 680px; }
.stadreyndir { background: var(--flotur); padding: 16px 32px; }
.stadreyndir div { display: flex; justify-content: space-between; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--lina); font-size: 16px; }
.stadreyndir div:last-child { border-bottom: 0; }
.stadreyndir span:first-child { color: var(--dauft); }
.stadreyndir span:last-child { color: var(--navy); font-weight: 600; text-align: right; }
.mynd-listi { display: grid; grid-template-columns: 740fr 524fr; gap: 56px; align-items: start; }
.mynd-listi figcaption { margin-top: 12px; font-size: 14px; color: var(--dauft); }
.hlutar > div { border-top: 1px solid var(--lina); padding: 25px 0 24px; }
.hlutar .fyrirs { display: flex; align-items: baseline; gap: 16px; }
.hlutar .fyrirs .h3 { font-size: 26px; }
.hlutar .texti { margin-top: 10px; font-size: 17px; }
.dagbok { display: grid; gap: 24px; align-items: start; }
/* Myndbönd af verkstað: eitt breitt efst, þrjú lóðrétt í röð undir. */
.myndbond { display: grid; gap: 40px; }
.myndbond-rod { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.myndbond .mynd video { object-fit: cover; background: var(--grafit); }
.myndbond figcaption b { white-space: nowrap; }
.dagbok figcaption, .myndbond figcaption { display: flex; gap: 10px; align-items: baseline; margin-top: 12px; font-size: 14px; color: var(--dauft); }
.dagbok figcaption b, .myndbond figcaption b { font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--bla); }
.vidtal { display: grid; grid-template-columns: 380fr 860fr; gap: 80px; align-items: center; }
.tilvitnun { font-family: var(--serif); font-style: italic; font-weight: 600; font-size: clamp(26px, 2.5vw, 36px); line-height: 1.3; color: var(--navy); margin-top: 24px; }
.vidmaelandi { margin-top: 24px; font-size: 17px; font-weight: 600; color: var(--navy); }
.vidtal .texti { margin-top: 24px; font-size: 17px; max-width: 560px; }

/* ---------- CTA-borði ---------- */
.cta-bordi { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: clamp(32px, 4vw, 56px); background: var(--flotur); }
.cta-bordi .titill { font-size: clamp(28px, 2.5vw, 36px); font-weight: 600; letter-spacing: -0.025em; color: var(--navy); line-height: 1.15; }
.cta-bordi p { margin-top: 10px; font-size: 18px; color: var(--dauft); }

/* ---------- Verkefnin: síur og grind ---------- */
.flokkar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 40px; }
.siur { display: grid; gap: 14px; margin-bottom: 40px; }
.sia-rod { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; position: relative; padding-left: 106px; }
.sia-heiti { position: absolute; left: 0; top: 13px; width: 96px; font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--dauft); }
.siur .leit { margin: 6px 0 0 106px; }
.verk-tomt { font-size: 17px; color: var(--dauft); margin-bottom: 40px; }
.verk-tomt button { font: inherit; color: var(--bla); background: none; border: 0; padding: 0; text-decoration: underline; cursor: pointer; }
@media (max-width: 786px) { .sia-rod { padding-left: 0; } .sia-heiti { position: static; width: 100%; } .siur .leit { margin-left: 0; } }
.verkgrind { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 24px; align-items: start; }
.verkgrind .verk-kort > * + *, .verkgrind .verk-kort a > * + * { margin-top: 14px; }
.verk-kort .ar { font-size: 13px; font-weight: 600; letter-spacing: .16em; color: var(--bla); text-transform: uppercase; }
.verk-kort .nafn { font-size: 22px; font-weight: 600; color: var(--navy); line-height: 1.25; letter-spacing: -0.02em; margin-top: 6px; }
.verk-kort .lysing { font-size: 15px; color: var(--dauft); margin-top: 4px; }
.verk-kort .spila { position: absolute; left: 16px; bottom: 16px; display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: rgba(14, 30, 48, .72); color: var(--hvitt); border-radius: 2px; font-size: 13px; font-weight: 600; }
.verk-kort[hidden] { display: none; }
.verk-kort.an-myndar { background: var(--flotur); border-top: 2px solid var(--bla); padding: 22px 24px 26px; }
/* Verk án myndar: listi undir myndagrindinni (02.11.2026). Fer sjálfkrafa í grindina þegar mynd bætist við í verkefni.json */
.verk-listi { grid-column: 1 / -1; border-top: 1px solid var(--lina-dokk); }
.verk-listi-haus { font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--dauft); padding: 28px 0 8px; }
.verk-listi .verk-kort.an-myndar { background: none; border-top: 0; border-bottom: 1px solid var(--lina); padding: 16px 0; }
.verk-listi .verk-kort > div, .verk-listi .verk-kort > a > div { display: grid; grid-template-columns: 190px minmax(0, 1fr) minmax(0, 1.2fr); gap: 4px 24px; align-items: baseline; }
.verk-listi .verk-kort .nafn { font-size: 18px; margin-top: 0; }
.verk-listi .verk-kort .lysing { margin-top: 0; }
.verk-listi:not(:has(.verk-kort:not([hidden]))) { display: none; }
@media (max-width: 720px) { .verk-listi .verk-kort > div, .verk-listi .verk-kort > a > div { grid-template-columns: 1fr; } }
.verk-kort .meira { margin-top: 12px; }
.verk-kort a:hover .nafn { color: var(--bla); }
.fjoldi { font-size: 15px; color: var(--dauft); }

/* ---------- Fréttir: yfirlit ---------- */
.frettagrind { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 24px; align-items: start; }
.frett-kort > * + * { margin-top: 14px; }
.frett-kort .dags { font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--bla); }
.frett-kort .nafn { font-size: 22px; font-weight: 600; color: var(--navy); line-height: 1.25; letter-spacing: -0.02em; margin-top: 8px; transition: color .2s; }
.frett-kort:hover .nafn { color: var(--bla); }
.frett-kort .utdrattur { font-size: 16px; color: var(--dauft); line-height: 1.55; }
.frett-efst { display: grid; grid-template-columns: 768fr 552fr; background: var(--flotur); align-items: center; }
.frett-efst .texti-hlid { padding: clamp(32px, 3.5vw, 56px); }
.frett-efst .texti-hlid > * + * { margin-top: 16px; }
.frett-efst .merking { margin-bottom: 0; }
.frett-efst .nafn { font-size: clamp(28px, 2.6vw, 40px); font-weight: 600; color: var(--navy); line-height: 1.12; letter-spacing: -0.025em; }
.frett-efst .mynd { background: var(--flotur-dokkur); }
.frett-efst.stand { grid-template-columns: auto minmax(0, 1fr); }
.frett-efst.stand .mynd { height: min(640px, 80vh); width: auto; }
.frett-efst.stand .mynd img { height: 100%; width: auto; }
.ar-hopur { margin-top: 72px; }
.ar-hopur h2 { font-size: 14px; font-weight: 600; letter-spacing: .16em; color: var(--dauft); padding-bottom: 14px; border-bottom: 1px solid var(--lina-dokk); margin-bottom: 8px; }
.frettalisti a { display: grid; grid-template-columns: 150px 1fr auto; gap: 24px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--lina); }
.frettalisti a:hover .nafn { color: var(--bla); }
.frettalisti .dags { font-size: 14px; color: var(--dauft); }
.frettalisti .nafn { font-size: 18px; font-weight: 500; color: var(--navy); transition: color .2s; }
.frettalisti .or { color: var(--bla); transition: transform .3s var(--mjukt); }
.frettalisti a:hover .or { transform: translateX(5px); }

/* ---------- Grein (frétt, stefna) ---------- */
.grein { max-width: 760px; }
.grein-haus { max-width: 980px; }
.grein-haus .h1 { font-size: clamp(36px, 4.6vw, 68px); letter-spacing: -0.03em; line-height: 1.05; }
.grein-mynd { margin-top: clamp(32px, 4vw, 48px); max-width: 1100px; }
.efni { font-size: 19px; line-height: 1.7; color: var(--texti); }
.efni > * + * { margin-top: 22px; }
.efni h2, .efni h3 { font-size: clamp(24px, 2vw, 30px); font-weight: 600; letter-spacing: -0.02em; color: var(--navy); line-height: 1.2; margin-top: 44px; }
.efni h4 { font-size: 20px; font-weight: 600; color: var(--navy); margin-top: 32px; }
.efni ul, .efni ol { padding-left: 0; }
.efni ul li, .efni ol li { position: relative; padding-left: 28px; margin-top: 10px; }
.efni ul li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 10px; height: 2px; background: var(--bla); }
.efni ol { counter-reset: n; }
.efni ol li { counter-increment: n; }
.efni ol li::before { content: counter(n, decimal-leading-zero); position: absolute; left: 0; top: .15em; font-size: 14px; font-weight: 600; color: var(--bla); }
.efni a { color: var(--bla); text-decoration: underline; text-decoration-color: var(--bla); text-underline-offset: 4px; text-decoration-thickness: 2px; }
.efni a:hover { text-decoration-color: var(--kopar); }
.efni figure { margin: 36px 0; }
.efni figcaption { margin-top: 12px; font-size: 14px; color: var(--dauft); }
.efni .myndband { position: relative; aspect-ratio: 16 / 9; background: var(--grafit); }
.efni .myndband iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.efni .inngangur-grein { font-size: clamp(20px, 1.5vw, 23px); line-height: 1.5; font-weight: 500; color: var(--navy); }
.efni .tilvitnun { margin-top: 40px; }
.grein-fotur { margin-top: 72px; padding-top: 28px; border-top: 1px solid var(--lina-dokk); display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.skjol { display: grid; gap: 0; margin-top: 36px; border-top: 1px solid var(--lina-dokk); }
.skjol a { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--lina); font-size: 18px; font-weight: 600; color: var(--navy); text-decoration: none; }
.skjol a span:last-child { font-size: 13px; font-weight: 600; letter-spacing: .16em; color: var(--dauft); }
.skjol a:hover span:first-child { color: var(--bla); }

/* ---------- Síða með hliðarvalmynd (Fyrirtækið) ---------- */
.med-hlid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 96px; align-items: start; }
.hlidarvalmynd { position: sticky; top: calc(var(--haus-fast) + 24px); border-top: 1px solid var(--lina-dokk); }
.hlidarvalmynd a { display: block; padding: 14px 0; border-bottom: 1px solid var(--lina); font-size: 16px; font-weight: 500; color: var(--dauft); transition: color .2s; }
.hlidarvalmynd a:hover { color: var(--navy); }
.hlidarvalmynd a[aria-current="page"] { color: var(--navy); font-weight: 600; box-shadow: inset 3px 0 0 var(--bla); padding-left: 14px; }

/* ---------- Starfsfólk ---------- */
.starfsfolk { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; border-top: 1px solid var(--lina-dokk); }
.starfsmadur { padding: 22px 0; border-bottom: 1px solid var(--lina); }
.starfsmadur b { display: block; font-size: 18px; font-weight: 600; color: var(--navy); }
.starfsmadur span { display: block; font-size: 15px; color: var(--dauft); margin-top: 2px; }
.starfsmadur a { display: inline-block; font-size: 15px; color: var(--bla); margin-top: 6px; }
.starfsmadur a:hover { text-decoration: underline; text-decoration-color: var(--kopar); text-underline-offset: 3px; }
.leit { width: 100%; max-width: 420px; font: inherit; font-size: 16px; padding: 14px 18px; border: 1px solid var(--lina); border-radius: 2px; background: var(--hvitt); margin-bottom: 32px; }
.leit:focus { outline: none; border-color: var(--bla); box-shadow: 0 0 0 3px var(--bla-tint); }

/* ---------- Hafa samband ---------- */
.samband-grind { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--lina-dokk); }
.samband-grind > div { padding: 32px 32px 32px 0; }
.samband-grind > div + div { padding-left: 32px; border-left: 1px solid var(--lina); }
.samband-grind .merking { color: var(--dauft); margin-bottom: 0; }
.samband-grind a, .samband-grind p.stor { display: block; margin-top: 12px; font-size: clamp(24px, 2.2vw, 32px); font-weight: 600; color: var(--navy); letter-spacing: -0.02em; transition: color .2s; }
.samband-grind a:hover { color: var(--bla); }
.samband-grind .smatt { margin-top: 8px; font-size: 15px; color: var(--dauft); }
.kort { aspect-ratio: 21 / 9; background: var(--flotur); }
.kort iframe { width: 100%; height: 100%; border: 0; filter: grayscale(.4); }

/* ---------- Vottanir inni í efni ---------- */
.vottanir-ljos { display: flex; gap: 48px; align-items: center; flex-wrap: wrap; padding: 36px 40px; background: var(--navy); }

/* ---------- Fótur (grafít) ---------- */
.fotur { background: var(--grafit); color: rgba(255, 255, 255, .78); padding: 88px 0 40px; font-size: 15px; }
.fotur-rod { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 48px clamp(40px, 5vw, 96px); align-items: start; }
.fotur-samband { display: grid; gap: 12px; justify-items: start; padding-top: 4px; }
.fotur-samband p { color: rgba(255, 255, 255, .72); }
.fotur-simi { font-size: clamp(32px, 3vw, 48px); font-weight: 600; letter-spacing: -0.035em; line-height: 1; color: var(--hvitt); transition: color .25s; }
.fotur-simi:hover { color: var(--bla-ljos); }
.fotur-samband .tengill { font-size: 15px; }
.fotur-merki img { width: 180px; height: auto; aspect-ratio: 247.066 / 102.83; }
.fotur-tenglar { display: grid; grid-template-columns: repeat(3, auto); gap: 32px 72px; }
.fotur-tenglar div { display: grid; gap: 10px; align-content: start; }
.fotur-tenglar p { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 600; color: var(--bla-ljos); margin-bottom: 6px; }
.fotur-tenglar a:hover, .fotlina a:hover { color: var(--hvitt); text-decoration: underline; text-decoration-color: var(--kopar); text-underline-offset: 4px; }
.vottanir { display: flex; align-items: center; gap: 28px; margin: 64px 0 32px; flex-wrap: wrap; }
.vottanir img { height: 36px; width: auto; }
.vottanir .v-jafnl { height: 45px; }
.fotur-social a:hover { color: var(--hvitt); }
.fotur-kokur { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.fotur-kokur:hover { color: var(--hvitt); text-decoration: underline; text-decoration-color: var(--kopar); text-underline-offset: 4px; }
.fotlina { display: flex; justify-content: space-between; gap: 12px 32px; flex-wrap: wrap; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .14); font-size: 14px; color: rgba(255, 255, 255, .6); }

/* ---------- Efni líður inn ---------- */
.js .inn { opacity: 0; transform: translateY(32px); transition: opacity .9s var(--mjukt), transform .9s var(--mjukt); }
.js .inn.synilegt { opacity: 1; transform: none; }
.js .d1 { transition-delay: .1s; }
.js .d2 { transition-delay: .2s; }
.js .d3 { transition-delay: .3s; }
.js .d4 { transition-delay: .4s; }

/* ============================================================
   Skjástærðir
   ============================================================ */
@media (max-width: 1200px) {
  .hus-rod { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .timalina.t5 { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 32px; }
  .med-hlid { grid-template-columns: 220px minmax(0, 1fr); gap: 56px; }
}
@media (max-width: 1100px) {
  .beint-rod, .thorraholt, .sjodur-rod { grid-template-columns: 1fr; }
  .fotur-rod { grid-template-columns: auto minmax(0, 1fr); }
  .fotur-tenglar { grid-column: 1 / -1; }
  .renna { grid-auto-columns: calc((100% - 24px) / 2.2); }
  .skra a { grid-template-columns: 110px minmax(0, 1fr) 110px; }
  .skra .lys { display: none; }
}
@media (max-width: 1024px) {
  .solu-spjald, .frett-efst, .frett-efst.stand { grid-template-columns: 1fr; }
  .frett-efst.stand .mynd { height: auto; width: 100%; }
  .frett-efst.stand .mynd img { width: 100%; height: auto; }
  .grind2 { grid-template-columns: 1fr; }
  .dalkar, .dalkar.fjorir { grid-template-columns: 1fr; gap: 0; }
  .dalkar .dalkur { padding-bottom: 32px; }
  .tolur { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
  .tolur > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .live-grind, .um-grind, .mynd-listi, .vidtal, .form-spjald, .med-hlid { grid-template-columns: 1fr; gap: 40px; }
  .vidtal .mynd { max-width: 380px; }
  .hlidarvalmynd { position: static; }
  .kaflahaus-tvo { grid-template-columns: 1fr; gap: 20px; }
  .verkgrind, .frettagrind { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .starfsfolk { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .timalina.t3 { grid-template-columns: 1fr; }
  .samband-grind { grid-template-columns: 1fr; }
  .samband-grind > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--lina); }
  .dagbok { grid-template-columns: 1fr !important; }
  .myndbond-rod { grid-template-columns: 1fr; }
  .myndbond-rod figure { max-width: 420px; }
}
@media (max-width: 860px) {
  :root { --haus-h: 96px; --haus-fast: 84px; }
  body { font-size: 17px; }
  .haus-merki, .haus-merki img { width: 112px; }
  .valmynd-takki { display: block; z-index: 2; }
  /* Opin valmynd (03.11.2026): fyllir skjáinn og byrjar fyrir neðan hausröðina (--haus-nu), raðast ofan frá
     svo efstu liðirnir detta aldrei út fyrir skjáinn, og skrunast undir navy borða haussins svo ekkert lendir
     ofan á merkinu eða X-inu. Var fyrir miðju skjásins án bils fyrir hausinn. */
  .valmynd {
    position: fixed; inset: 0; background: var(--navy); color: var(--hvitt);
    flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 4px;
    padding: calc(var(--haus-nu) + 8px) var(--spassia) 32px; font-size: 28px; font-weight: 600; line-height: 1.15;
    overflow-y: auto; overscroll-behavior: contain;
    opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s, visibility .3s;
  }
  .haus.opin .valmynd { opacity: 1; visibility: visible; pointer-events: auto; }
  /* Hvíti hausinn (.fast, .ljos) er með backdrop-filter, og hún gerir hausinn að ramma valmyndarinnar:
     valmyndin varð jafnhá hausnum í stað skjásins. Opinn haus er því án síu. */
  .haus.opin { color: var(--hvitt); background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  /* Navy borði yfir hausröðinni: ofan á valmyndinni (liðir sem skrunast upp hverfa undir hann), undir merkinu og X-inu */
  .haus::before { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--navy); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s, visibility .3s; }
  .haus.opin::before { opacity: 1; visibility: visible; pointer-events: auto; }
  .haus.opin .m-hvitt { opacity: 1; position: relative; z-index: 2; }
  .haus.opin .m-bla { opacity: 0; }
  .haus.opin .valmynd-takki span { background: transparent; }
  .haus.opin .valmynd-takki span::before { top: 0; transform: rotate(45deg); }
  .haus.opin .valmynd-takki span::after { top: 0; transform: rotate(-45deg); }
  .valmynd .takki-haus { font-size: 18px; line-height: 1.3; margin-top: 20px; }
  .haus.fast .valmynd .takki-haus, .haus.ljos .valmynd .takki-haus { background: transparent; border-color: var(--hvitt); color: var(--hvitt); }
  .fella { display: grid; gap: 4px; }
  .fella > a { justify-self: start; } /* undirstrikið jafnlangt orðinu, ekki listanum */
  .fella::before { display: none; }
  /* Undirlistinn erfir sýnileika valmyndarinnar. Var „visible“ og tók við snertingu ofan á forsíðuhnöppunum þótt valmyndin væri lokuð (02.11.2026) */
  .fella-listi { position: static; opacity: 1; visibility: inherit; transform: none; border: 0; padding: 0 0 4px 18px; min-width: 0; background: none; color: var(--hvitt); box-shadow: none; display: grid; gap: 0; }
  .fella-listi a { padding: 5px 0; font-size: 17px; font-weight: 500; line-height: 1.3; color: rgba(255, 255, 255, .78); }
  .fella-listi a:hover, .fella-listi a[aria-current="page"] { color: var(--hvitt); box-shadow: none; }
  .fella:hover .fella-listi, .fella:focus-within .fella-listi { visibility: inherit; }

  .hero-yfir { position: relative; background: var(--navy); padding: 32px 0 48px; }
  .hero-merki { justify-items: start; }
  .hero-punktar { bottom: 12px; }
  .hero-pasa { bottom: 12px; }
  .hero-mynd::after { background: linear-gradient(180deg, rgba(14, 30, 48, .55) 0%, rgba(14, 30, 48, 0) 40%); }
  .hero-sida .myndatexti { position: static; padding-top: 12px; }
  .sidu-haus { padding-top: calc(var(--haus-h) + 24px); }
  .hero-rod, .kaflahaus-rod, .kaflahaus:has(> .stack) { flex-direction: column; align-items: flex-start; }
  .dyr { grid-template-columns: 1fr; }
  .beint-tolur { grid-template-columns: 1fr 1fr; row-gap: 20px; }
  .renna { grid-auto-columns: 78%; }
  .skra a { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; }
  .skra .nafn { overflow-wrap: break-word; hyphens: auto; }
  .skra .ar { grid-column: 1 / -1; order: -1; }
  .skra .flokkur { align-self: center; }
  .skra-mynd { display: none; }
  .frettir { grid-template-columns: 1fr; }
  .frett, .frett + .frett { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--lina); }
  .fotur-rod { grid-template-columns: 1fr; }
  .fotur-tenglar { grid-template-columns: 1fr 1fr; }
  .fotur-merki img { width: 150px; }
}
@media (max-width: 720px) {
  .hus-rod { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .hus { padding: 12px; }
  .timalina.t5 { grid-template-columns: 1fr 1fr; }
  .verkgrind, .frettagrind, .starfsfolk { grid-template-columns: 1fr; }
  .verk-texti { flex-direction: column; gap: 4px; }
  .verk-texti .lysing { text-align: left; }
  .myndatexti { flex-direction: column; gap: 4px; }
  .stada-litil { gap: 24px; }
  .lykiltolur { flex-wrap: wrap; gap: 16px 24px; }
  .form .tvo { grid-template-columns: 1fr; }
  .cta-bordi { flex-direction: column; align-items: flex-start; }
  .frettalisti a { grid-template-columns: 1fr; gap: 4px; }
  .frettalisti .or { display: none; }
  .kort { aspect-ratio: 4 / 3; }
  .tolur b { font-size: 30px; }
  .vottanir-ljos { gap: 28px; padding: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
  .js .inn { opacity: 1; transform: none; }
}
.no-js .inn { opacity: 1; transform: none; }

/* ---------- Prentun (verðlisti) ---------- */
@media print {
  .haus, .undirvalmynd, .fotur, .siur, .tafla-fotur, .hero-punktar, .hero-pasa { display: none !important; }
  body { background: #fff; }
  .inn { opacity: 1 !important; transform: none !important; }
}

/* ============================================================
   SÖLUKERFI · endurnýtanlegt fyrir öll söluverkefni (úr solukerfi.css 26.09)
   ============================================================ */

.sk { --sk-laus: 23, 96, 172; --sk-seld: 51, 62, 71; --sk-frat: 157, 142, 124; position: relative; }
.sk * { box-sizing: border-box; }

/* ---------- Leiðarstika ---------- */
.sk-slod {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
  margin-bottom: 20px; font-size: 15px; color: var(--daufur);
}
.sk-slod button { background: none; border: 0; padding: 0; font: inherit; color: var(--navy); font-weight: 600; cursor: pointer; }
.sk-slod button:hover { color: var(--bla); }
.sk-slod span[aria-current] { color: var(--mold); font-weight: 600; }
.sk-slod i { font-style: normal; opacity: .5; }

/* ---------- Grind ---------- */
.sk-grind { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; align-items: start; }
.sk-hlid { position: sticky; top: calc(var(--haus-fast) + 84px); }

/* ---------- Mynd með gagnvirkum reitum ---------- */
.sk-mynd { position: relative; background: var(--sandur); overflow: hidden; }
.sk-mynd img { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }
.sk-mynd svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.sk-reitur { cursor: pointer; outline: none; }
.sk-reitur path {
  fill: rgba(var(--sk-laus), .30);
  stroke: rgba(255, 255, 255, .75);
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
  transition: fill .18s ease;
}
.sk-mynd.daufir .sk-reitur path { fill: rgba(var(--sk-laus), .0); stroke-opacity: 0; }
.sk-mynd.daufir .sk-reitur.ljomi path,
.sk-mynd.daufir .sk-reitur:hover path { fill: rgba(var(--sk-laus), .45); stroke-opacity: 1; }
.sk-reitur.seld path { fill: rgba(var(--sk-seld), .22); stroke-opacity: .45; }
.sk-reitur.vaentanleg path { fill: rgba(var(--sk-frat), .28); }
.sk-reitur.fratekin path { fill: rgba(var(--sk-frat), .6); }
.sk-reitur.uppselt path { fill: rgba(var(--sk-seld), .45); }
.sk-reitur:hover path, .sk-reitur:focus-visible path, .sk-reitur.ljomi path { fill: rgba(var(--sk-laus), .62); stroke: #fff; stroke-opacity: 1; stroke-width: 3; }
.sk-reitur.seld:hover path, .sk-reitur.seld.ljomi path, .sk-reitur.seld:focus-visible path { fill: rgba(var(--sk-seld), .6); }
.sk-reitur.vaentanleg:hover path, .sk-reitur.vaentanleg.ljomi path { fill: rgba(var(--sk-frat), .65); }
.sk-reitur.valin path { fill: rgba(var(--sk-laus), .78) !important; stroke: #fff; stroke-width: 5; }
.sk-reitur.seld.valin path { fill: rgba(var(--sk-seld), .85) !important; }
.sk-reitur.falinn { display: none; }

/* Merki ofan á yfirlitsmynd */
.sk-merki {
  position: absolute; transform: translate(-50%, -100%);
  display: flex; align-items: center; gap: 8px;
  padding: 7px 12px 7px 10px; border-radius: 999px;
  background: var(--hvitt); color: var(--navy);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .18);
  font-size: 14px; font-weight: 700; white-space: nowrap;
  pointer-events: none; transition: transform .2s ease, background .2s;
}
.sk-merki small { font-size: 12px; font-weight: 600; color: var(--bla); }
.sk-merki.uppselt small { color: var(--daufur); }
.sk-merki::after {
  content: ""; position: absolute; left: 50%; bottom: -5px; width: 10px; height: 10px;
  background: inherit; transform: translateX(-50%) rotate(45deg);
}
.sk-merki.ljomi { background: var(--navy); color: var(--hvitt); transform: translate(-50%, -100%) scale(1.06); }
.sk-merki.ljomi small { color: #9EC4EE; }

/* Takki á mynd (framhlið / bakhlið) */
.sk-mynd-takkar { position: absolute; right: 16px; bottom: 16px; display: flex; gap: 6px; }
.sk-mynd-takkar button {
  border: 0; border-radius: 999px; padding: 9px 16px; font: inherit; font-size: 14px; font-weight: 600;
  background: rgba(34, 30, 25, .72); color: var(--hvitt); cursor: pointer;
}
.sk-mynd-takkar button[aria-pressed="true"] { background: var(--hvitt); color: var(--navy); }

/* ---------- Hliðarstika ---------- */
.sk-titill { font-size: clamp(26px, 2.4vw, 34px); font-weight: 700; color: var(--navy); line-height: 1.15; letter-spacing: -0.015em; }
.sk-undir { margin-top: 6px; font-size: 16px; color: var(--daufur); }
.sk-undir b { color: var(--bla); font-weight: 600; }
.sk-hlutur + .sk-hlutur { margin-top: 28px; }
.sk-hlutur h4 { font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--daufur); margin-bottom: 12px; }

.sk-huslisti { display: grid; gap: 8px; }
.sk-huslisti button {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  width: 100%; padding: 14px 16px; border: 1px solid transparent; border-radius: 4px;
  background: var(--hvitt); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s, transform .15s;
}
.sk-huslisti button:hover, .sk-huslisti button.ljomi { border-color: var(--bla); }
.sk-huslisti b { font-size: 18px; color: var(--navy); }
.sk-huslisti span { font-size: 14px; font-weight: 600; color: var(--bla); }
.sk-huslisti button.uppselt span { color: var(--daufur); }

.sk-haedir { display: flex; flex-wrap: wrap; gap: 8px; }
.sk-haedir button {
  min-width: 56px; padding: 10px 12px; border: 1px solid var(--lina); border-radius: 4px;
  background: var(--hvitt); font: inherit; cursor: pointer; text-align: center; line-height: 1.1;
}
.sk-haedir button b { display: block; font-size: 18px; color: var(--navy); }
.sk-haedir button small { display: block; margin-top: 3px; font-size: 11px; font-weight: 600; color: var(--bla); }
.sk-haedir button.engin small { color: var(--daufur); }
.sk-haedir button[aria-pressed="true"] { background: var(--navy); border-color: var(--navy); }
.sk-haedir button[aria-pressed="true"] b, .sk-haedir button[aria-pressed="true"] small { color: var(--hvitt); }

.sk-skyring { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; color: var(--daufur); }
.sk-skyring span { display: inline-flex; align-items: center; gap: 8px; }
.sk-skyring i { width: 14px; height: 14px; border-radius: 3px; display: inline-block; }
.sk-skyring .l { background: rgba(var(--sk-laus), .7); }
.sk-skyring .s { background: rgba(var(--sk-seld), .6); }
.sk-skyring .f { background: rgba(var(--sk-frat), .7); }
.sk-hlid .sk-hlutur { margin-top: 28px; }

/* ---------- Svífandi upplýsingar ---------- */
.sk-tip {
  position: fixed; z-index: 90; pointer-events: none;
  min-width: 190px; padding: 12px 14px; border-radius: 6px;
  background: var(--navy); color: var(--hvitt);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
  font-size: 14px; line-height: 1.45;
  opacity: 0; transform: translateY(4px); transition: opacity .12s, transform .12s;
}
.sk-tip.synilegt { opacity: 1; transform: none; }
.sk-tip b { display: block; font-size: 16px; }
.sk-tip .v { margin-top: 4px; font-weight: 700; font-size: 16px; }
.sk-tip .st { display: inline-block; margin-top: 6px; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; background: rgba(255,255,255,.16); }

/* ---------- Íbúðaspjald (skúffa) ---------- */
.sk-skuffa-bak { position: fixed; inset: 0; z-index: 95; background: rgba(20, 24, 30, .45); opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.sk-skuffa {
  position: fixed; z-index: 96; top: 0; right: 0; bottom: 0; width: min(620px, 100%);
  background: var(--pappir); overflow-y: auto; overscroll-behavior: contain;
  transform: translateX(100%); transition: transform .35s cubic-bezier(.2, .7, .2, 1);
  box-shadow: -20px 0 50px rgba(0, 0, 0, .15);
}
.sk.opin .sk-skuffa-bak { opacity: 1; visibility: visible; }
.sk.opin .sk-skuffa { transform: none; }
.sk-skuffa-haus {
  position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 16px 28px; background: var(--pappir); border-bottom: 1px solid var(--lina);
}
.sk-skuffa-haus .sk-flett { display: flex; gap: 6px; }
.sk-skuffa-haus button {
  width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--lina); background: var(--hvitt);
  font-size: 18px; line-height: 1; color: var(--navy); cursor: pointer;
}
.sk-skuffa-haus button:hover { border-color: var(--navy); }
.sk-skuffa-haus .sk-loka { font-size: 22px; }
.sk-skuffa-efni { padding: 28px; }
.sk-stada { display: inline-block; padding: 5px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; background: var(--bla-tint); color: var(--bla); }
.sk-stada.seld { background: rgba(var(--sk-seld), .12); color: var(--grafit); }
.sk-stada.fratekin, .sk-stada.vaentanleg { background: rgba(var(--sk-frat), .2); color: #6d5f4f; }
.sk-tafla tbody tr.vaentanleg td:first-child { color: var(--navy); }
.sk-ibud-nr { margin-top: 14px; font-size: clamp(30px, 3vw, 40px); font-weight: 700; color: var(--navy); letter-spacing: -0.015em; line-height: 1.1; }
.sk-ibud-undir { margin-top: 6px; color: var(--daufur); }
.sk-lykil { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 24px; background: var(--lina); border: 1px solid var(--lina); }
.sk-lykil div { background: var(--hvitt); padding: 14px 16px; }
.sk-lykil b { display: block; font-size: 22px; color: var(--navy); line-height: 1.2; }
.sk-lykil span { font-size: 13px; color: var(--daufur); }
.sk-verd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-top: 24px; }
.sk-verd b { font-size: 30px; font-weight: 700; color: var(--mold); }
.sk-verd span { color: var(--daufur); font-size: 15px; }
.sk-adgerdir { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.sk-grunnmynd { margin-top: 28px; background: var(--hvitt); border: 1px solid var(--lina); cursor: zoom-in; }
.sk-grunnmynd img { display: block; width: 100%; height: auto; }
.sk-grunnmynd-texti { margin-top: 8px; font-size: 13px; color: var(--daufur); }
.sk-att { margin-top: 16px; width: 72px; }
.sk-fyrirvari { margin-top: 20px; font-size: 13px; color: var(--daufur); line-height: 1.5; }

/* Stækkuð grunnmynd */
.sk-stor { position: fixed; inset: 0; z-index: 120; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(15, 18, 22, .9); cursor: zoom-out; }
.sk-stor.opin { display: flex; }
.sk-stor img { max-width: 100%; max-height: 100%; width: auto; height: auto; background: #fff; }

/* ---------- Verðlisti ---------- */
.sk-siur { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 24px; align-items: end; margin-bottom: 24px; }
.sk-sia label { display: block; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--daufur); margin-bottom: 8px; }
.sk-sia select, .sk-sia input[type="number"] {
  width: 100%; font: inherit; font-size: 15px; padding: 11px 12px; border: 1px solid var(--lina); border-radius: 4px; background: var(--hvitt); color: var(--mold);
}
.sk-sia .tvo { display: flex; align-items: center; gap: 8px; }
.sk-sia .tvo span { color: var(--daufur); }
.sk-rofi { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; cursor: pointer; }
.sk-rofi input { width: 18px; height: 18px; accent-color: var(--bla); }
.sk-talning { font-size: 15px; color: var(--daufur); margin-bottom: 10px; }
.sk-tafla { width: 100%; border-collapse: collapse; min-width: 860px; }
.sk-tafla th {
  text-align: left; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--daufur);
  padding: 12px 10px 12px 0; border-bottom: 1px solid var(--mold); white-space: nowrap;
}
.sk-tafla th button { all: unset; cursor: pointer; }
.sk-tafla th button:hover { color: var(--navy); }
.sk-tafla th[aria-sort="ascending"] button::after { content: " ↑"; }
.sk-tafla th[aria-sort="descending"] button::after { content: " ↓"; }
.sk-tafla td { padding: 18px 10px 18px 0; border-bottom: 1px solid var(--lina); font-size: 16px; white-space: nowrap; }
.sk-tafla td:first-child { font-weight: 600; color: var(--navy); }
.sk-tafla .r { text-align: right; padding-right: 32px; }
.sk-tafla td.r { font-weight: 600; }
.sk-tafla tbody tr { cursor: pointer; transition: background .12s; }
.sk-tafla tbody tr:hover, .sk-tafla tbody tr:focus-visible { background: rgba(255, 255, 255, .6); outline: none; }
.sk-tafla tbody tr.seld td { color: var(--daufur); }
.sk-tafla tbody tr.seld td:first-child { color: var(--daufur); }
.sk-tom { padding: 28px 0; color: var(--daufur); }

/* ---------- Skjástærðir ---------- */
@media (max-width: 1100px) {
  .sk-grind { grid-template-columns: 1fr; }
  .sk-hlid { position: static; }
  .sk-siur { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .sk-merki { padding: 4px 8px; font-size: 12px; }
  .sk-merki small { display: none; }
  .sk-skuffa { top: auto; height: 92vh; width: 100%; border-radius: 14px 14px 0 0; transform: translateY(100%); }
  .sk-skuffa-haus { padding: 12px 18px; }
  .sk-skuffa-efni { padding: 20px 18px 40px; }
  .sk-lykil { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-siur { grid-template-columns: 1fr; }
  .sk-mynd-takkar { right: 10px; bottom: 10px; }
}
@media print {
  .sk-grind, .sk-siur, .sk-slod { display: none !important; }
}

/* Grunnmynd hæðar: hvítur grunnur, sterkari litir */
.sk-mynd.grunn { background: var(--hvitt); }
.sk-mynd.grunn .sk-reitur path { fill: rgba(var(--sk-laus), .6); stroke: #fff; stroke-width: 2; stroke-opacity: 1; }
.sk-mynd.grunn .sk-reitur.seld path { fill: rgba(var(--sk-seld), .35); }
.sk-mynd.grunn .sk-reitur.vaentanleg path { fill: rgba(var(--sk-frat), .5); }
.sk-mynd.grunn .sk-reitur:hover path, .sk-mynd.grunn .sk-reitur.ljomi path { fill: rgba(var(--sk-laus), .85); }
.sk-mynd.grunn .sk-reitur.seld:hover path, .sk-mynd.grunn .sk-reitur.seld.ljomi path { fill: rgba(var(--sk-seld), .6); }

/* Söluspjöld annarra verkefna: ljós útgáfa */
.solu-spjald.ljos { background: var(--flotur); color: var(--texti); }
.solu-spjald.ljos .mynd { background: var(--flotur-dokkur); }
.solu-spjald.ljos .titill { color: var(--navy); }
.solu-spjald.ljos .merking { color: var(--bla); }
.solu-spjald.ljos .texti { color: var(--dauft); }
.solu-spjald.ljos .takki { background: var(--bla); color: var(--hvitt); }
.solu-spjald.ljos .takki:hover { background: var(--navy); }
.skra-kafli { margin-top: var(--kafli); }
.skra-kafli + .sjodur { margin-top: 0; }
.verk-kort .mynd-tom + .ar, .verk-kort .mynd + .ar { margin-top: 14px; }

/* Undirsíður: minni kaflafyrirsagnir en forsíðan */
.undirsida .h2 { font-size: clamp(32px, 3.3vw, 52px); letter-spacing: -0.03em; line-height: 1.06; }
.undirsida .sjodur .h2, .undirsida .beint .h2 { font-size: clamp(34px, 4vw, 60px); }

/* ---------- Til sölu: spjall, verkefnafilma, myndaspjöld ---------- */
.yf-topp { display: grid; grid-template-columns: 1fr minmax(360px, 520px); grid-template-areas: "inng spjall" "dags spjall"; column-gap: clamp(32px, 5vw, 96px); align-items: start; }
.yf-inngangur { grid-area: inng; }
.spjall { grid-area: spjall; }
.yf-dagsins { grid-area: dags; }
.yf-inngangur .texti { margin-top: 20px; max-width: 46ch; }
.yf-lifandi { display: flex; gap: clamp(24px, 3vw, 48px); margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--lina); }
.yf-lifandi b { display: block; font-size: clamp(32px, 3.2vw, 48px); font-weight: 600; color: var(--navy); letter-spacing: -0.03em; line-height: 1.1; font-variant-numeric: tabular-nums; min-height: 1.1em; }
.yf-lifandi span { font-size: 14px; color: var(--dauft); }

.spjall { background: var(--hvitt); border: 1px solid var(--lina); box-shadow: 0 24px 60px rgba(27, 58, 92, .14); display: flex; flex-direction: column; height: clamp(520px, 70vh, 640px); }
.spjall-haus { display: flex; align-items: center; gap: 12px; padding: 16px 20px; background: var(--navy); color: var(--hvitt); }
.spjall-haus b { display: block; font-size: 16px; }
.spjall-haus div span { font-size: 13px; color: var(--bla-ljos); }
.spjall-haus div span::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #4CC38A; margin-right: 6px; vertical-align: 1px; }
.spjall-mynd { width: 40px; height: 40px; border-radius: 50%; background: var(--bla); display: grid; place-items: center; font-weight: 700; font-size: 15px; }
.spjall-straumur { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 10px; background: var(--flotur); scroll-behavior: smooth; }
.bobbi { max-width: 85%; padding: 12px 16px; font-size: 15.5px; line-height: 1.45; border-radius: 18px; animation: bobbi .25s ease-out both; }
.bobbi.thg { align-self: flex-start; background: var(--hvitt); color: var(--texti); border-bottom-left-radius: 4px; box-shadow: 0 1px 2px rgba(27, 58, 92, .08); }
.bobbi.notandi { align-self: flex-end; background: var(--bla); color: var(--hvitt); border-bottom-right-radius: 4px; }
.bobbi a { color: var(--bla); text-decoration: underline; text-underline-offset: 2px; }
.bobbi b { color: var(--navy); }
.bobbi.skrifar { display: flex; gap: 5px; padding: 16px 18px; }
.bobbi.skrifar i { width: 7px; height: 7px; border-radius: 50%; background: var(--grar); animation: skrifar 1s infinite ease-in-out; }
.bobbi.skrifar i:nth-child(2) { animation-delay: .15s; }
.bobbi.skrifar i:nth-child(3) { animation-delay: .3s; }
@keyframes skrifar { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }
@keyframes bobbi { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.spjall-val { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; animation: bobbi .25s ease-out both; }
.spjall-val button { font: inherit; font-size: 15px; font-weight: 600; padding: 9px 16px; border-radius: 999px; border: 1.5px solid var(--bla); background: var(--hvitt); color: var(--bla); cursor: pointer; transition: background .15s, color .15s; }
.spjall-val button:hover { background: var(--bla); color: var(--hvitt); }
.spjall-ibudir { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.spjall-ibudir a { display: grid; grid-template-columns: 96px 1fr; gap: 12px; align-items: center; text-decoration: none; color: var(--texti); border: 1px solid var(--lina); border-radius: 10px; overflow: hidden; background: var(--hvitt); transition: border-color .15s; }
.spjall-ibudir a:hover { border-color: var(--bla); }
.spjall-ibudir img { width: 96px; aspect-ratio: 16 / 9; height: auto; object-fit: contain; background: var(--flotur); }
.spjall-ibudir span { font-size: 13px; color: var(--dauft); padding: 6px 8px 6px 0; line-height: 1.35; }
.spjall-ibudir b { display: block; color: var(--navy); font-size: 14px; }
.spjall-ibudir em { display: block; font-style: normal; font-weight: 600; color: var(--bla); }
.spjall-netfang { display: flex; gap: 8px; align-self: flex-end; width: 85%; animation: bobbi .25s ease-out both; }
.spjall-netfang input { flex: 1; min-width: 0; font: inherit; font-size: 15px; padding: 10px 14px; border: 1.5px solid var(--bla); border-radius: 999px; }
.spjall-netfang button, .spjall-form button { font: inherit; font-weight: 600; border: 0; border-radius: 999px; background: var(--bla); color: var(--hvitt); cursor: pointer; }
.spjall-netfang button { padding: 0 18px; }
.spjall-form { display: flex; gap: 8px; padding: 12px; border-top: 1px solid var(--lina); }
.spjall-form input { flex: 1; min-width: 0; font: inherit; font-size: 16px; padding: 12px 16px; border: 1px solid var(--lina-dokk); border-radius: 999px; }
.spjall-form input:focus { outline: none; border-color: var(--bla); }
.spjall-form button { width: 46px; height: 46px; display: grid; place-items: center; flex: none; }

.yf-verkefni-rod { margin-top: var(--kafli); }
.yf-verkefni-rod .kaflahaus { align-items: flex-end; }
.yf-filma { display: flex; gap: 16px; overflow-x: auto; padding: 8px 0 20px; margin-top: 28px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.yf-ramma { flex: none; scroll-snap-align: start; display: flex; flex-direction: column; text-align: left; border: 0; padding: 0; background: none; cursor: pointer; font: inherit; color: inherit; }
.yf-ramma-mynd { display: block; height: 240px; overflow: hidden; background: var(--flotur); }
.yf-ramma-mynd img { height: 100%; width: auto; transition: transform .5s ease; }
.yf-ramma:hover .yf-ramma-mynd img { transform: translateY(-3px); }
.yf-ramma-mynd.tom { display: grid; place-items: center; color: var(--dauft); font-size: 14px; background: var(--flotur-dokkur); }
.yf-ramma-texti { display: flex; flex-direction: column; padding-top: 12px; }
.yf-ramma-stadur { font-size: 13px; color: var(--dauft); }
.yf-ramma-texti b { font-size: 22px; font-weight: 600; color: var(--navy); letter-spacing: -0.02em; }
.yf-ramma-stada { font-size: 14px; font-weight: 600; color: var(--bla); }
.yf-ramma:focus-visible { outline: 2px solid var(--bla); outline-offset: 4px; }

.yf-dagsins { margin-top: 40px; }
.yf-dags-kort { display: grid; grid-template-columns: 1fr 1fr; background: var(--navy); color: var(--hvitt); }
.yf-dags-kort .yf-k-mynd { aspect-ratio: 16 / 9; align-self: center; background: var(--navy); }
.yf-dags-kort .yf-k-texti { padding: 20px 24px; gap: 2px; }
.yf-dags-kort .merking { margin-bottom: 6px; }
.yf-dags-kort .merking, .yf-dags-kort .yf-verkefni { color: var(--bla-ljos); }
.yf-dags-kort .yf-nr a, .yf-dags-kort .yf-verd b { color: var(--hvitt); }
.yf-dags-kort .yf-staerd, .yf-dags-kort .yf-verd span { color: rgba(255, 255, 255, .8); }
.yf-dags-kort .yf-verd b { font-size: 24px; }
.yf-dags-kort .tengill { color: var(--hvitt); }
.yf-dags-kort .tengill::after { background: var(--hvitt); }
.yf-dags-kort .yf-k-takki { border-color: rgba(255, 255, 255, .4); color: var(--hvitt); background: transparent; }
.yf-dags-kort .yf-k-mynd.grunn { background: var(--hvitt); }

.yf-nidurstodur { margin-top: var(--kafli); scroll-margin-top: 110px; }
.yf-nidurstodur .kaflahaus { align-items: flex-end; }
.yf-fjoldi { max-width: 520px; text-align: right; }
.yf-flipar { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 28px; }
.yf-flipa-hopur { display: flex; flex-wrap: wrap; gap: 6px; }
.yf-flipi { font: inherit; font-size: 14px; font-weight: 600; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--lina-dokk); background: var(--hvitt); color: var(--navy); cursor: pointer; transition: all .15s; }
.yf-flipi:hover { border-color: var(--bla); color: var(--bla); }
.yf-flipi.virkur { background: var(--navy); border-color: var(--navy); color: var(--hvitt); }
.yf-flipi.hreinsa { border-style: dashed; color: var(--kopar); border-color: var(--kopar); }
.yf-fjarmogn { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 18px; font-size: 14px; color: var(--dauft); }
.yf-fjarmogn > span { margin-right: 4px; }
.yf-fjarmogn label { cursor: pointer; }
.yf-fjarmogn input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.yf-fjarmogn label > span { display: inline-block; padding: 6px 12px; border-bottom: 2px solid transparent; color: var(--navy); font-weight: 600; }
.yf-fjarmogn input:checked + span { border-bottom-color: var(--bla); color: var(--bla); }
.yf-fjarmogn input:focus-visible + span { outline: 2px solid var(--bla); }
.yf-forsendur-takki { font: inherit; font-size: 14px; background: none; border: 0; color: var(--dauft); text-decoration: underline; cursor: pointer; }
.yf-forsendur { display: flex; gap: 16px; width: 100%; }
.yf-forsendur[hidden] { display: none; }
.yf-forsendur input { width: 64px; font: inherit; padding: 6px 8px; border: 1px solid var(--lina-dokk); border-radius: 2px; margin: 0 4px; }
.yf-skyring { margin-top: 8px; font-size: 13px; }
.yf-grind { margin-top: 28px; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px 20px; }
.yf-kort { display: flex; flex-direction: column; background: var(--hvitt); }
.yf-kort.valin .yf-k-mynd { outline: 3px solid var(--bla); outline-offset: -3px; }
.yf-k-mynd { position: relative; aspect-ratio: 16 / 9; background: var(--flotur); overflow: hidden; }
.yf-k-mynd img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .6s ease; }
.yf-kort:hover .yf-k-mynd img { transform: scale(1.02); }
.yf-k-mynd.grunn { background: var(--hvitt); outline: 1px solid var(--lina); outline-offset: -1px; }
.yf-k-mynd .yf-merkin { position: absolute; left: 12px; top: 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.yf-merki { font-size: 12px; font-weight: 600; padding: 4px 8px; background: var(--hvitt); color: var(--navy); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.yf-merki.vaent { background: var(--kopar); color: var(--hvitt); }
.yf-k-texti { display: flex; flex-direction: column; gap: 4px; padding: 16px 2px 0; flex: 1; }
.yf-verkefni { font-size: 13px; font-weight: 600; color: var(--bla); }
.yf-nr { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; }
.yf-nr a { color: var(--navy); text-decoration: none; }
.yf-nr a:hover { color: var(--bla); }
.yf-staerd { font-size: 15px; color: var(--dauft); }
.yf-verd { margin-top: 10px; display: flex; flex-direction: column; }
.yf-verd b { font-size: 26px; font-weight: 600; color: var(--navy); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.yf-verd span { font-size: 14px; color: var(--dauft); font-variant-numeric: tabular-nums; }
.yf-k-takkar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: auto; padding-top: 16px; }
.yf-k-takki { font: inherit; font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--lina-dokk); background: var(--hvitt); color: var(--navy); cursor: pointer; }
.yf-k-takki:hover, .yf-k-takki[aria-pressed="true"] { background: var(--bla); border-color: var(--bla); color: var(--hvitt); }
.yf-fleiri { grid-column: 1 / -1; justify-self: center; margin-top: 12px; }
.yf-tomt { grid-column: 1 / -1; }
.yf-saman { margin-top: 64px; scroll-margin-top: 110px; }
.yf-saman[hidden], .yf-saman-takki[hidden], .yf-dagsins[hidden] { display: none; }
.yf-saman-tafla { overflow-x: auto; margin-top: 24px; }
.yf-saman table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; min-width: 560px; }
.yf-saman th, .yf-saman td { text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--lina); font-size: 16px; vertical-align: top; }
.yf-saman thead th { font-size: 18px; color: var(--navy); font-weight: 600; }
.yf-saman thead .yf-verkefni { display: block; font-size: 13px; }
.yf-saman tbody th { font-weight: 500; color: var(--dauft); width: 150px; }
.yf-saman .myndalina img { width: 100%; max-width: 220px; aspect-ratio: 1; height: auto; object-fit: contain; background: var(--hvitt); }
.yf-saman .myndalina img.hus { aspect-ratio: 16 / 9; }
.yf-hreinsa { background: none; border: 0; font: inherit; font-weight: 600; cursor: pointer; }
.yf-saman-takki { position: fixed; right: var(--spassia); bottom: 24px; z-index: 40; box-shadow: 0 8px 24px rgba(27, 58, 92, .25); }
@media (prefers-reduced-motion: reduce) { .bobbi, .spjall-val, .spjall-netfang { animation: none; } .bobbi.skrifar i { animation: none; } }
@media (max-width: 1024px) {
  .yf-topp { grid-template-columns: 1fr; grid-template-areas: "inng" "spjall" "dags"; row-gap: 32px; }
  .yf-dagsins { margin-top: 0; }
  .spjall { height: 560px; }
}
@media (max-width: 720px) {
  .yf-dags-kort { grid-template-columns: 1fr; }
  .yf-lifandi { gap: 20px; }
  .yf-lifandi b { font-size: 28px; }
  .yf-ramma-mynd { height: 180px; }
  .yf-fjoldi { text-align: left; }
  .yf-nidurstodur .kaflahaus { align-items: flex-start; }
  .bobbi { max-width: 92%; }
}


/* ---------- Forsíða 14.10.2026: fréttamyndir, lokaband, jafnar fyrirsagnir ---------- */
/* Fyrirsagnir brotna jafnt, svo eitt orð standi ekki eitt í síðustu línu */
.h1, .h2, .h3, .risi, .frett h3, .frett-kort .nafn { text-wrap: balance; }

/* Fréttamynd í réttu hlutfalli, breiddin takmörkuð svo standandi myndir verði ekki hærri en 280px */
.frett-mynd { justify-self: start; align-self: end; margin-bottom: 8px; }
/* Mynd, dagsetning og fyrirsögn í sömu röðum í öllum spjöldum, svo dagsetningar og fyrirsagnir standi í sömu hæð */
.frettir:has(.frett-mynd) .frett { grid-row: span 3; grid-template-rows: subgrid; }

/* Lokaband: tvær leiðir áfram á hlýjum leirgrunni */
.lokaband { background: color-mix(in srgb, var(--leir) 16%, var(--hvitt)); padding: var(--kafli-litill) 0; }
.lokaband-rod { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 32px); }
.lokaband-spjald { background: var(--hvitt); padding: clamp(32px, 4vw, 64px); display: grid; gap: 16px; align-content: start; transition: transform .4s var(--mjukt), box-shadow .4s var(--mjukt); }
.lokaband-spjald:hover { transform: translateY(-3px); box-shadow: 0 14px 40px rgba(27, 58, 92, .10); }
.lokaband-spjald .merking { margin-bottom: 0; }
.lokaband-spjald p:not(.merking) { color: var(--dauft); max-width: 44ch; }
.lokaband-spjald .tengill { justify-self: start; margin-top: 8px; }
@media (max-width: 860px) { .lokaband-rod { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .lokaband-spjald, .lokaband-spjald:hover { transition: none; transform: none; } }

/* ÞG Sjóður á síma: skýringarnar fara í lista með litareit í stað þröngra dálka */
@media (max-width: 720px) {
  .skipting-texti { flex-direction: column; gap: 12px; margin-top: 20px; }
  .skipting-texti div, .skipting-texti div:first-child { flex: none !important; min-width: 0; display: flex; align-items: center; gap: 14px; }
  .skipting-texti div::before { content: ""; width: 14px; height: 14px; flex: none; }
  .skipting-texti div:nth-child(1)::before { background: var(--hvitt); }
  .skipting-texti div:nth-child(2)::before { background: var(--navy); }
  .skipting-texti div:nth-child(3)::before { background: rgba(255, 255, 255, .22); }
  .skipting-texti b { font-size: 28px; min-width: 64px; }
  .skipting-texti span { margin-top: 0; }
}

/* ---------- Samþykkisborði (vafrakökur) ---------- */
.samthykki { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 200; max-width: 640px; margin-left: auto;
  background: var(--hvitt); color: var(--texti); border: 1px solid var(--lina-dokk); box-shadow: 0 18px 48px rgba(27, 58, 92, .18);
  padding: 22px 24px; display: grid; gap: 16px; font-size: 15px; line-height: 1.5; }
.samthykki[hidden] { display: none; }
.samthykki a { color: var(--navy); text-decoration: underline; text-decoration-color: var(--bla); text-underline-offset: 3px; }
.samthykki a:hover { text-decoration-color: var(--kopar); }
.samthykki-takkar { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.samthykki .takki { min-height: 46px; padding: 0 22px; font-size: 15px; }
@media (max-width: 520px) { .samthykki-takkar .takki { flex: 1 1 0; justify-content: center; } }

/* ---------- Söluaðili (soluadili.njk, js/soluadili.js) ---------- */
.soluadili { display: grid; grid-template-columns: 132px 1fr auto; gap: 28px; align-items: center; padding: 28px 0; border-top: 1px solid var(--lina); }
.soluadili + .soluadili { border-top: 0; padding-top: 0; }
.sa-mynd { width: 132px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--flotur-dokkur); display: grid; place-items: center; }
.sa-mynd img { width: 100%; height: 100%; object-fit: cover; }
.sa-mynd span { font-family: var(--sans); font-weight: 600; font-size: 40px; color: var(--navy); letter-spacing: .02em; }
.sa-an-myndar { border: 1px dashed var(--lina-dokk); }
.sa-nafn { font-family: var(--sans); font-weight: 600; font-size: 24px; line-height: 1.2; margin: 6px 0 2px; color: var(--texti); }
.sa-titill { color: var(--dauft); font-size: 15px; margin: 0; }
.sa-samband { margin: 12px 0 0; font-size: 16px; }
.sa-takkar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.sa-qr { width: 132px; text-align: center; }
.sa-qr-mynd { width: 112px; height: 112px; margin: 0 auto; }
.sa-qr-mynd svg { width: 100%; height: 100%; display: block; }
.sa-qr p { font-size: 12px; color: var(--dauft); margin: 8px 0 0; line-height: 1.35; }
.sa-ibud { margin: 22px 0 6px; padding: 18px 0 0; border-top: 1px solid var(--lina); }
.sa-ibud-rod { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: center; }
.sa-ibud-rod + .sa-ibud-rod { margin-top: 14px; }
.sa-mynd.litil { width: 64px; }
.sa-mynd.litil span { font-size: 20px; }
.sa-ibud .sa-nafn { font-size: 17px; margin: 0; }
.sa-ibud .sa-titill { font-size: 13px; }
.sa-ibud-takkar { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 8px 0 0; font-size: 14px; font-weight: 600; }
.sa-ibud-takkar a { color: var(--bla); text-decoration: underline; text-underline-offset: 3px; }
.sa-ibud-takkar a:hover { color: var(--kopar); }
@media (max-width: 820px) {
  .soluadili { grid-template-columns: 88px 1fr; gap: 18px; }
  .sa-mynd { width: 88px; }
  .sa-mynd span { font-size: 28px; }
  .sa-nafn { font-size: 20px; }
  .sa-qr { display: none; }
}
@media print { .sa-takkar, .sa-ibud-takkar { display: none; } }
.form-spjald .soluadili { grid-template-columns: 96px 1fr; gap: 20px; margin-top: 28px; padding-bottom: 0; }
.form-spjald .sa-mynd { width: 96px; }
.form-spjald .sa-mynd span { font-size: 30px; }
.form-spjald .sa-qr { grid-column: 2; width: auto; display: flex; align-items: center; gap: 14px; text-align: left; }
.form-spjald .sa-qr-mynd { width: 84px; height: 84px; margin: 0; }
@media (max-width: 820px) { .form-spjald .sa-qr { display: none; } }
.form-spjald .form { align-self: start; }
@media (max-width: 820px) { .soluadili { align-items: start; } .sa-samband { line-height: 1.9; } }


/* ============================================================
   Tímaritssíða verkefnis (verkefnin/smidja/)
   Serif í fyrirsögnum (verk-heimurinn), stórar myndir, mjúk horn 6 px.
   ============================================================ */
.tim img, .tim-heil img { width: 100%; height: auto; border-radius: 6px; }
.tim-h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(36px, 4.2vw, 64px); line-height: 1.05; letter-spacing: -0.015em; color: var(--navy); margin: 14px 0 28px; }
.tim-opna { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(40px, 6vw, 112px); align-items: start; }
.tim-lede p { font-size: 18px; line-height: 1.7; color: var(--texti); max-width: 62ch; }
.tim-lede p + p { margin-top: 18px; }
.tim-forsida { font-family: var(--serif); font-weight: 600; font-size: clamp(22px, 2vw, 28px) !important; line-height: 1.45 !important; color: var(--navy) !important; }
.tim-forsida::first-letter { float: left; font-size: 3.3em; line-height: .85; padding: 6px 12px 0 0; color: var(--navy); }
.tim-stadreyndir { border-radius: 6px; position: sticky; top: calc(var(--haus-fast) + 24px); }
.tim-heil figcaption, .tim figcaption { margin-top: 14px; font-size: 15px; color: var(--dauft); }
.tim-texti { display: block; }
.tim-tvenna { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 112px); align-items: center; }
.tim-tvenna.snuid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.tim-tvenna.jofn { grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.tim-dalkur p:not(.merking) { font-size: 18px; line-height: 1.7; max-width: 52ch; }
.tim-dalkur p + p { margin-top: 18px; }
.tim-tilvitnun { max-width: 1100px; margin: 0 auto; text-align: center; padding: clamp(32px, 4vw, 64px) 0; border-top: 1px solid var(--lina); border-bottom: 1px solid var(--lina); }
.tim-tilvitnun p { font-family: var(--serif); font-weight: 600; font-style: italic; font-size: clamp(28px, 3.2vw, 48px); line-height: 1.25; color: var(--navy); }
.tim-tilvitnun cite { display: block; margin-top: 24px; font-style: normal; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--dauft); }
.tim-threnna { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 8px; }
.tim-kredit { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 48px; border-top: 1px solid var(--lina-dokk); }
.tim-kredit div { padding: 22px 0; border-bottom: 1px solid var(--lina); }
.tim-kredit dt { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--dauft); }
.tim-kredit dd { margin: 6px 0 0; font-size: 18px; font-weight: 600; color: var(--navy); }
@media (max-width: 1000px) {
  .tim-opna, .tim-tvenna, .tim-tvenna.snuid { grid-template-columns: 1fr; }
  .tim-tvenna.snuid figure { order: -1; }
  .tim-stadreyndir { position: static; }
  .tim-threnna, .tim-kredit { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .tim-threnna, .tim-kredit, .tim-tvenna.jofn { grid-template-columns: 1fr; }
}

/* ============================================================
   FORSÍÐA AB · SAMEINAÐ (23.10.2026)
   Figma ÞG VERK, síða 19, rammi 207:2. Litir eftir hlutverki (síða 18) og bento.
   Rúnnun: 8 px stórir fletir og hausmynd, 6 px kassar og myndir, 4 px takkar.
   Meira loft en í Figma (beiðni Hilmars 23.10): spássía frá brún og bil milli kassa
   stýrast af þremur breytum hér fyrir neðan. Figma: kantur 16, bil 16, inndráttur 80.
   Allt er undir body.ab svo aðrar síður breytast ekki.
   ============================================================ */
body.ab {
  --ab-kantur: clamp(16px, 3.2vw, 56px);   /* frá brún vefsins að kössunum */
  --ab-bil: clamp(14px, 1.8vw, 28px);      /* á milli kassa */
  --ab-inn: clamp(24px, 5.6vw, 96px);      /* texti inni í stórum flötum */
  --ab-fylling: clamp(28px, 3vw, 48px);    /* inni í bento-kössum */
  --ab-kafli: clamp(72px, 8vw, 136px);     /* bil ofan við kafla */
  --ab-max: 1680px;
  --ab-r: 6px; --ab-r-stor: 8px; --ab-r-takki: 4px;
  --graenn: #486669;
  --sandur-hlyr: #E4DCCC;
  --sandur-texti: #6F6455;
}
.ab .ab-ramma { max-width: calc(var(--ab-max) + var(--ab-kantur) * 2); margin: 0 auto; padding: 0 var(--ab-kantur); }
.ab .ab-innskot { padding-left: calc(var(--ab-kantur) + var(--ab-inn)); padding-right: calc(var(--ab-kantur) + var(--ab-inn)); max-width: calc(var(--ab-max) + (var(--ab-kantur) + var(--ab-inn)) * 2); }
.ab .ab-kafli { padding-top: var(--ab-kafli); }

/* Haus: merkið og valmyndin í línu við textann í hausmyndinni */
.ab .haus .wrap, .ab .fotur .wrap { max-width: calc(var(--ab-max) + var(--ab-kantur) * 2); padding: 0 calc(var(--ab-kantur) + var(--ab-inn)); }
.ab .haus:not(.fast) { --haus-nu: calc(var(--haus-h) + var(--ab-kantur)); padding-top: var(--ab-kantur); }
@media (min-width: 861px) {
  .ab .haus:not(.fast) .haus-merki, .ab .haus:not(.fast) .haus-merki img { width: 180px; }
  .ab .haus .haus-merki, .ab .haus .haus-merki img { transition: width .35s var(--mjukt), opacity .35s; }
}
.ab .takki-haus { border-radius: var(--ab-r-takki); }

/* Letur */
.ab .ab-lbl { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--dauft); line-height: 1.3; margin: 0; }
.ab h2 { font-size: clamp(34px, 3.9vw, 56px); font-weight: 600; line-height: 1.05; letter-spacing: -.02em; color: var(--texti); }
.ab .ab-khaus h2 { margin-top: 14px; }
.ab .ab-khaus { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px 32px; flex-wrap: wrap; margin-bottom: clamp(36px, 3.6vw, 56px); }
.ab-bento .ab-khaus, .ab .ab-ramma > .ab-khaus { padding: 0 var(--ab-inn); }
.ab .ab-innskot > .ab-khaus { padding: 0; }

/* Takkar og tenglar */
.ab .takki { border-radius: var(--ab-r-takki); min-height: 50px; padding: 0 24px; font-size: 15px; }
.ab .takki.ab-hv { background: var(--hvitt); color: var(--navy); }
.ab .takki.ab-hv:hover { background: var(--bla); color: var(--hvitt); }
.ab .takki.ab-lina { background: transparent; color: var(--hvitt); border: 1.5px solid var(--hvitt); }
.ab .takki.ab-lina:hover { background: var(--hvitt); color: var(--navy); }
.ab-tengill { display: inline-block; font-size: 15px; font-weight: 600; color: var(--bla); border-bottom: 1.5px solid var(--bla); padding-bottom: 3px; line-height: 1.3; transition: color .25s, border-color .25s; white-space: nowrap; }
.ab-tengill:hover { color: var(--kopar); border-color: var(--kopar); }
.ab-tengill.ljos { color: var(--hvitt); border-color: var(--hvitt); }
.ab-tengill.ljos:hover { color: var(--sandur-hlyr); border-color: var(--sandur-hlyr); }

/* 1 · Hausmynd í ramma: mynd í réttu hlutfalli, aldrei skorin */
.ab-hero { position: relative; max-width: calc(var(--ab-max) + var(--ab-kantur) * 2); margin: 0 auto; padding: var(--ab-kantur) var(--ab-kantur) 0; color: var(--hvitt); }
.ab .ab-hero-mynd { display: block; border-radius: var(--ab-r-stor); overflow: hidden; background: var(--navy); }
.ab .ab-hero-mynd img { width: 100%; height: auto; aspect-ratio: 1800 / 999; }
.ab .ab-hero-mynd::after { background: linear-gradient(180deg, rgba(10, 20, 30, .45) 0%, rgba(10, 20, 30, 0) 30%, rgba(10, 20, 30, 0) 45%, rgba(10, 20, 30, .6) 100%); }
/* Dekkja undir textanum í hausnum (30.10.2026): mjúkur skuggi neðst til vinstri svo fyrirsögn og texti lesist á ljósum myndum */
@media (min-width: 861px) {
  .ab .ab-hero-mynd::after { background:
    radial-gradient(ellipse 62% 78% at 22% 66%, rgba(10, 20, 30, .62) 0%, rgba(10, 20, 30, .38) 45%, rgba(10, 20, 30, 0) 78%),
    linear-gradient(180deg, rgba(10, 20, 30, .45) 0%, rgba(10, 20, 30, 0) 30%, rgba(10, 20, 30, 0) 45%, rgba(10, 20, 30, .6) 100%); }
}
.ab-hero-texti { position: absolute; z-index: 2; left: calc(var(--ab-kantur) + var(--ab-inn)); bottom: clamp(40px, 6.7vw, 112px); width: min(640px, calc(100% - (var(--ab-kantur) + var(--ab-inn)) * 2)); }
.ab-hero-texti h1 { font-size: clamp(52px, 8.3vw, 120px); font-weight: 600; line-height: .95; letter-spacing: -.03em; }
.ab-hero-texti p { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.5; margin: 28px 0 36px; max-width: 520px; }
.ab-takkar { display: flex; gap: 12px; flex-wrap: wrap; }

/* 2 · Bento */
.ab-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--ab-bil); align-items: start; }
.ab-c3 { grid-column: span 3; } .ab-c4 { grid-column: span 4; } .ab-c6 { grid-column: span 6; } .ab-c8 { grid-column: span 8; }
.ab-t { align-self: stretch; padding: var(--ab-fylling); border-radius: var(--ab-r); display: flex; flex-direction: column; justify-content: space-between; gap: 32px; }
.ab-t h3 { font-size: clamp(24px, 2.1vw, 30px); font-weight: 600; line-height: 1.12; letter-spacing: -.01em; margin-top: 12px; text-wrap: balance; }
.ab-t > div > p:not(.ab-lbl) { font-size: 15.5px; line-height: 1.55; margin-top: 12px; }
.ab-t .takki, .ab-t .ab-tengill { align-self: flex-start; }
.ab-sandur { background: var(--sandur-hlyr); color: var(--texti); }
.ab-sandur .ab-lbl { color: var(--sandur-texti); }
.ab-graenn { background: var(--graenn); color: var(--hvitt); }
.ab-graenn .ab-lbl { color: #CFDADA; } .ab-graenn p { color: #E3EAEA; }
.ab-grafit { background: var(--grafit); color: var(--hvitt); }
.ab-grafit .ab-lbl { color: var(--grar); } .ab-grafit p { color: #D5DADF; }
.ab-navy { background: var(--navy); color: var(--hvitt); }
.ab-blar { background: var(--bla); color: var(--hvitt); }
.ab-blar .ab-lbl { color: #CFE0F2; } .ab-blar p { color: #E4EEF8; }
.ab-navy .ab-lbl { color: #AFC0D2; } .ab-navy p { color: #C9D3DE; }
/* ÞG Sjóður í lit sjóðsins (tgsjodur.is: #2061EC) svo kassinn tengist auglýsingum hans (Hrefna 02.11.2026) */
.ab-sjodur { background: #2061EC; color: var(--hvitt); }
.ab-sjodur .ab-lbl { color: #E8F0FF; } .ab-sjodur p { color: #EEF3FF; }
.ab-sjodur-skyring { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 8px; font-size: 14px; color: #EEF3FF; }
.ab-sjodur-skyring li { display: flex; align-items: center; gap: 10px; }
.ab-sjodur-skyring i { width: 12px; height: 12px; border-radius: 2px; flex: none; }
.ab-sjodur-skyring b { color: var(--hvitt); font-weight: 600; min-width: 36px; }
.ab-mynd { position: relative; display: block; border-radius: var(--ab-r); overflow: hidden; }
.ab-mynd img { width: 100%; height: auto; transition: filter .6s var(--mjukt); }
a.ab-mynd:hover img { filter: brightness(1.06) saturate(1.05); }
.ab-yfir { position: absolute; left: 24px; bottom: 22px; margin-right: 24px; color: var(--hvitt); font-size: 15px; font-weight: 600; background: rgba(20, 30, 40, .55); padding: 8px 12px; border-radius: var(--ab-r-takki); line-height: 1.3; }
.ab-stod { display: flex; height: 8px; margin-bottom: 16px; border-radius: 3px; overflow: hidden; }
.ab-stod i { display: block; }
.ab-stod-har { height: 28px; margin-bottom: 10px; }
.ab-smatt { font-size: 12px; margin-bottom: 22px; color: #E3EAEA; }
.ab-tolurod { display: flex; gap: 28px; margin-bottom: 28px; flex-wrap: wrap; }
.ab-tolurod b, .ab-lykiltolur dt { display: block; font-size: clamp(44px, 4.4vw, 64px); font-weight: 600; letter-spacing: -.02em; line-height: 1; }
.ab-tolurod span { display: block; font-size: 13px; margin-top: 6px; }
.ab-leirlitur { color: var(--sandur-texti); }
.ab-lykiltolur { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 28px 0 auto; }
.ab-lykiltolur dt { font-size: clamp(34px, 3.3vw, 48px); }
.ab-lykiltolur dd { margin: 8px 0 0; font-size: 13px; color: #C9D3DE; }

/* 3 · Á verkstað við Ölfusá */
.ab-beint { padding-top: var(--ab-bil); }
.ab-beint-kassi { background: var(--grafit); color: var(--hvitt); border-radius: var(--ab-r-stor); overflow: hidden; display: grid; grid-template-columns: 1.1fr 1fr; align-items: stretch; }
/* myndband fyllir vinstri helminginn út í brúnir kassans (27.10.2026), skorið frá miðju */
.ab-beint-mynd { position: relative; min-height: clamp(460px, 44vw, 680px); background: var(--navy); }
.ab-beint-mynd video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.ab-beint-texti { align-self: center; padding: clamp(40px, 6.7vw, 112px) var(--ab-inn); }
.ab-beint h2 { color: var(--hvitt); font-size: clamp(34px, 3.6vw, 52px); line-height: 1.08; margin: 16px 0 20px; }
.ab-beint .ab-lbl { color: var(--grar); }
.ab-inng { font-size: 17px; line-height: 1.6; color: #D5DADF; }
.ab-tolur { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 40px 0; border-top: 1px solid rgba(255, 255, 255, .2); }
.ab-tolur div { padding-top: 18px; }
.ab-tolur dt { font-size: clamp(26px, 2.4vw, 34px); font-weight: 600; line-height: 1.1; }
.ab-tolur dd { margin: 6px 0 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--grar); font-weight: 600; }

/* 5 · Fleiri verkefni í sölu */
.ab-renna { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 1.7vw, 28px); }
.ab-renna img, .ab-verkgrind img { width: 100%; height: auto; border-radius: var(--ab-r); transition: filter .6s var(--mjukt); }
.ab-renna a:hover img, .ab-verkgrind a:hover img { filter: brightness(1.06) saturate(1.05); }
.ab-renna b { display: block; font-size: 19px; font-weight: 600; margin-top: 14px; }
.ab-renna span { display: block; font-size: 14px; color: var(--dauft); }

/* 6 · Verkaskrá á ljósgráu */
.ab-verkaskra { padding-top: var(--ab-kafli); }
.ab-ljos { background: var(--flotur); border-radius: var(--ab-r-stor); padding: clamp(56px, 6.7vw, 112px) var(--ab-inn); }
.ab-ljos .ab-khaus { padding: 0; }
.ab-verkgrind { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3vw, 44px) var(--ab-bil); align-items: start; margin-bottom: clamp(48px, 4.4vw, 72px); }
.ab-verkgrind b { display: block; font-size: 15px; font-weight: 600; margin-top: 12px; }
.ab-verkgrind span { display: block; font-size: 13px; color: var(--dauft); }
.ab-vlisti a { display: grid; grid-template-columns: 160px 1fr 1fr 140px; align-items: baseline; gap: 16px; padding: 22px 0; border-top: 1px solid var(--grar); font-size: 15px; transition: color .25s; }
.ab-vlisti li:last-child a { border-bottom: 1px solid var(--grar); }
.ab-vlisti b { font-size: clamp(24px, 2.1vw, 30px); font-weight: 600; letter-spacing: -.01em; line-height: 1.15; }
.ab-vlisti em { font-style: normal; text-align: right; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--dauft); }
.ab-vlisti a:hover b { color: var(--bla); }

/* 7 · Fréttir */
.ab-frettir { display: grid; grid-template-columns: 4fr 8fr; gap: clamp(32px, 3.3vw, 56px); align-items: start; }
.ab-frettir img { width: 100%; height: auto; border-radius: var(--ab-r); }
.ab-dags { font-size: 13px; color: var(--dauft); margin-top: 16px; }
.ab-frett-stor h3 { font-size: clamp(22px, 1.8vw, 26px); font-weight: 600; line-height: 1.2; margin-top: 6px; }
.ab-frett-listi { display: flex; flex-direction: column; gap: 32px; }
.ab-frett { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.ab-frett + .ab-frett { border-top: 1px solid var(--grar); padding-top: 32px; }
.ab-frett .ab-dags { margin-top: 0; }
.ab-frett h3 { font-size: clamp(19px, 1.55vw, 22px); font-weight: 600; line-height: 1.25; margin-top: 6px; }
.ab-frett-stor:hover h3, .ab-frett:hover h3 { color: var(--bla); }

/* 8 · Lokaorð í tveimur kössum */
.ab-lok { padding: var(--ab-kafli) 0 var(--ab-kantur); }
.ab-lok-rod { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ab-bil); }
.ab-lok-rod > div { padding: clamp(40px, 6.1vw, 104px); border-radius: var(--ab-r-stor); }
.ab-lok h2 { font-size: clamp(32px, 3.1vw, 44px); margin: 14px 0 18px; color: inherit; }
.ab-lok p:not(.ab-lbl) { font-size: 17px; line-height: 1.6; margin-bottom: 32px; max-width: 46ch; }
.ab-lok p a { text-decoration: underline; text-underline-offset: 3px; }
.ab .fotur { background: var(--navy); } /* litir eftir hlutverki: navy í fæti */

/* Snið: spjaldtölva */
@media (max-width: 1100px) {
  .ab-bento { grid-auto-flow: row dense; }
  /* Mynd og kassi haldast hlið við hlið (7/5) niður í 720 px, svo kassinn tengist myndinni */
  .ab-c8 { grid-column: span 7; } .ab-c4 { grid-column: span 5; }
  .ab-c6 { grid-column: span 12; } .ab-c3 { grid-column: span 6; }
  .ab-t { gap: 24px; }
  .ab-tolurod { gap: 20px; }
  .ab-tolurod b { font-size: clamp(36px, 4.6vw, 52px); }
  .ab-beint-kassi { grid-template-columns: 1fr; }
  .ab-beint-mynd { min-height: 0; aspect-ratio: 16 / 10; }
  .ab-renna { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
  .ab-frettir { grid-template-columns: 1fr; }
  .ab-frett-stor { max-width: 560px; }
  .ab-vlisti a { grid-template-columns: 110px 1fr 1fr 110px; }
}
/* Sími: textinn undir hausmyndinni, einn dálkur */
@media (max-width: 860px) {
  .ab .haus .wrap { padding: 0 calc(var(--ab-kantur) + 20px); }
  /* Valmyndin í línu við merkið á forsíðunni */
  .ab .valmynd { padding-left: calc(var(--ab-kantur) + 20px); padding-right: calc(var(--ab-kantur) + 20px); }
  .ab-hero-texti { position: static; width: auto; background: var(--navy); border-radius: 0 0 var(--ab-r-stor) var(--ab-r-stor); padding: 32px 24px 40px; margin-top: calc(var(--ab-r-stor) * -1); }
  .ab .ab-hero-mynd { border-radius: var(--ab-r-stor) var(--ab-r-stor) 0 0; }
  .ab-hero-texti p { margin: 20px 0 28px; }
  .ab .ab-ramma > .ab-khaus { padding: 0 8px; }
  .ab .ab-innskot { padding-left: calc(var(--ab-kantur) + 8px); padding-right: calc(var(--ab-kantur) + 8px); }
  .ab-vlisti a { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; }
  .ab-vlisti a > span:first-child { grid-column: 1 / -1; order: -1; color: var(--dauft); font-size: 13px; }
  .ab-vlisti a > span:nth-child(3) { grid-column: 1 / -1; order: 3; color: var(--dauft); }
  .ab-vlisti em { align-self: center; }
  .ab-lok-rod { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .ab-c8, .ab-c4 { grid-column: span 12; }
}
@media (max-width: 640px) {
  .ab-c4, .ab-c3 { grid-column: span 12; }
  .ab-renna { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; }
  .ab-verkgrind { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ab-frett { grid-template-columns: 1fr; gap: 12px; }
  .ab-lykiltolur { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; }
  .ab-tolur { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
  .ab-ljos { padding-left: 20px; padding-right: 20px; }
  .ab-beint-texti { padding-left: 20px; padding-right: 20px; }
  .ab-yfir { left: 12px; bottom: 12px; margin-right: 12px; font-size: 13px; }
}

/* Forsíða AB: myndarennan í rammanum (23.10.2026). Sama renna og áður (main.js), hver mynd í sínu hlutfalli. */
/* 27.10.2026: myndirnar í rennunni eru ekki allar í sömu hlutföllum (Ölfusá 1800/999, hinar 1800/1012).
   Ramminn var jafnhár hæstu myndinni og lægri myndin sat neðst, svo navy-bakgrunnurinn sást sem lína efst.
   Nú hefur ramminn föst hlutföll og hver skyggna fyllir hann alveg, hvaða mynd sem bætist við. */
.ab .ab-hero-mynd { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); aspect-ratio: 1800 / 1012; }
.ab .ab-hero-mynd .hero-skyggna { margin: 0; aspect-ratio: auto !important; align-self: stretch; height: 100%; min-height: 0; }
.ab .ab-hero-mynd .hero-skyggna img { aspect-ratio: auto; width: 100%; height: 100%; object-fit: cover; }
.ab-hero .hero-punktar { bottom: clamp(18px, 2.4vw, 36px); }
.ab-hero .hero-pasa { bottom: clamp(18px, 2.4vw, 36px); }
.ab-hero.kyrr .hero-pasa .ik-pasa { display: none; }
.ab-hero.kyrr .hero-pasa .ik-spila { display: block; }
.ab-hero.kyrr .hero-punktar button.virk i::after { animation: none; transform: none; }

/* Viðmælandi með lítilli mynd (27.10.2026, Fyrirtækið: Þorvaldur lítill við tilvitnun í stað hausmyndar) */
.vidmaelandi--mynd { display: flex; align-items: center; gap: 16px; }
.vidmaelandi__mynd { flex: 0 0 auto; width: 128px; overflow: hidden; background: var(--grar, #eee); }
.vidmaelandi__mynd img { display: block; width: 100%; height: 100%; }

/* Merkið „Í byggingu núna“ á forsíðu AB (27.10.2026): vísar á verkið sem er á myndinni hverju sinni.
   Datt út þegar forsíðan var endurskrifuð í AB 23.10, sett aftur inn niðri til hægri í myndarammanum. */
.ab-hero .ab-hero-mynd { position: relative; }
.ab-hero .ab-hero-merki { position: absolute; z-index: 3; right: var(--ab-inn); bottom: clamp(40px, 6.7vw, 112px); max-width: calc(100% - var(--ab-inn) * 2); }
@media (max-width: 860px) {
  .ab-hero .ab-hero-merki { left: 16px; right: 16px; bottom: 48px; justify-items: start; }
  .ab-hero .ab-hero-merki .merki-lifandi { font-size: 11px; letter-spacing: .12em; padding: 8px 12px 8px 11px; gap: 10px; }
}

/* Myndakassar í bento fylla hæð raðarinnar (27.10.2026): áður var myndin lægri en textakassarnir við hliðina
   og autt bil myndaðist undir henni. Myndin fyllir nú kassann og er skorin jafnt frá miðju þar sem þarf. */
.ab-bento > .ab-mynd { align-self: stretch; }
.ab-bento > .ab-mynd img { height: 100%; object-fit: cover; object-position: center; }