@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/fonts/nunito.c9746ad68c.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/archivo.8f704806db.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}html{-webkit-text-size-adjust:100%}body{margin:0}img{max-width:100%}[hidden]{display:none!important}@media (display-mode:standalone){body{overscroll-behavior-y:none}}
/* Layout (litaleið A „Norðurljós“, 17.10.2026): fjólublár→grænblár haus, kóralrauður hnappur, litaður táknreitur á hverja deild; bright header with search + department bar; white cards on a cool light ground; orange for the one action per view; mobile-first single column, filter rail from 820px */
:root{
  --bg:#F4F6FB; --surface:#FFFFFF; --sunk:#E8ECF5; --fg:#141E38; --muted:#5A6482; --line:#D9DFEC;
  --brand:#1B2C52; --brand-deep:#2B4A86; --brand-fg:#FFFFFF; --brand-soft:#EAEEF7; --top:#FFFFFF;
  --top-grad:none; --accent:#DC7236;
  --cta:#BD501B; --cta-deep:#A4430F; --cta-fg:#FFFFFF;
  --good:#118A43; --good-soft:#E2F5EA; --warn:#9A5A06; --warn-soft:#FDF1DC; --bad:#C1271B; --bad-soft:#FCE6E3;
  --font:"Nunito Sans","Segoe UI",Roboto,Arial,sans-serif;
  --r:12px;
  /* Ein lifandi litur á hverja deild (táknreitir á forsíðu) */
  --hue-heimili:#FF6B3D; --hue-hatidir:#C2410C; --hue-baekurd:#6D28D9; --hue-eldhus:#F5A400; --hue-hljod:#7C4DFF; --hue-tolvur:#2F6BFF; --hue-simar:#00A99D;
  --hue-leikir:#E8399B; --hue-heilsa:#FF4F7B; --hue-heimgard:#23A047; --hue-sport:#0098D6; --hue-matur:#2F8F5B; --hue-fot:#8B5E3C;--hue-skartur:#9A6B1E; --hue-bill:#3B4A5E; --hue-born:#B07CFF;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0D1424; --surface:#16203A; --sunk:#1E2A48; --fg:#EEF1F8; --muted:#A3AECB; --line:#2E3B5E;
  --brand:#8FB0F0; --brand-deep:#6E93E0; --brand-fg:#0D1424; --brand-soft:#1E2A48; --top:#121B33;
  --top-grad:none; --accent:#F0904F;
  --cta:#F0904F; --cta-deep:#F5A673; --cta-fg:#121B33;
  --good:#5ACB8A; --good-soft:#113324; --warn:#EDB55E; --warn-soft:#3A2A10; --bad:#F2877C; --bad-soft:#3D1814;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0D1424; --surface:#16203A; --sunk:#1E2A48; --fg:#EEF1F8; --muted:#A3AECB; --line:#2E3B5E;
  --brand:#8FB0F0; --brand-deep:#6E93E0; --brand-fg:#0D1424; --brand-soft:#1E2A48; --top:#121B33;
  --top-grad:none; --accent:#F0904F;
  --cta:#F0904F; --cta-deep:#F5A673; --cta-fg:#121B33;
  --good:#5ACB8A; --good-soft:#113324; --warn:#EDB55E; --warn-soft:#3A2A10; --bad:#F2877C; --bad-soft:#3D1814;
  color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5}
a{color:var(--brand-deep)}
:root[data-theme="dark"] a:not(.btn){color:var(--brand)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) a:not(.btn){color:var(--brand)}}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--cta);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}
h1,h2,h3{line-height:1.15;text-wrap:balance;margin:0;font-weight:800}
h1{font-size:clamp(1.5rem,4vw,2rem)}
h2{font-size:1.3rem}
h3{font-size:1.05rem}
.eyebrow{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--top);color:var(--fg);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}.brand .mk{display:block;height:46px;width:auto}.brand .wt{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brand .wm{display:block;height:26px;width:auto}.brand small{margin-top:0!important;line-height:1;color:var(--muted)}
.brand .dk{display:none!important}:root[data-theme="dark"] .brand .lt{display:none!important}:root[data-theme="dark"] .brand .dk{display:block!important}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand .lt{display:none!important}:root:not([data-theme="light"]) .brand .dk{display:block!important}}
@media (max-width:520px){.catbtn{display:none}}
@media (max-width:420px){.brand{gap:8px}.brand .mk{height:36px}.brand .wm{height:20px}.catbtn,.login{padding:8px 10px;font-size:.9rem}}
.flogo{display:flex;align-items:center;gap:14px;margin-bottom:14px}.flogo img{height:72px;width:auto}
.flogo .dk{display:none}
.flogo{flex-wrap:wrap;align-items:flex-start}.fstory{flex:1 1 280px;max-width:60ch}.fstory p{margin:2px 0 4px}
:root[data-theme="dark"] .flogo .lt{display:none}:root[data-theme="dark"] .flogo .dk{display:block}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .flogo .lt{display:none}:root:not([data-theme="light"]) .flogo .dk{display:block}}
.top-in{max-width:1500px;margin:0 auto;padding:12px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.brand{font-weight:800;font-size:1.45rem;color:var(--fg);background:none;border:0;cursor:pointer;padding:0;white-space:nowrap;letter-spacing:-.02em}
.brand small{display:block;font-weight:600;font-size:.72rem;letter-spacing:0;margin-top:-3px}
.search{flex:1 1 300px;display:flex;min-width:0;background:var(--surface);border-radius:999px;padding:4px}
.search input{flex:1;min-width:0;border:0;background:transparent;padding:8px 14px;color:var(--fg);font-size:1rem;outline:none}
.search button{border:0;border-radius:999px;padding:0 18px;background:var(--cta);color:var(--cta-fg);font-weight:800;cursor:pointer}
.usp{max-width:1160px;margin:0 auto;padding:0 16px 10px;display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem;font-weight:600}
.usp span::before{content:"✓";margin-right:6px;font-weight:800}
.depts{background:var(--surface);border-bottom:1px solid var(--line)}
.depts-in{max-width:1160px;margin:0 auto;padding:0 16px;display:flex;gap:4px;overflow-x:auto}
.depts button{flex:none;border:0;background:none;padding:12px 12px;font-weight:700;cursor:pointer;color:var(--fg);border-bottom:3px solid transparent}
.depts button[aria-current="true"]{border-color:var(--brand);color:var(--brand-deep)}
.depts button .soon{font-size:.7rem;color:var(--muted);font-weight:600;margin-left:4px}

main{max-width:1160px;margin:0 auto;padding-inline:16px;padding-block:20px 120px;display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
main>*{min-width:0}
html,body{overflow-x:clip}
.proto{font-size:.88rem;color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:8px 12px}
.crumbs{font-size:.88rem;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.crumbs button{background:none;border:0;padding:0;color:var(--brand-deep);cursor:pointer;font-weight:600}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.section-head p{margin:0;color:var(--muted);font-size:.9rem}
.src{font-size:.8rem;color:var(--muted)}

/* cards */
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:8px;align-content:start;cursor:pointer;text-align:left;width:100%;color:inherit;transition:box-shadow .15s,border-color .15s}
.card:hover{border-color:var(--brand);box-shadow:0 4px 14px rgb(0 60 100 / .08)}
.pphoto{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit;padding:6%;box-sizing:border-box;display:block}
.thumb{display:grid;place-items:center;background:var(--brand-soft);border-radius:10px;aspect-ratio:16/10;color:var(--brand-deep)}
.thumb svg{width:38%;height:auto}
.card .nm{font-weight:700;line-height:1.3}
.card .meta{font-size:.85rem;color:var(--muted)}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:.85rem}
.checks li::before{content:"✓";color:var(--good);font-weight:800;margin-right:6px}
.price{font-weight:800;font-size:1.35rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.was{color:var(--muted);text-decoration:line-through;font-size:.88rem;font-variant-numeric:tabular-nums}
.tag{display:inline-block;font-weight:800;border-radius:6px;padding:1px 8px;font-size:.82rem}
.tag.drop{background:var(--cta);color:var(--cta-fg)}
.tag.pct{background:var(--good-soft);color:var(--good)}
.tag.cut{background:var(--brand-soft);color:var(--brand-deep)}
.cmp{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted)}
.dc-top{display:flex;justify-content:space-between;align-items:center}
.rank{font-weight:800;font-size:1.3rem;color:var(--brand)}
.refnote{font-size:.78rem;color:var(--warn);line-height:1.35}

/* product rows (category list) */
.rows{display:grid;gap:10px}
.prow{display:grid;gap:12px 16px;grid-template-columns:96px minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;cursor:pointer;align-items:start}
.prow:hover{border-color:var(--brand);box-shadow:0 4px 14px rgb(0 60 100 / .08)}
.prow .thumb{aspect-ratio:1}
.prow .pinfo{display:grid;gap:6px;min-width:0}
.prow .nm{font-weight:800;font-size:1.05rem;line-height:1.3}
.minis{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.9rem;grid-column:1/-1}
.minis li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:3px}
.minis li.top span:last-child{font-weight:800;color:var(--good)}
.minis li.more{border:0;color:var(--muted);font-size:.82rem;justify-content:flex-start}
.plow{display:grid;gap:2px;justify-items:start;grid-column:1/-1}
.btn.sm{padding:7px 14px;font-size:.88rem;margin-top:6px}
@media (min-width:700px){
  .prow{grid-template-columns:110px minmax(0,1fr) 210px 170px}
  .minis{grid-column:auto;align-self:center}
  .plow{grid-column:auto;justify-items:end;text-align:right;align-self:center}
}
/* department / category tiles */
.dept-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.dept{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:10px;align-content:start}
.dept h3{display:flex;align-items:center;gap:10px}
.dept h3 svg{width:28px;height:28px;color:var(--brand)}
.dept .cats{display:flex;flex-wrap:wrap;gap:6px}
.pillbtn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;cursor:pointer;font-weight:700;font-size:.9rem;color:var(--fg)}
.pillbtn:hover{border-color:var(--brand);color:var(--brand-deep)}
.pillbtn[disabled]{cursor:default;color:var(--muted);background:var(--sunk);border-color:transparent}
.best{display:grid;gap:2px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer;font-size:.88rem;line-height:1.35;color:inherit;width:100%}
.best:hover{border-color:var(--brand)}
.best b{color:var(--good)}

/* category landing quick links (by technology / size / brand) */
.quick{display:grid;gap:14px}
.quick-row{display:grid;gap:8px}
.quick-row .chips{display:flex;flex-wrap:wrap;gap:8px}
.qchip{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 14px;cursor:pointer;text-align:left;color:inherit}
.qchip b{display:block;font-weight:800}
.qchip span{font-size:.8rem;color:var(--muted)}
.qchip[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft)}

/* list with filters */
.list-wrap{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:820px){.list-wrap{grid-template-columns:250px minmax(0,1fr)}}
.filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:16px;align-content:start}
.filters fieldset{border:0;margin:0;padding:0;display:grid;gap:6px}
.filters legend{font-weight:800;margin-bottom:4px}
.filters label{display:flex;gap:8px;align-items:center;font-size:.95rem}
.filters label .n{margin-left:auto;color:var(--muted);font-size:.8rem}
.range{display:flex;gap:6px;align-items:center}
.range input{width:100%;min-width:0;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.toolbar select{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
details.fdet summary{cursor:pointer;font-weight:800}
@media (min-width:820px){details.fdet > summary{display:none}}

/* segmented control */
.seg{display:inline-flex;background:var(--sunk);border-radius:999px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:700;color:var(--muted)}
.seg button[aria-selected="true"]{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px rgb(0 0 0 / .14)}
.seg-sm{margin-bottom:8px}.seg-sm button{padding:4px 11px;font-size:.85rem}

/* product page */
.phead{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:860px){.phead{grid-template-columns:220px minmax(0,1fr) 280px}}
.pimg{background:var(--brand-soft);border-radius:var(--r);display:grid;place-items:center;aspect-ratio:1;max-width:100%;max-height:230px;color:var(--brand-deep)}
.pimg svg{width:46%;height:auto}
.ids{font-size:.85rem;color:var(--muted);margin-top:10px;display:grid;gap:2px}
code{font-family:ui-monospace,Menlo,monospace;font-size:.85em;color:var(--fg)}
.buybox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:10px;align-content:start}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:0;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn.cta{background:var(--cta);color:var(--cta-fg)}
.btn.cta:hover{background:var(--cta-deep)}
.btn.sec{background:var(--sunk);color:var(--fg)}
.btn.line{background:var(--surface);border:1px solid var(--brand);color:var(--brand-deep)}

.otable{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.otable th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:10px 12px;background:var(--sunk);font-weight:700}
.otable td{padding:12px;border-top:1px solid var(--line);vertical-align:top}
.otable tr.best-row td{background:color-mix(in srgb,var(--good-soft) 55%,var(--surface))}
.otable .store{font-weight:800}
.otable .url{font-size:.78rem;color:var(--muted);word-break:break-all}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:.83rem;font-weight:700;border-radius:999px;padding:2px 10px;white-space:nowrap}
.pill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.st-in{background:var(--good-soft);color:var(--good)}
.st-low,.st-pre,.st-display{background:var(--warn-soft);color:var(--warn)}
.st-out{background:var(--bad-soft);color:var(--bad)}
.st-unknown{background:var(--sunk);color:var(--muted)}
.mtag{display:inline-block;font-size:.74rem;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--muted);margin-top:4px}
.mtag.stem{border-color:var(--brand);color:var(--brand-deep)}
.nofound{color:var(--bad);font-weight:700}
@media (max-width:640px){
  .otable thead{display:none}
  .otable tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;border-top:1px solid var(--line)}
  .otable td{border:0;padding:0}
  .otable td.c-price{text-align:right}
  .otable td.c-stock,.otable td.c-upd,.otable td.c-go{grid-column:1/-1}
  .otable td.c-go .btn{width:100%}
}
.unconf{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:12px 14px}
.unconf summary{cursor:pointer;font-weight:700}
.unconf ul{margin:10px 0 0;padding-left:18px;display:grid;gap:8px}

/* cross-sell */
.xsell{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.tiers{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}
.tier{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:6px;align-content:start;background:var(--bg)}
.tier .lvl{font-weight:800;color:var(--brand-deep)}
.tier .tot{font-size:.85rem;color:var(--muted)}
.tier .tot b{color:var(--fg)}

.two{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:860px){.two{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;min-width:0}
.chart svg{width:100%;height:auto;display:block}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem;margin-top:8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}
.insights{margin:6px 0 12px;padding-left:18px;display:grid;gap:6px;font-size:.92rem}
form.stack{display:grid;gap:10px}
form.stack label{display:grid;gap:4px;font-size:.9rem;font-weight:700}
form.stack input,form.stack select,form.stack textarea{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-weight:400;width:100%;min-width:0}
.ok{background:var(--good-soft);color:var(--good);border-radius:8px;padding:8px 10px;font-size:.9rem}
.specs{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.specs li::before{content:"✓";color:var(--good);font-weight:800;margin-right:8px}

/* compare tray */
.tray{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--fg);color:var(--bg);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
.tray-in{max-width:1160px;margin:0 auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tray .chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.tray .chip{background:color-mix(in srgb,var(--bg) 18%,transparent);border-radius:999px;padding:3px 10px;font-size:.85rem;display:flex;gap:6px;align-items:center}
.tray .chip button{background:none;border:0;color:inherit;cursor:pointer;padding:0 2px}
.cwrap{overflow-x:auto}
.ctable{border-collapse:collapse;min-width:560px;width:100%;background:var(--surface);border:1px solid var(--line)}
.ctable th,.ctable td{padding:10px 12px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.ctable thead th{border-top:0;background:var(--sunk)}
.ctable tbody th{color:var(--muted);font-weight:700;width:150px}
.cgsm{table-layout:fixed;min-width:calc(150px + var(--cols) * 170px)}
.cgsm .ccorner{width:150px}
.cgsm thead th{background:var(--surface);vertical-align:top;position:relative;padding-top:14px}
.cgsm .chead.win{box-shadow:inset 0 3px 0 var(--cta)}
.cgsm .cx{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;color:var(--muted);font-size:1.1rem;line-height:1}
.cgsm .cx:hover{background:var(--sunk);color:var(--fg)}
.cgsm .cmphd{display:flex;flex-direction:column;gap:8px;text-align:left;font-weight:700;padding:0;width:100%}
.cgsm .cmpimg{display:flex;align-items:center;justify-content:center;height:110px;background:var(--sunk);border-radius:10px}
.cgsm .cmpimg img,.cgsm .cmpimg svg{max-height:96px;max-width:90%}
.cgsm .cname{font-size:.92rem;line-height:1.3;overflow-wrap:anywhere}
.cgsm .cprice{font-size:1.15rem;font-weight:800;margin:6px 0 4px;font-variant-numeric:tabular-nums}
.cgsm .cslot{background:var(--sunk)}
.cgsm .cadd{display:flex;flex-direction:column;gap:8px;align-items:stretch;font-weight:700;color:var(--muted)}
.cgsm .cplus{display:flex;align-items:center;justify-content:center;height:110px;border:2px dashed var(--line);border-radius:10px;font-size:2rem;color:var(--muted)}
.cgsm .cadd input{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);min-width:0}
.cgsm .csugg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.cgsm .csugg .chip{font-size:.78rem}
.cgsm .cgrp th{background:var(--sunk);color:var(--fg);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}
.cgsm tbody th[scope=row]{position:sticky;left:0;background:var(--surface);z-index:1}
.cgsm .ccorner{position:sticky;left:0;background:var(--surface);z-index:2}
.cgsm td.cslot-e{background:var(--sunk)}
.cgsm .cspecs{margin:0;padding-left:18px;display:grid;gap:3px}
.cbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0}
.tray-note{font-size:.82rem;opacity:.85}
.ftag{display:inline-block;margin-left:6px;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--sunk);color:var(--muted);vertical-align:middle}
.tray .chip{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.tray .chips{flex-wrap:nowrap;overflow-x:auto} .tray .chip{max-width:150px;flex:none} .tray-in>b{display:none}}
@media (max-width:640px){.cgsm{min-width:calc(110px + var(--cols) * 150px)} .cgsm .ccorner,.cgsm tbody th[scope=row]{width:110px} .cgsm .cmpimg,.cgsm .cplus{height:80px}}
.rules{width:100%;border-collapse:collapse;font-size:.9rem}
.rules th,.rules td{text-align:left;padding:8px 10px;border-top:1px solid var(--line);vertical-align:top}

/* ===== Forsíða í anda Prisjakt ===== */
.iconbtn{background:none;border:0;color:inherit;cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center}
.iconbtn:hover{background:var(--sunk)}
.login{border:0;border-radius:10px;background:var(--brand);color:var(--brand-fg);font-weight:700;padding:10px 16px;cursor:pointer;white-space:nowrap}
:root[data-theme="dark"] .login{background:var(--sunk);color:var(--fg)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .login{background:var(--sunk);color:var(--fg)}}
.catbtn{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);font-weight:700;padding:9px 14px;cursor:pointer;white-space:nowrap}.catbtn:hover{border-color:var(--brand)}
.search{border-radius:10px;padding:0;overflow:hidden;border:1px solid var(--line)}
.search input{padding:13px 16px}
.search button{border-radius:0;padding:0 18px}
.rail{display:none}
.rail .rl{display:block;font-size:.66rem;font-weight:600;margin-top:2px;line-height:1}.rail button{display:flex;flex-direction:column;align-items:center}
.mnav{display:none}
@media (max-width:760px){.mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:29;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around}
.mnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:var(--muted);font-size:.7rem;font-weight:600;padding:4px 0;cursor:pointer;min-height:44px}
.mnav button:active,.mnav button[aria-current]{color:var(--brand)}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
.tray{bottom:calc(60px + env(safe-area-inset-bottom,0px))}}
@media (min-width:1000px){
  .rail.x{display:flex;flex-direction:column;gap:18px;position:fixed;left:0;top:calc(env(safe-area-inset-top,0px) + 74px);width:64px;align-items:center;padding-top:14px;z-index:10;bottom:0;background:var(--surface);border-right:1px solid var(--line)}
  .rail button{background:none;border:0;cursor:pointer;color:var(--muted);padding:8px;border-radius:10px}
  .rail button:hover{color:var(--brand-deep);background:var(--brand-soft)}
}
.shell{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:0 20px;padding-inline:16px}
.shell main{padding-inline:0;max-width:none;width:100%}
.adcol{display:none}
@media (min-width:1280px){ .shell{grid-template-columns:minmax(0,1fr) 300px} .adcol{display:block;padding-top:20px} }
.adbox{position:sticky;top:110px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface);min-height:560px;display:grid;place-items:center;text-align:center;padding:20px}
.adlabel{position:absolute;top:8px;right:10px;font-size:.72rem;color:var(--muted);letter-spacing:.04em}
.adinner b{display:block;font-size:1.1rem;margin-bottom:6px}
.adinner p{margin:0;color:var(--muted);font-size:.9rem}
[hidden]{display:none!important}
.drawer{position:fixed;inset:0;z-index:50;background:rgb(10 25 35 / .45);display:flex}
.drawer-panel{background:var(--surface);width:min(380px,92vw);height:100%;overflow:auto;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px))}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1.1rem}
.drawer-head .iconbtn{color:var(--fg)}
.dgroup{border-top:1px solid var(--line);padding:12px 0;display:grid;gap:4px}
.dgroup b{display:flex;gap:10px;align-items:center}
.dgroup b svg{width:24px;height:24px;color:var(--brand)}
.dgroup button{text-align:left;background:none;border:0;padding:6px 34px;cursor:pointer;font-weight:600;color:var(--fg);border-radius:8px}
.dgroup button:hover{background:var(--brand-soft)}
.dgroup button[disabled]{color:var(--muted);cursor:default;background:none}
.ctiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.ctile{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;cursor:pointer;text-align:left;font-weight:700;font-size:1.02rem;color:var(--fg)}
.ctile:hover{border-color:var(--brand);box-shadow:0 4px 14px rgb(0 60 100 / .08)}
.ctile .ci{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex:none}
.ctile .ci svg{width:28px;height:28px}
.center{display:flex;justify-content:center;margin-top:14px}
.heroes{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:900px){.heroes{grid-template-columns:1fr 1fr}}
.hero{background:var(--brand-soft);border-radius:20px;padding:28px;display:grid;gap:14px;align-content:start;position:relative;overflow:hidden;min-height:260px}
.hero h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.08;max-width:14ch}
.hero p{margin:0;max-width:34ch}
.vbgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:12px 0}.vbcard{padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}.vbcard p{margin:0}.vbnum{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--brand-deep);font-variant-numeric:tabular-nums;line-height:1.1}.vbtab td,.vbtab th{vertical-align:top}.vbtab .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.mtgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}.mtcard{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card,var(--bg));color:inherit;text-decoration:none;min-width:0;position:relative}.mtcard:hover{border-color:var(--brand)}.mtcard b{font-weight:600;line-height:1.3;padding-right:44px}.mtpct{position:absolute;top:10px;right:10px;background:var(--bad);color:#fff;font-weight:700;font-size:.8rem;border-radius:6px;padding:2px 6px}.mtst{font-size:.82rem;color:var(--muted)}.mtpr s{color:var(--muted);font-size:.85rem}.backlist{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;margin-bottom:6px;color:var(--brand);font-weight:600;cursor:pointer;font-size:.95rem}.backlist:hover{text-decoration:underline}.vbmeth{margin:0;padding-left:18px;display:grid;gap:8px}
.hero .bigprice{font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:800;color:var(--brand-deep)}
.hero .deco{position:absolute;right:-10px;bottom:-10px;width:40%;max-width:200px;color:var(--brand);opacity:.13;pointer-events:none}
.hero>*,.rslide>*{position:relative;z-index:1}.hero .deco{z-index:0}
.rslide{display:grid;gap:14px;align-content:start;animation:rsin .5s ease}
@keyframes rsin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.rdots{display:flex;gap:8px;margin-top:6px}.rdot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}.rdot.on{background:var(--cta);width:26px;border-radius:6px}
.rdot::after{content:"";display:block;margin:-17px;width:44px;height:44px}
.btn.brandbtn{background:var(--brand);color:var(--brand-fg)}
.btn.brandbtn:hover{background:var(--brand-deep)}
.loginband{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.loginband h2{font-size:clamp(1.5rem,3.4vw,2.4rem)}
.loginband h2 span{color:var(--brand)}
.bubble{background:var(--brand);color:var(--brand-fg);font-weight:800;font-size:1.3rem;padding:14px 22px;border-radius:24px 24px 24px 6px;transform:rotate(-4deg)}
.shead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.shead h2{font-size:1.45rem}
.shead .more{background:none;border:0;color:var(--brand-deep);font-weight:700;cursor:pointer;font-size:1rem;padding:0}
.shead .seg{margin-left:auto}
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.scroller::-webkit-scrollbar{display:none}
.scroller.moving{scroll-snap-type:none}
.carousel{position:relative}
.carousel .cbtn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);box-shadow:0 2px 10px rgb(0 40 70 / .18);display:grid;place-items:center;cursor:pointer}
.carousel .cbtn.prev{left:-12px}.carousel .cbtn.next{right:-12px}
.carousel .cbtn:hover{background:var(--brand-soft)}
@media (max-width:700px){.carousel .cbtn{width:36px;height:36px}.carousel .cbtn.prev{left:-6px}.carousel .cbtn.next{right:-6px}.scroller{grid-auto-columns:minmax(160px,46%)}}
.scroller > *{scroll-snap-align:start}
.pcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:6px;align-content:start;cursor:pointer;text-align:left;color:inherit;width:100%}
.pcard:hover{border-color:var(--brand);box-shadow:0 4px 14px rgb(0 60 100 / .08)}
.pcard .img{background:var(--bg);border-radius:10px;aspect-ratio:4/3;display:grid;place-items:center;color:var(--brand-deep)}
.pcard .img svg{width:40%;height:auto}
.pcard .catl{font-size:.88rem;color:var(--muted)}
.pcard .nm{font-weight:600;line-height:1.3;font-size:1.02rem}
.pcard .pr{font-weight:800;font-size:1.15rem;font-variant-numeric:tabular-nums}
.pcard .st{font-size:.82rem;color:var(--muted)}
.badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);color:var(--brand-deep);font-weight:800;border-radius:8px;padding:3px 8px;font-size:.92rem;z-index:1}
.badge svg{width:16px;height:16px}
.row4{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.promos{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:900px){.promos{grid-template-columns:1fr 1fr}}
.promo{border-radius:20px;padding:28px;display:grid;gap:14px;align-content:start;min-height:220px}
.promo.a{background:var(--sunk)}
.promo.b{background:var(--brand-soft)}
.promo h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;max-width:16ch}
.promo p{margin:0;max-width:40ch}
.poptiles{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.poptile{display:flex;align-items:center;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;cursor:pointer;font-size:1.1rem;font-weight:600;text-align:left;color:var(--fg)}
.poptile:hover{border-color:var(--brand)}
.poptile svg{width:56px;height:56px;color:var(--fg)}
.articles{display:grid;gap:22px}
.article{display:grid;gap:14px 26px;grid-template-columns:1fr;align-items:start}
@media (min-width:760px){.article{grid-template-columns:320px minmax(0,1fr)}}
.article .aimg{background:var(--brand-soft);border-radius:12px;aspect-ratio:3/2;display:grid;place-items:center;color:var(--brand-deep)}
.article .aimg svg{width:30%}
.article h3{font-size:1.25rem;margin-bottom:6px}
.article p{margin:0 0 12px;max-width:65ch}
.btn.ghost{background:var(--surface);border:1px solid var(--line);color:var(--fg);border-radius:10px}
.spread{color:var(--bad);font-weight:800}
.news{background:var(--brand-soft);margin-top:10px}
.news-in{max-width:1500px;margin:0 auto;padding-inline:16px;padding-block:30px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.news-form{display:grid;gap:10px;flex:1;min-width:0}
.news-form h2{font-size:1.45rem}
.news-row{display:flex;gap:10px;flex-wrap:wrap}
.news-row input{flex:1 1 240px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
/* ===== Ráðgjafinn ===== */
.advhero{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);background:linear-gradient(135deg,var(--brand-soft),var(--surface));border:1px solid var(--line);border-radius:20px;padding:26px}
.advhero>*{min-width:0}
.budget select{max-width:100%;min-width:0}
@media (min-width:900px){.advhero{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}}
.advhero h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:4px 0 8px}
.advhero p{margin:0 0 14px;max-width:56ch}
.advcats{display:flex;flex-wrap:wrap;gap:10px}
.budget{min-width:0;grid-template-columns:minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:10px;align-content:start}
.brow{display:flex;align-items:center;gap:8px}
.brow input{flex:1;min-width:0;font-size:1.6rem;font-weight:800;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--bg)}
.budget select{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg)}
.personas{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.persona{display:grid;gap:2px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;color:var(--fg)}
.persona:hover{border-color:var(--brand);background:var(--brand-soft)}
.persona b{font-size:1.05rem}.persona span{color:var(--muted);font-size:.9rem}
.advband{display:grid;gap:2px;text-align:left;background:var(--brand-soft);border:1px solid var(--brand);border-radius:12px;padding:14px 18px;cursor:pointer;color:var(--fg)}
.advband b{font-size:1.15rem}.advband span:last-child{color:var(--brand-deep);font-weight:700}
.advhead{display:grid;gap:10px}
.advwrap{display:grid;gap:22px;grid-template-columns:1fr;align-items:start}
@media (min-width:980px){.advwrap{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}}
.advq{display:grid;gap:14px}
.advq fieldset{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px;margin:0;display:grid;gap:10px}
.advq legend{font-weight:800;display:flex;gap:10px;align-items:center;padding:0 4px}
.qn{width:26px;height:26px;border-radius:50%;background:var(--brand);color:var(--brand-fg);display:grid;place-items:center;font-size:.85rem}
.qopts{display:grid;gap:8px}
.qopt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.qopt.on{border:2px solid var(--brand);background:var(--brand-soft);font-weight:700}
.advres{display:grid;gap:16px}
.verdict{background:var(--surface);border:2px solid var(--good);border-radius:14px;padding:18px;display:grid;gap:6px}
.verdict p{margin:0;font-size:1.08rem;line-height:1.55}
.verdict .eyebrow{color:var(--good)}
.vlist{margin:0;padding-left:20px;display:grid;gap:6px;font-size:1.02rem}
.acards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.acard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:10px;align-content:start;position:relative}
.acard.a1{border:2px solid var(--brand)}
.alabel{justify-self:start;font-weight:800;font-size:.85rem;border-radius:999px;padding:3px 12px;background:var(--brand);color:var(--brand-fg)}
.a2 .alabel{background:var(--good);color:var(--surface)}
.a3 .alabel{background:var(--fg);color:var(--bg)}
.ahead{display:grid;gap:8px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--fg);font-size:1.05rem}
.aimg{background:var(--bg);border-radius:10px;aspect-ratio:16/10;display:grid;place-items:center;color:var(--brand-deep)}
.aimg svg{width:36%}
.aprice b{font-size:1.5rem;display:block}
.why,.warn,.plain{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:.93rem}
.why li::before{content:"✓";color:var(--good);font-weight:800;margin-right:8px}
.warn li::before{content:"!";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--warn-soft);color:var(--warn);font-weight:800;font-size:.75rem;margin-right:8px}
.plain li::before{content:"•";color:var(--brand);font-weight:800;margin-right:8px}
.how{border:1px dashed var(--line);border-radius:12px;padding:12px 14px;background:var(--surface)}
.how summary{cursor:pointer;font-weight:700}
.how p{margin:8px 0 0;max-width:72ch}
.stb{display:inline-block;font-size:.72rem;font-weight:600;padding:1px 7px;border-radius:999px;white-space:nowrap}.stb.ok{background:color-mix(in srgb,#1f9d55 16%,transparent);color:var(--fg)}.stb.mid{background:color-mix(in srgb,#DC7236 18%,transparent);color:var(--fg)}.stb.no{background:var(--sunk);color:var(--muted)}.cdl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0}.cdl dt{color:var(--muted)}.cdl dd{margin:0;min-width:0;overflow-wrap:anywhere}.tblwrap{overflow-x:auto}.ftab{border-collapse:collapse;width:100%;font-size:.9rem}.ftab th,.ftab td{text-align:left;vertical-align:top;padding:6px 8px;border-top:1px solid var(--line)}.ftab thead th{color:var(--muted);font-weight:600;border-top:0}.ftab .src{display:block}.codebox h4{margin:6px 0 0;font-size:1rem}
.codebox{gap:10px;margin-top:14px}.codebox p{max-width:70ch;line-height:1.55}.codesegs{display:flex;flex-wrap:wrap;gap:6px}.cseg{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;min-width:44px}.cseg b{font-family:ui-monospace,Menlo,monospace;font-size:1.05rem;letter-spacing:.04em}.cseg small{font-size:.7rem;color:var(--muted,#667);text-align:center;max-width:12ch;line-height:1.2}.cseg.hot{border-color:#DC7236;background:color-mix(in srgb,#DC7236 10%,transparent)}.cwarn{border-left:3px solid #DC7236;padding-left:10px}
.suits{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:16px}
.suits-cols{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:760px){.suits-cols{grid-template-columns:1fr 1fr}}
.suits h3{font-size:1.15rem;margin-bottom:8px}
.gloss{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px}
.gloss h3{font-size:1.05rem}
.gloss details{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--bg)}
.gloss summary{cursor:pointer;font-weight:700}
.gloss p{margin:6px 0 0;font-size:.93rem}
.verdict.big{margin-bottom:12px}

/* ===== Krosssala ===== */
.keyspecs{margin-top:4px}
.sizes{display:grid;gap:8px;margin-top:4px}
.szrow{display:flex;gap:8px;flex-wrap:wrap}
.szb{display:grid;gap:2px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 14px;cursor:pointer;text-align:left;color:var(--fg);min-width:96px}
.szb b{font-size:1.15rem}.szb span{font-size:.82rem;color:var(--muted)}
.szb.on{border:2px solid var(--brand);background:var(--brand-soft);cursor:default}
.szb:not(.on):hover{border-color:var(--brand)}
.upsell{display:grid;gap:8px}
.upsell .eyebrow{color:var(--good)}
.up-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--good-soft);border:1px solid color-mix(in srgb,var(--good) 40%,transparent);border-radius:14px;padding:14px 18px;cursor:pointer;text-align:left;color:var(--fg)}
.up-card:hover{border-color:var(--good)}
.up-img{width:72px;height:56px;color:var(--good)}
.up-txt{display:grid;gap:6px}.up-txt b{font-size:1.08rem}
.checks-inline{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.92rem;color:var(--good);font-weight:700}
.up-pr{display:grid;justify-items:end}.up-pr b{font-size:1.3rem}.up-pr small{color:var(--muted)}
.bundle{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:14px;scroll-margin-top:140px}
.bslots{display:grid;gap:14px}
.bslot{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px}
.bslot.soon{background:var(--bg);border-style:dashed;grid-template-columns:auto 1fr;align-items:baseline;gap:12px;padding:10px 14px}
.bslot.soon h3{font-size:1rem;color:var(--muted)}
.bs-head{display:flex;justify-content:space-between;align-items:center}
.bsnone{font-size:.9rem;color:var(--muted);display:flex;gap:6px;align-items:center}
.bs-opts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.bopt{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"r lvl pr" "img nm nm";gap:6px 10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.bopt input{grid-area:r}.bopt .lvl{grid-area:lvl;font-weight:800;color:var(--brand-deep)}
.bopt .bo-pr{grid-area:pr;display:grid;justify-items:end;font-weight:800}.bopt .bo-pr small{font-weight:400;color:var(--muted);font-size:.8rem}
.bopt .bo-img{grid-area:img;width:36px;height:30px;color:var(--brand-deep)}
.bopt .bo-nm{grid-area:nm;font-size:.92rem;line-height:1.3}
.bopt em{font-style:normal;font-size:.75rem;background:var(--brand-soft);color:var(--brand-deep);border-radius:4px;padding:1px 5px;white-space:nowrap}
.bopt.on{border:2px solid var(--brand);background:var(--brand-soft)}
.bcalc{display:grid;gap:16px;grid-template-columns:1fr;align-items:center;background:var(--bg);border-radius:12px;padding:16px}
@media (min-width:760px){.bcalc{grid-template-columns:1fr 1fr auto}}
.bcalc > div{display:grid;gap:2px}
.bcalc .big{font-size:1.6rem;font-weight:800}
.pm{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px;display:grid;gap:8px}
.pm h3{font-size:1.1rem}
.pm ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pm li{display:flex;gap:10px;align-items:baseline}
.pm li::before{font-weight:800;width:18px;flex:none;text-align:center}
.pm li.plus::before{content:"+";color:var(--good)}
.pm li.minus::before{content:"−";color:var(--bad)}
.cmp5 th,.cmp5 td{min-width:140px}
.cmphd{display:grid;gap:6px;background:none;border:0;padding:0;text-align:left;font:inherit;font-weight:700;color:var(--fg);cursor:pointer}
.cmpimg{width:56px;height:44px;color:var(--brand-deep)}
.cmp5 td.win b{color:var(--good)}
.catlinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.tiers{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tier{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:8px;align-content:start;background:var(--surface)}
.tier .lvl{font-weight:800;color:var(--brand-deep);font-size:1.1rem}
.tier-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--bg);border:0;border-radius:8px;padding:8px;text-align:left;cursor:pointer;color:var(--fg);font-size:.9rem}
.tier-row:hover{background:var(--brand-soft)}
.tri{width:36px;height:28px;color:var(--brand-deep)}
.tier .tot{font-size:.95rem}.tier .tot b{font-size:1.2rem}

/* ===== Flokkasíða ===== */
.adrow{min-height:180px}
.ctitle{font-size:clamp(2rem,4.5vw,2.8rem)}
.fpills{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fpill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 14px;font-size:1.05rem;cursor:pointer;color:var(--fg)}
.fpill:hover{border-color:var(--brand)}
.fpill.open{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
.fpill.act{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}
.fpill b{background:var(--brand);color:var(--brand-fg);border-radius:999px;padding:0 7px;font-size:.8rem}
.fpanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.fpanel label{display:flex;gap:8px;align-items:center;min-width:180px}
.fpanel label .n{color:var(--muted);font-size:.85rem;margin-left:auto}
.fpanel .btn{margin-left:auto}
.rounds.sm .round{width:140px}
.round[aria-pressed="true"] .rc{background:var(--brand-soft);color:var(--brand-deep);box-shadow:0 0 0 3px var(--brand)}
.lbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;scroll-margin-top:90px}
.lbar h2{font-size:1.7rem}
.lctrl{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sortl{display:flex;gap:8px;align-items:center}
.sortl span{color:var(--muted)}
.sortl select{border:0;background:transparent;font-size:1.05rem;padding:6px;cursor:pointer}
.iconbtn.dark{color:var(--fg)}
.iconbtn.dark:hover{background:var(--sunk)}
.vtog{display:flex;background:var(--sunk);border-radius:10px;padding:4px;gap:2px}
.vtog button{border:0;background:transparent;border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--fg)}
.vtog button.on{background:var(--surface);box-shadow:0 1px 3px rgb(0 0 0 / .15)}
.ggrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.gcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:8px;align-content:start;cursor:pointer}
.gcard:hover{border-color:var(--brand);box-shadow:0 4px 14px rgb(0 60 100 / .08)}
.gcard .img{background:var(--bg);border-radius:10px;aspect-ratio:1;display:grid;place-items:center;color:var(--brand-deep)}
.gcard .img svg{width:42%}
.gcard .nm{font-size:1.1rem;line-height:1.3}
.gcard .spec{color:var(--muted);font-size:.9rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gcard .pr{font-size:1.35rem;font-weight:800;margin-top:4px}
.gcard .st{font-size:.85rem;color:var(--muted)}
.gcmp{position:absolute;top:12px;right:12px;z-index:1;display:flex;gap:6px;align-items:center;font-size:.8rem;color:var(--muted);background:var(--surface);border-radius:8px;padding:3px 6px}
.gcmp span{display:none}
.gcard:hover .gcmp span{display:inline}
.pager{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.pager button{min-width:42px;height:42px;border:0;background:none;border-radius:10px;font-size:1.1rem;cursor:pointer;color:var(--fg)}
.pager button.on{background:var(--brand);color:var(--brand-fg)}
.pager button:hover:not(.on){background:var(--sunk)}
.toplist{display:grid;gap:20px;grid-template-columns:1fr;align-items:start}
@media (min-width:900px){.toplist{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}
.tl-main h2{font-size:1.6rem}
.tlk{color:var(--brand-deep)}
.tl-box{list-style:none;margin:0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:grid;gap:10px}
.tl-box button{display:grid;grid-template-columns:30px 44px minmax(0,1fr);gap:12px;align-items:center;width:100%;background:none;border:0;cursor:pointer;text-align:left;font-size:1.02rem;color:var(--fg);padding:4px;border-radius:8px}
.tl-box button:hover{background:var(--bg)}
.tln{width:30px;height:30px;background:var(--brand);color:var(--brand-fg);display:grid;place-items:center;font-weight:800;border-radius:4px}
.tli{width:44px;height:44px;color:var(--brand-deep)}
.tl-box small{display:block;color:var(--muted);font-size:.82rem}
.relhead{border-bottom:1px solid var(--line);padding-bottom:8px}
.relhead .more{margin-left:auto}
.rellinks{display:grid;gap:10px 24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.rellinks .linkbtn{text-align:left;font-size:1.02rem;color:var(--fg)}
.rellinks .linkbtn:hover{color:var(--brand-deep)}

/* ===== Deildarsíða ===== */
.adcard{position:relative;display:grid;gap:6px;align-content:center;text-decoration:none;background:var(--adbg);color:var(--adfg);border-radius:var(--r);padding:22px 20px 18px;min-height:150px;border:1px solid rgb(0 0 0 / .08)}
.adcard .adlabel{color:var(--adfg);opacity:.75}
.adcard .adhost{font-size:.8rem;font-weight:700;opacity:.85;letter-spacing:.02em}
.adcard b{font-size:1.35rem;line-height:1.2}
.adcard .adtext{opacity:.9;max-width:60ch}
.adcard .adcta{font-weight:800;margin-top:4px}
.adcard:hover .adcta{text-decoration:underline}
.adcard.tall{min-height:420px;align-content:end}
.adside{display:grid;gap:14px;position:sticky;top:110px}
.eas{position:relative;display:grid;gap:12px;align-content:start;text-decoration:none;border-radius:var(--r);padding:20px;background:#1F3864;color:#FFFFFF;overflow:hidden;border:1px solid rgb(0 0 0 / .08);isolation:isolate}
.eas::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 58%,rgb(255 255 255 / .05) 58% 66%,transparent 66% 72%,rgb(255 255 255 / .05) 72% 80%,transparent 80% 86%,rgb(255 255 255 / .04) 86% 94%,transparent 94%);-webkit-mask:linear-gradient(transparent 30%,#000 30%);mask:linear-gradient(transparent 30%,#000 30%)}
.eas .adlabel{color:#FFFFFF;opacity:.7}
.eas-logo{display:inline-flex;align-items:center;gap:8px;background:#FFFFFF;color:#1A5C8E;border-radius:6px;padding:6px 12px 6px 8px;font-weight:800;font-size:.78rem;letter-spacing:.06em;justify-self:start}
.eas-logo svg{width:22px;height:22px;flex:none}
.eas-h{font-weight:800;font-size:clamp(1.45rem,2.3vw,1.85rem);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.eas-t{opacity:.86;font-size:.92rem;max-width:46ch}
.eas-cta{justify-self:start;background:#C05621;color:#FFFFFF;border-radius:6px;padding:10px 16px;font-weight:700;white-space:nowrap}
.eas:hover .eas-cta{background:#A9481A}
.eas.tall{min-height:420px;align-content:space-between}
.eas-mid{display:grid;gap:6px;min-width:0}
.eas.tall .eas-mid{gap:10px}
@media (min-width:760px){.eas.wide{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:18px 24px}.eas.wide .adlabel{position:absolute;top:6px;right:12px}.eas.wide .eas-h{font-size:1.4rem}}
.mt-story .mt-h{font-size:clamp(2rem,3vw,2.6rem)}
.mt-say{display:block;background:#1B2230;color:#FFFFFF;border-radius:8px;padding:8px 14px;font-weight:900;font-size:clamp(1.8rem,2.8vw,2.4rem);line-height:1;letter-spacing:-.02em}
.mt-up{font-weight:700;text-align:center;font-size:.9rem}
.adslot{display:block}
.easimg{position:relative;display:block;border-radius:var(--r);overflow:hidden;line-height:0;background:#0B5A8E}
.easimg img{display:block;width:100%;height:auto}
.easimg .adlabel{position:absolute;top:6px;right:10px;line-height:1.2;color:#FFFFFF;opacity:.75;z-index:1}
.easimg.wide{max-width:1456px}
.easimg.tallimg img{aspect-ratio:1/2}
.pkimg .adlabel{color:#FFFFFF}
.easimg.wide img{aspect-ratio:728/90}
@media (max-width:759px){.easimg.wide img{aspect-ratio:32/10}}
.mt{position:relative;display:grid;gap:12px;align-content:start;text-decoration:none;border-radius:var(--r);padding:20px;font-family:Archivo,"Nunito Sans",system-ui,sans-serif;border:1px solid rgb(0 0 0 / .08);overflow:hidden}
.mt .adlabel{opacity:.7;color:inherit}
.mt-y{background:#FFD83D;color:#1B2230}.mt-w{background:#FFFFFF;color:#1B2230}.mt-d{background:#1B2230;color:#FFFFFF}
.mt-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem}
.mt-m{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-weight:900;font-size:1.15rem;color:#FFD83D}
.mt-y .mt-m{color:#FFD83D}.mt-w .mt-m,.mt-d .mt-m{color:#1B2230}
.mt-h{font-weight:900;font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:.98;letter-spacing:-.02em;text-wrap:balance}
.mt-h em{font-style:normal;color:#FFD83D}
.mt-t{font-weight:500;line-height:1.35}
.mt-cta{justify-self:start;background:#1B2230;color:#FFFFFF;border-radius:999px;padding:10px 18px;font-weight:700}
.mt-d .mt-cta{background:#FFD83D;color:#1B2230}
.mt:hover .mt-cta{text-decoration:underline}
.mt-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mt-foot small{font-weight:700}
.mt-box{display:grid;gap:8px;border:2px solid #1B2230;border-radius:12px;padding:12px;background:#FFFFFF;color:#1B2230;font-weight:700;font-size:.9rem}
.mt-box small{font-weight:500}
.mt-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mt-tag{background:#C8102E;color:#FFFFFF;border-radius:5px;padding:2px 8px;font-weight:900;letter-spacing:.06em;font-size:.78rem}
.mt-warn{background:#FFF4C2;border-radius:8px;padding:6px 10px;font-size:.84rem}
.mt-pk{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mt-pk>span{display:grid;gap:4px;background:#262E3D;border-radius:10px;padding:10px;font-weight:900;font-size:1.2rem}
.mt-pk small{font-weight:500;font-size:.74rem;color:#C4CBD6}
.mt-pk i{display:block;height:5px;border-radius:3px;background:#C4CBD6}
.mt-pk .on{background:#FFD83D;color:#1B2230}.mt-pk .on small{color:#1B2230}.mt-pk .on i{background:#1B2230}
.mt-ten{display:flex;align-items:flex-end;gap:10px;font-weight:900;font-size:1.25rem;line-height:1}
.mt-ten span{font-size:4.4rem;line-height:.8;letter-spacing:-.04em}
.mt.tall{min-height:420px;align-content:space-between}
.mt.wide{grid-template-columns:minmax(0,1fr);}
@media (min-width:760px){.mt.wide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:28px;align-items:center}.mt.wide .mt-logo,.mt.wide .mt-h,.mt.wide .mt-ten{grid-column:1}.mt.wide .mt-box,.mt.wide .mt-pk,.mt.wide .mt-t,.mt.wide .mt-foot,.mt.wide .mt-cta{grid-column:2}}

.usebox{display:grid;gap:10px}
.usebox h2{font-size:1.3rem}
.usetiles{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.usetile{display:grid;gap:4px;justify-items:start;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;cursor:pointer;color:var(--fg)}
.usetile .ui{width:40px;height:40px;color:var(--brand-deep)}
.usetile b{font-size:1rem;line-height:1.25}
.usetile small{color:var(--muted);font-size:.85rem;line-height:1.3}
.usetile .n{color:var(--muted);font-size:.8rem}
.usetile[aria-pressed="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand);background:var(--brand-soft)}
.usetile:disabled{opacity:.45;cursor:default}
.fpanel .hint{display:block;color:var(--muted);font-size:.85rem;margin:-2px 0 6px 26px}
.advlabel{font-size:.78rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:10px}
#adside{border:0;background:none;padding:0;min-height:0;display:grid;gap:14px;place-items:stretch;text-align:left}
.adwide{position:relative;border:1px dashed var(--line);background:var(--surface);border-radius:var(--r);min-height:150px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:var(--muted);padding:20px}
.adwide b{color:var(--fg);font-size:1.1rem}
.dhead{display:flex;align-items:center;gap:22px}
.dhead h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.dicon{width:68px;height:68px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;flex:none}
.dicon svg{width:36px;height:36px}
.rounds{display:flex;gap:18px;overflow-x:auto;padding-bottom:4px}
.round{flex:none;width:132px;display:grid;justify-items:center;gap:10px;background:none;border:0;cursor:pointer;text-align:center;font-size:1rem;color:var(--fg)}
.round .rc{width:120px;height:120px;border-radius:50%;background:var(--sunk);display:grid;place-items:center}
.round .rc svg{width:60px;height:60px}
.round:hover .rc{background:var(--brand-soft);color:var(--brand-deep)}
.round[disabled]{cursor:default;color:var(--muted)}
.round[disabled] .rc{opacity:.5}
.round small{display:block;font-size:.75rem;color:var(--muted)}
.subtiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.subtile{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;cursor:pointer;text-align:left;font-size:1.1rem;color:var(--fg)}
.subtile:hover{border-color:var(--brand)}
.subtile .si{width:40px;height:40px;flex:none}
.subtile .si svg{width:40px;height:40px}
.subtile small{color:var(--muted);font-size:.85rem}
.subtile[disabled]{cursor:default;color:var(--muted);background:var(--bg)}
.dcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:8px;grid-template-rows:auto auto auto auto 1fr;cursor:pointer}
.dcard:hover{border-color:var(--brand)}
.dcard .img{background:var(--bg);border-radius:10px;aspect-ratio:4/3;display:grid;place-items:center;color:var(--brand-deep)}
.dcard .img svg{width:40%}
.dcard .nm{font-size:1.05rem;line-height:1.3}
.dcard .pr{font-size:1.25rem;font-weight:800}
.dcard .st{font-size:.85rem;color:var(--muted)}
.catpill{align-self:end;margin-top:10px;border:0;background:var(--sunk);border-radius:10px;padding:12px;font-size:1rem;cursor:pointer;color:var(--fg)}
.catpill:hover{background:var(--brand-soft);color:var(--brand-deep)}
.qchips{display:flex;flex-wrap:wrap;gap:10px}
.qsearch{display:inline-flex;align-items:center;gap:10px;border:0;background:var(--sunk);border-radius:10px;padding:10px 16px;font-size:1rem;cursor:pointer;color:var(--fg)}
.qsearch:hover{background:var(--brand-soft)}
.crumbs button{text-decoration:none}

/* ===== Vörusíða ===== */
.ptop{display:grid;gap:18px;grid-template-columns:1fr;align-items:start}
@media (min-width:760px){.ptop{grid-template-columns:minmax(220px,380px) minmax(0,1fr);grid-template-areas:"media head" "acts head"}.ptop .pmedia{grid-area:media}.ptop .pacts{grid-area:acts}.ptop .phead2{grid-area:head}}
.pmedia{position:relative}
.pmedia .pimg{max-height:none;aspect-ratio:1;border-radius:16px}
.bchip{position:absolute;right:12px;bottom:12px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:700;font-size:.85rem}
.pacts{display:flex;gap:12px}

.circ{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;font-size:1.3rem;color:var(--fg)}
.circ:hover{border-color:var(--brand);color:var(--brand-deep)}
.circ.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}
.phead2{display:grid;gap:10px;align-content:start;padding-top:6px}
.phead2 h1{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}
.pmeta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.rank{background:var(--brand-deep);color:var(--brand-fg);border-radius:6px;padding:3px 10px;font-weight:700;font-size:.92rem}
.linkbtn{background:none;border:0;padding:0;color:var(--brand-deep);cursor:pointer;font:inherit;text-decoration:none}
.linkbtn:hover{text-decoration:underline}
.pfrom{font-size:1.05rem}.pfrom b{font-size:1.35rem}
.ptabs{position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px);z-index:15;background:var(--bg);display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line)}
.ptabs button{flex:none;background:none;border:0;border-bottom:4px solid transparent;padding:14px 18px;font-size:1.05rem;color:var(--muted);cursor:pointer}
.ptabs button.on{color:var(--fg);border-color:var(--brand)}
section[id^="t-"]{scroll-margin-top:140px;display:grid;gap:14px}
section[id^="t-"] h2{font-size:1.6rem}
.lead{margin:0;max-width:72ch}
.emptytxt{text-align:center;color:var(--muted);padding:24px 0;margin:0}
.fchips{display:flex;gap:10px;flex-wrap:wrap}
.fchip{border:1px solid var(--line);background:var(--sunk);border-radius:999px;padding:10px 18px;cursor:pointer;font-size:1rem;color:var(--fg)}
.fchip:first-child{background:var(--surface)}
.fchip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep);font-weight:700}
.olist{display:grid;gap:12px}
.orow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px 14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;position:relative;overflow:hidden}
@media (min-width:860px){.orow{grid-template-columns:28px 170px minmax(0,1fr) auto auto}}
.kebab{background:none;border:0;font-size:1.4rem;cursor:pointer;color:var(--fg);padding:0;line-height:1}
.ostore{display:grid;gap:4px}
.slogo{font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.otitle{display:grid;gap:2px;font-size:1rem;min-width:0;grid-column:2/-1}
@media (min-width:860px){.otitle{grid-column:auto}}
.oprice{display:grid;justify-items:end;gap:2px;text-align:right;grid-column:2}
@media (min-width:860px){.oprice{grid-column:auto}}
.camp{color:var(--bad);font-size:.9rem}
.pline{display:flex;align-items:center;gap:8px;font-size:1.25rem}
.pline b{font-weight:800}.pline b.red{color:var(--bad)}
.pline .was{font-size:.95rem}
.tr{width:30px;height:30px;border-radius:50%;background:var(--brand-soft);color:var(--brand-deep);display:grid;place-items:center}
.tr svg{width:16px;height:16px}
.stk{font-size:.9rem;display:flex;align-items:center;gap:6px}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;padding:0}
.dot.st-in{background:var(--good)}.dot.st-low,.dot.st-pre,.dot.st-display{background:var(--warn)}.dot.st-out{background:var(--bad)}.dot.st-unknown{background:var(--muted)}
.ogo{grid-column:3;grid-row:2}
@media (min-width:860px){.ogo{grid-column:auto;grid-row:auto}}
.oband{grid-column:1/-1;margin:6px -16px -16px;background:var(--cta);color:var(--cta-fg);text-align:center;font-weight:700;padding:8px 12px;font-size:.92rem}
.onote{text-align:center;margin:4px 0 0;color:var(--muted)}
.hctrl{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.selwrap{display:flex;align-items:center;gap:8px;font-weight:700}
.selwrap select{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:var(--surface);font-weight:400}
.chartbox{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}
.chartbox svg{width:100%;height:auto;display:block}
.hcards{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:760px){.hcards{grid-template-columns:1fr 1fr}}
.hcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:8px}
.hcard > span:first-child{font-size:1.1rem}
.hcard .big{font-size:1.9rem;font-weight:800}
.hrow{display:flex;justify-content:space-between;align-items:center}
.roundgo{width:38px;height:38px;border-radius:50%;background:var(--brand-deep);color:var(--brand-fg);display:grid;place-items:center;text-decoration:none;font-weight:800}
.trend-down{color:var(--good)}.trend-up{color:var(--bad)}
.revempty{display:grid;gap:20px;grid-template-columns:1fr;align-items:center}
@media (min-width:760px){.revempty{grid-template-columns:1fr 1fr}}
.revempty p{margin:6px 0 16px}
.btn.wide{width:100%;max-width:440px;padding:14px}
.stars{font-size:3.6rem;color:#F2C230;text-align:center;letter-spacing:4px;background:var(--brand-soft);border-radius:50%/40%;padding:30px 10px}
.itable{border-collapse:collapse;width:100%;max-width:760px}
.itable caption{text-align:left;color:var(--muted);padding:6px 0 10px}
.itable th,.itable td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.itable th{font-weight:600;width:42%}
.stickybar{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:12;margin-top:10px}
.sb-in{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 -2px 18px rgb(0 40 70 / .12);display:flex;align-items:center;gap:14px;padding:12px 16px}
.sb-thumb{width:48px;height:48px;flex:none;color:var(--brand-deep)}
.sb-txt{display:grid;flex:1;min-width:0}
.sb-txt span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
footer{background:var(--bg);border-top:1px solid var(--line)}
.foot{max-width:1500px;margin:0 auto;padding-inline:16px;padding-block:28px 90px;display:grid;gap:22px;grid-template-columns:1fr}
.fcols{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.fcols h3{font-size:1.2rem;margin-bottom:8px}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--fg)}
.foot > .panel{max-width:560px}
.foot p{margin:0;color:var(--muted);font-size:.9rem}
.empty{color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:20px;text-align:center}
@media (max-width:700px){
  .top-in{gap:8px 10px;padding:8px 12px}
  .search{order:3;flex-basis:100%}
  .login{margin-left:auto;padding:8px 12px}
  .ctiles{grid-template-columns:1fr 1fr;gap:10px}
  .ctile{padding:12px;gap:10px;font-size:.95rem}
  .ctile .ci{width:36px;height:36px}
  .hero .deco{width:30%;opacity:.25}
  .ggrid{grid-template-columns:1fr 1fr;gap:10px}
  .gcard{padding:12px;gap:6px}
  .gcard .img{aspect-ratio:4/3}
  .gcard .nm{font-size:.95rem;overflow-wrap:anywhere}
  .gcard .spec{font-size:.8rem}
  .gcard .pr{font-size:1.1rem}
  .gcard .st{font-size:.8rem}
  .usetile{padding:12px}
}
/* ===== Myndareglur: ein regla fyrir alla vörumyndareiti =====
   1) Vörumynd er alltaf heil (object-fit: contain), aldrei skorin eða teygð.
   2) Myndir framleiðenda eru á hvítum grunni, svo reitur með mynd er hvítur í ljósu og dökku þema.
   3) Reitur ræður hlutföllum: aðalmynd 4:3 (mest 460 px breið), spjöld 4:3, smámyndir fastar stærðir.
   4) Mynd er aldrei stækkuð umfram upprunalega upplausn (480 px), svo hún verður ekki óskýr.
   5) Tákn kemur í stað myndar þegar mynd vantar og fyllir 40% reitsins. */
.pphoto{width:100%;height:100%;max-width:480px;max-height:360px;object-fit:contain;display:block;margin:auto;background:#fff;padding:6%;box-sizing:border-box;border-radius:inherit}
:is(.thumb,.pimg,.img,.aimg,.tli,.sb-thumb,.bo-img,.up-img,.cmpimg):has(> .pphoto){background:#fff;overflow:hidden;display:grid;place-items:center}
:is(.pcard,.gcard,.dcard) .img{aspect-ratio:4/3}
.pmedia .pimg{aspect-ratio:4/3;width:100%;max-width:460px;max-height:none;margin-inline:auto}
.pmedia .pimg .pphoto{padding:4%}
.pphoto.psp{display:block;background-size:1000% 1000%;background-repeat:no-repeat;background-origin:content-box;background-clip:content-box;aspect-ratio:1/1;width:auto;height:100%;max-width:100%;max-height:100%;margin:auto;background-color:#fff}
:is(.thumb,.pimg,.img,.aimg,.tli,.sb-thumb,.bo-img,.up-img,.cmpimg):has(> .psp){background:#fff;overflow:hidden;display:grid;place-items:center}
.imgsrc{display:block;font-size:.72rem;color:var(--muted);margin-top:6px}
.tli,.sb-thumb,.bo-img,.up-img,.cmpimg{flex:none;display:grid;place-items:center;border-radius:8px;overflow:hidden}
.tli{width:60px;height:45px}.sb-thumb{width:60px;height:45px}.bo-img{width:52px;height:39px}.up-img{width:84px;height:63px}.cmpimg{width:84px;height:63px}
:is(.tli,.sb-thumb,.bo-img,.up-img,.cmpimg) .pphoto{padding:3px}
:is(.tli,.sb-thumb,.bo-img,.up-img,.cmpimg) svg{width:70%;height:70%}
.ctile .soonl{display:block;font-size:.75rem;font-weight:600;color:var(--muted)}
.stickybar{transition:opacity .2s,transform .2s}
body:not(.past-hero) .stickybar{opacity:0;pointer-events:none;transform:translateY(12px)}
@media (max-width:700px){ .pmedia .pimg{max-width:none} }
.dyspot{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.dyspot>*{min-width:0}
.dyspot .dyhead{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px}
.dyspot .dyhead h2{margin:2px 0 4px;text-wrap:balance}
.dyspot .dyhead p{margin:0;color:var(--muted);max-width:62ch}
.dyspot .dyfacts{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px}
@media (max-width:700px){.dyspot .dyfacts{grid-template-columns:1fr 1fr}.dyspot .dyfact.wide{grid-column:span 2}}
.dyspot .dyfact{background:var(--sunk);border-radius:12px;padding:10px 12px;min-width:0}
.dyspot .dyfact b{display:block;font-size:1.25rem;font-variant-numeric:tabular-nums}
.dyspot .dyfact span{color:var(--muted);font-size:.86rem}
.dyspot .dyfact button{all:unset;cursor:pointer;color:var(--brand-deep);font-weight:700;font-size:.9rem;text-decoration:underline;text-underline-offset:2px}
.dyspot .dystores{display:flex;flex-wrap:wrap;gap:6px}
.dyspot .dystores span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.85rem;white-space:nowrap}
.dyspot .dystores span em{font-style:normal;color:var(--muted);margin-left:4px;font-variant-numeric:tabular-nums}
.dyspot .dyctas{display:flex;flex-wrap:wrap;gap:8px}
.brandstrip{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:visible}
.bslabel{position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:.72rem;color:var(--muted);white-space:nowrap}
.bshero{display:grid;align-content:center;gap:6px;text-align:left;background:var(--bsbg);color:var(--bsfg);border:0;border-radius:var(--r) 0 0 var(--r);padding:20px;cursor:pointer;min-height:240px}
.bshero .bsh-brand{letter-spacing:.25em;font-weight:800;font-size:.85rem;opacity:.85}
.bshero b{font-size:1.5rem;line-height:1.15}
.bshero .bsh-cta{display:inline-block;margin-top:6px;background:#fff;color:#0B1E3F;border-radius:999px;padding:6px 12px;font-weight:800;font-size:.85rem;justify-self:start}
.brandstrip .carousel{min-width:0}
.bsrow{gap:0;grid-auto-columns:minmax(190px,1fr);padding:0}
.bscard{display:grid;gap:4px;align-content:start;text-align:left;background:var(--surface);border:0;border-left:1px solid var(--line);padding:12px 14px;cursor:pointer;color:var(--fg)}
.bscard .bsbrand{letter-spacing:.2em;font-weight:800;font-size:.75rem;text-align:center}
.bscard .bsimg{aspect-ratio:4/3;display:grid;place-items:center;border-radius:8px;overflow:hidden;color:var(--brand-deep)}
.bscard .bsimg svg{width:40%}
.bscard .bsnm{font-size:.82rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bscard .bspr{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.bscard .bspr b{color:var(--bad);font-size:1rem}.bscard .bspr s{color:var(--muted);font-size:.78rem}
.bscard .bsst{font-size:.78rem;color:var(--muted)}
.bsnote{grid-column:1/-1;margin:0;padding:8px 14px;font-size:.78rem;color:var(--muted);border-top:1px solid var(--line)}
.brandstrip .cbtn.prev{left:6px}.brandstrip .cbtn.next{right:6px}
@media (max-width:700px){.brandstrip{grid-template-columns:1fr}.bshero{min-height:0;border-radius:var(--r) var(--r) 0 0;padding:16px}.bslabel{position:static;transform:none;writing-mode:horizontal-tb;padding:6px 12px 0;grid-row:1}.bsrow{grid-auto-columns:minmax(150px,46%)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.cpick{display:grid;gap:10px;margin:4px 0 14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.cpick-in{display:grid;gap:6px;max-width:520px}
.cpick-in input{width:100%}
.cpick-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cpick-row>.src{min-width:100%}
.csugg .chip,.cpick .chip{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:7px 14px;font:inherit;font-size:.92rem;cursor:pointer;max-width:100%;text-align:left}
.csugg .chip:hover,.cpick .chip:hover{border-color:var(--fg)}
.cpick .chip .src{margin-left:4px;font-variant-numeric:tabular-nums}
.vlink{font-weight:700;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.vlink:hover{color:var(--accent,inherit);text-decoration-thickness:2px}
.cmphd .cgo{display:block;margin-top:4px;font-size:.85rem;font-weight:700;color:var(--muted)}
.cmphd:hover .cname{text-decoration:underline}
.press{display:grid;gap:8px;margin:0 0 22px}
.press h3{margin:0;font-size:1.1rem}
.presslist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.presslist li{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;gap:4px;justify-items:start}
.presslist a{color:var(--fg);text-decoration:none;font-size:1.05rem}
.presslist a:hover b{text-decoration:underline}
.pnote{font-size:.9rem;color:var(--muted)}

/* ===== Frá framleiðanda (Open Icecat) ===== */
.icx{margin-top:24px;display:grid;gap:16px;max-width:760px}
.icx h3{font-size:1.1rem}
.icgal{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.icmain{aspect-ratio:1;max-width:420px;width:100%;border-radius:var(--r);background-color:#fff;background-repeat:no-repeat;border:1px solid var(--line)}
.icthumbs{display:flex;gap:8px;flex-wrap:wrap}
.icthumbs button{width:64px;height:64px;padding:0;border-radius:8px;border:2px solid var(--line);background-color:#fff;background-repeat:no-repeat;cursor:pointer}
.icthumbs button[aria-pressed="true"]{border-color:var(--cta)}
.icsum{color:var(--fg);margin:0}
.icx details{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:0 14px}
.icx summary{cursor:pointer;padding:12px 0;font-weight:700}
.icx details table{width:100%;border-collapse:collapse;margin:0 0 12px}
.icx details th,.icx details td{text-align:left;vertical-align:top;padding:7px 6px;border-top:1px solid var(--line);font-size:.95rem}
.icx details th{font-weight:600;color:var(--muted);width:46%}
.icx .icdesc{margin:0 0 12px;line-height:1.6}
.icnote{font-size:.85rem;color:var(--muted)}
@media (min-width:820px){.icgal{grid-template-columns:420px minmax(0,1fr);align-items:start}}
/* ===== VS-CSS ===== */
.subcats{display:grid;gap:14px;margin:4px 0 18px}
.subrow{display:grid;gap:8px;min-width:0}
.subrow .eyebrow{margin:0}
.subtiles{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}
.subtile{flex:0 0 auto;scroll-snap-align:start;display:grid;gap:2px;justify-items:start;text-align:left;min-width:128px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;cursor:pointer;color:var(--fg);font:inherit}
.subtile b{font-size:1rem}
.subtile small{color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}
.subtile[aria-pressed="true"]{border-color:var(--cta);box-shadow:inset 0 0 0 1px var(--cta);background:var(--brand-soft)}
.subtile:hover{border-color:var(--brand-deep)}
.vsbtn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--brand);background:var(--surface);color:var(--brand);border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}
.vsbtn:hover{background:var(--brand-soft)}
.vshead{display:grid;gap:10px;max-width:820px}
.vshead p{margin:0;color:var(--muted)}
.vspick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:14px 0;align-items:end}
.vsadd{border:1px dashed var(--brand-deep);background:var(--surface);color:var(--brand-deep);border-radius:10px;padding:10px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.vspick label{display:grid;gap:4px;font-weight:700;font-size:.9rem;min-width:0}
.vspick select{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);font:inherit}
.vsopts{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 0 14px}
.vsopts label{display:inline-flex;gap:6px;align-items:center}
.vsopts select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit}
.vssum{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0 0 16px}
.vssum div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:4px;min-width:0;align-content:start}
.vssum b{font-size:1.05rem}
.vssum span{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}
.vswrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.vstab{width:100%;border-collapse:collapse;min-width:640px;font-variant-numeric:tabular-nums}
.vstab th,.vstab td{padding:10px 12px;border-top:1px solid var(--line);text-align:right;vertical-align:top}
.vstab thead th{border-top:0;background:var(--sunk);font-size:.9rem;position:sticky;top:0}
.vstab th:first-child,.vstab td:first-child{text-align:left}
.vstab td:first-child{min-width:220px}
.vstab .vp{display:flex;gap:10px;align-items:center;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.vstab .vp .thumb{width:48px;height:48px;flex:0 0 48px}
.vstab .vp small{display:block;color:var(--muted)}
.vstab td.lo{background:var(--good-soft)}
.vstab td.lo b{color:var(--good)}
.vstab td small{display:block;color:var(--muted);font-size:.78rem}
.vstab td small a{color:inherit}
.vstab .none{color:var(--muted)}
.vstab .diff{font-weight:700}
.vsnote{font-size:.85rem;color:var(--muted);margin:12px 0 0}
.vsall,.vssim{margin-top:28px}
.vsth{background:none;border:0;padding:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;white-space:nowrap}
.vsth:hover{color:var(--brand-deep);text-decoration:underline}
.vsat td,.vsat th{white-space:nowrap}
.vsat td:first-child{white-space:normal}
.vstab td.tx{text-align:left}
.vsat td:first-child,.vsat th:first-child{position:sticky;left:0;z-index:1;background:var(--surface)}
.vsat thead th:first-child{background:var(--sunk);z-index:2}
@media (max-width:640px){.vstab td:first-child{min-width:170px}.vstab .vp .thumb{display:none}}
.vstab td small .linkbtn{font-size:.82rem;text-align:right}
@media (max-width:640px){.vspick,.vssum{grid-template-columns:minmax(0,1fr)}}
/* ===== VS-CSS-ENDIR ===== */
/* ===== MUN-CSS ===== */
.munhero{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--bad);border-radius:var(--r);padding:16px 18px;cursor:pointer;text-align:left;color:var(--fg);font:inherit;width:100%}
.munhero:hover{border-color:var(--brand-deep)}
.munhero .thumb{width:150px;height:120px}
.munhero .mtxt{display:grid;gap:6px;min-width:0}
.munhero .mtxt b{font-size:1.1rem}
.munhero .mrow{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-variant-numeric:tabular-nums}
.munhero .mrow .lo{color:var(--good);font-weight:700}
.munhero .mrow .hi{color:var(--bad);font-weight:700}
.munbig{display:grid;justify-items:end;gap:2px;text-align:right}
.munbig strong{font-size:1.9rem;line-height:1;color:var(--bad);font-variant-numeric:tabular-nums}
.munbig small{color:var(--muted)}
.munbig .linkbtn{margin-top:6px}
.munctl{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:12px 0 16px}
.munctl select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit}
.munlist{display:grid;gap:12px;counter-reset:mun}
.munitem{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;grid-template-columns:auto 72px minmax(0,1fr) auto;gap:14px;align-items:start}
.munitem .n{font-weight:800;font-size:1.2rem;color:var(--muted);min-width:1.6em;font-variant-numeric:tabular-nums}
.munitem .thumb{width:72px;height:72px}
.munitem .nm{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--fg);text-align:left;cursor:pointer}
.munitem .nm:hover{text-decoration:underline}
.munitem .cat{color:var(--muted);font-size:.85rem}
.munoffers{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;font-variant-numeric:tabular-nums}
.munoffers li{display:flex;gap:10px;justify-content:space-between;border-top:1px dashed var(--line);padding-top:4px;font-size:.93rem}
.munoffers li:first-child{border-top:0}
.munoffers .lo b{color:var(--good)}
.munoffers .hi b{color:var(--bad)}
.munoffers small{color:var(--muted)}
.munoffers a{color:inherit}
.munitem .dif{display:grid;justify-items:end;gap:2px;text-align:right;font-variant-numeric:tabular-nums}
.munitem .dif strong{font-size:1.25rem;color:var(--bad)}
.munitem .dif small{color:var(--muted)}
@media (max-width:640px){
  .munhero{grid-template-columns:96px minmax(0,1fr)}.munhero .thumb{width:96px;height:84px}.munbig{grid-column:1/-1;justify-items:start;text-align:left}
  .munitem{grid-template-columns:auto 56px minmax(0,1fr)}.munitem .thumb{width:56px;height:56px}.munitem .dif{grid-column:2/-1;justify-items:start;text-align:left}
}
/* ===== MUN-CSS-ENDIR ===== */
/* ===== WISH-CSS ===== */
.wsum{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:12px 0 18px}
.wsum div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:2px}
.wsum b{font-size:1.3rem;font-variant-numeric:tabular-nums}
.wsum small{color:var(--muted)}
.wsum .good b{color:var(--good)}
.wlist{display:grid;gap:10px}
.witem{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center}
.witem .thumb{width:64px;height:64px}
.witem .nm{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--fg);text-align:left;cursor:pointer}
.witem .meta{color:var(--muted);font-size:.88rem;font-variant-numeric:tabular-nums}
.witem .pr{display:grid;justify-items:end;gap:4px;text-align:right;font-variant-numeric:tabular-nums}
.witem .pr b{font-size:1.15rem}
.witem .chg{font-size:.88rem;font-weight:700}
.witem .chg.down{color:var(--good)}.witem .chg.up{color:var(--bad)}.witem .chg.same{color:var(--muted)}
.witem .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.wbell{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:5px 10px;font:inherit;font-size:.85rem;cursor:pointer}
.wbell[aria-pressed="true"]{border-color:var(--good);background:var(--good-soft);color:var(--good);font-weight:700}
.wmail{margin-top:26px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.wmail .panel{display:grid;gap:10px;align-content:start}
.wmail form{display:flex;gap:8px;flex-wrap:wrap}
.wmail input[type=email]{flex:1 1 200px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);font:inherit}
.wprev{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:16px;font-size:.93rem;display:grid;gap:8px}
.wprev .hd{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem;border-bottom:1px solid var(--line);padding-bottom:6px}
.wprev ul{margin:0;padding-left:18px;display:grid;gap:4px;font-variant-numeric:tabular-nums}
.wtag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--good-soft);color:var(--good);font-size:.75rem;font-weight:700;vertical-align:middle}
@media (max-width:720px){.wmail{grid-template-columns:minmax(0,1fr)}.witem{grid-template-columns:56px minmax(0,1fr)}.witem .thumb{width:56px;height:56px}.witem .pr{grid-column:1/-1;justify-items:start;text-align:left}.witem .acts{justify-content:flex-start}}
/* ===== WISH-CSS-ENDIR ===== */
/* ===== IMGAD-CSS ===== */
.iad img{display:block;width:100%;height:auto}
.iad picture{display:block}
@media (max-width:759px){.iad-wide{max-width:420px}}
.adrot{display:grid;position:relative}
.adrot>.adri{grid-area:1/1;align-self:start;opacity:0;transition:opacity .5s ease;pointer-events:none}
.adrot>.adri.on{opacity:1;pointer-events:auto}
.adots{grid-area:2/1;display:flex;gap:6px;justify-content:center;padding-top:8px}
.adot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}
.adot.on{background:var(--muted)}
@media (prefers-reduced-motion: reduce){.adrot>.adri{transition:none}}
.iad-wide{max-width:1100px;margin-inline:auto}
.iad-rect{max-width:420px}
.vvstrip{max-width:640px;margin:14px auto 0;line-height:0;background:none!important;overflow:visible}
.vvstrip{text-decoration:none}.vvstrip .adlabel{position:static;display:block;text-align:right;line-height:1.6;color:var(--muted)!important;opacity:1}
.vvstrip img{border-radius:8px}
/* ===== IMGAD-CSS-ENDIR ===== */
/* ===== GATT-CSS ===== */
.gatehead{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin:4px 0 6px}
.gatebadge{display:inline-flex;gap:6px;align-items:center;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.gatelock{max-width:620px;margin:8px auto 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:12px}
.gatelock select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit;width:100%}
.gatelock ul{margin:0;padding-left:20px;display:grid;gap:4px}
.gatenote{border-left:4px solid var(--brand-deep);background:var(--sunk);padding:10px 14px;border-radius:8px;font-size:.92rem;margin:0 0 16px}
.gsec{margin:22px 0 0;display:grid;gap:10px}
.gsec h2{margin:0}
.gsec .vstab td.bad b{color:var(--bad)}
.gctl{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.gctl select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit}
.gempty{color:var(--muted);margin:0}
/* ===== GATT-CSS-ENDIR ===== */

.giftbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);font-weight:700;padding:9px 12px;cursor:pointer;white-space:nowrap}
.giftbtn:hover{border-color:var(--brand)}
@media (max-width:640px){.giftbtn span{display:none}.giftbtn{padding:8px}}
@media (max-width:520px){.giftbtn{display:none}}
.gifthero{display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;background:linear-gradient(135deg,var(--warn-soft),var(--surface));border:1px solid var(--line);border-radius:20px;padding:22px}
.gifthero .gh-ic{width:64px;height:64px;border-radius:16px;background:var(--accent);color:#fff;display:grid;place-items:center}
.gifthero .gh-ic svg{width:36px;height:36px}
.gifthero h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:2px 0 6px}
.gifthero p{margin:0;max-width:56ch}
.gifthero .btn{grid-column:1/-1;justify-self:start;padding:12px 26px;font-size:1.05rem;width:auto;margin-left:0}
@media (min-width:760px){.gifthero{grid-template-columns:auto minmax(0,1fr) auto}.gifthero .btn{grid-column:auto}}
.gwrap{max-width:720px;margin:0 auto;display:grid;gap:12px}
.gprog{height:6px;background:var(--sunk);border-radius:99px;overflow:hidden}
.gprog span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .2s}
.gq{font-size:clamp(1.5rem,4.5vw,2.1rem);margin:0;text-wrap:balance}
.gsub{margin:4px 0 0;color:var(--muted)}
.gopts{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.gopt{min-height:56px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:14px;padding:12px 14px;font-size:1.05rem;font-weight:700;cursor:pointer;text-align:left}
.gopt:hover{border-color:var(--brand)}
.gopt.on{border:2px solid var(--brand);background:var(--brand-soft);color:var(--brand-deep)}
.grange{display:flex;gap:12px;flex-wrap:wrap}
.grange label{display:grid;gap:4px;font-weight:700;flex:1 1 140px}
.grange input,.gfree textarea,.gsort select{border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;background:var(--surface);color:var(--fg);width:100%;min-width:0}
.gfree{display:grid;gap:8px;margin-top:10px}
.gfree label{font-weight:700}
.gfree .btn,.gnav .btn{width:auto;margin-left:0}
.gnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;position:sticky;bottom:0;background:var(--bg);padding:10px 0}
.gnav .btn{flex:1 1 140px;padding:14px 18px}
.gres{display:grid;gap:14px}
.gres>*,.gbar>*,.gwrap>*{min-width:0}
.ghead h1,.gq{overflow-wrap:anywhere}
.ghead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.ghead h1{margin:0;font-size:clamp(1.5rem,4vw,2.1rem)}
.gchips{display:flex;gap:8px;flex-wrap:wrap}
.gchip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:.95rem;max-width:100%}
.gchip span{color:var(--muted)}
.gchip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.gchip i{font-style:normal;color:var(--brand-deep)}
.gbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.gbud{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:4px}
.gbud .fchip{flex:none;padding:8px 14px;font-size:.92rem}
.gsort{display:flex;gap:8px;align-items:center;font-weight:700;white-space:nowrap}
.gsort select{width:auto;padding:8px 10px}
.ggrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.gcardg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.gcardg .gimg{border:0;background:var(--bg);aspect-ratio:4/3;display:grid;place-items:center;cursor:pointer;padding:10px;width:100%}
.gcardg .gbody{padding:14px;display:grid;gap:6px;align-content:start}
.gcardg h3{margin:0;font-size:1.02rem;line-height:1.3}
.gcardg h3 .linkbtn{text-align:left;font-weight:700;color:var(--fg)}
.gwhy{margin:0;color:var(--muted);font-size:.93rem}
.gprice{display:grid;gap:2px;margin-top:4px}
.gprice .price{font-weight:800;font-size:1.2rem;font-variant-numeric:tabular-nums}
.gcardg .btn{width:100%;margin:6px 0 0}
.gempty .gopts{margin-top:10px}
@media (max-width:640px){.ggrid:has(.gcardg){grid-template-columns:minmax(0,1fr)}.gcardg{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto}.gcardg .gimg{aspect-ratio:1/1;height:auto;align-self:start;overflow:hidden;margin:12px 0 0 12px;border-radius:10px;width:98px}.gcardg .gimg .psp{width:100%;height:auto}}

.wadd{border:1px solid var(--line);background:var(--surface);color:var(--brand-deep);border-radius:999px;padding:7px 12px;font-weight:700;font-size:.86rem;cursor:pointer;margin-top:6px;width:100%}
.wadd.on{background:var(--brand-soft);border-color:var(--brand)}
.wishhero{display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;background:linear-gradient(135deg,var(--brand-soft),var(--surface));border:1px solid var(--line);border-radius:20px;padding:22px}
.wishhero .gh-ic{width:64px;height:64px;border-radius:16px;background:var(--brand);color:#fff;display:grid;place-items:center}
.wishhero h2{font-size:clamp(1.4rem,3vw,2rem);margin:2px 0 6px;text-wrap:balance}
.wishhero p{margin:0;max-width:60ch}
.wishhero .btn{grid-column:1/-1;justify-self:start;padding:12px 26px;font-size:1.05rem;width:auto;margin-left:0}
@media (min-width:760px){.wishhero{grid-template-columns:auto minmax(0,1fr) auto}.wishhero .btn{grid-column:auto}}
.wnote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin:12px 0}
.wlist2{display:grid;gap:12px}
.witem2{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;position:relative}
.witem2 .thumb{border:0;background:var(--bg);border-radius:10px;aspect-ratio:1/1;display:grid;place-items:center;cursor:pointer;padding:6px;width:96px}
.witem2 .wmain{display:grid;gap:8px;min-width:0}
.witem2 .nm{border:0;background:none;padding:0;text-align:left;font-weight:800;font-size:1.05rem;color:var(--fg);cursor:pointer;padding-right:80px}
.wprices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wprices>div{display:grid;gap:2px;background:var(--bg);border-radius:10px;padding:8px 10px;min-width:0}
.wprices small{color:var(--muted);font-size:.78rem}
.wprices b{font-variant-numeric:tabular-nums}
.chg.down{color:var(--good)}.chg.up{color:var(--bad)}
.whist{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wspark{width:120px;height:28px;color:var(--brand-deep);flex:none}
.src.good,.good .src{color:var(--good)}
.wstores summary,.wwatch summary{cursor:pointer;font-weight:700;color:var(--brand-deep)}
.wstores ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.wstores li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;font-size:.92rem}
.wwgrid{display:grid;gap:8px;margin-top:8px}
.wck{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.wck input{margin-top:3px}
.wfld{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wfld input,.wfld select{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font:inherit;background:var(--surface);color:var(--fg);width:120px}
.wfld select{width:auto}
.wrm{position:absolute;top:12px;right:12px;border:0;background:none;color:var(--muted);cursor:pointer;text-decoration:underline;font-size:.88rem}
.wset{display:grid;gap:14px;margin-top:20px}
@media (min-width:900px){.wset{grid-template-columns:1fr 1fr}.wset .wprev{grid-column:1/-1}}
.wset .panel{display:grid;gap:10px;align-content:start}
.wset h2{margin:0}
.wdays{display:grid;gap:8px}
.wdays .wck span{display:grid}
.wstat{background:var(--warn-soft);color:var(--fg);border-radius:10px;padding:10px 12px}
.wmode{border:0;padding:0;margin:0;display:grid;gap:8px}
.wmode legend{font-weight:800;margin-bottom:6px}
.wform{display:flex;gap:8px;flex-wrap:wrap}
.wform input{flex:1 1 200px;border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit;background:var(--surface);color:var(--fg);min-width:0}
.wform .btn{width:auto;margin-left:0}
.wform :disabled{opacity:.55;cursor:not-allowed}
@media (max-width:640px){.wsum{grid-template-columns:1fr 1fr!important}}
@media (max-width:640px){.witem2{grid-template-columns:72px minmax(0,1fr)}.witem2 .thumb{width:72px}.wprices{grid-template-columns:1fr 1fr}.wprices>div:last-child{grid-column:1/-1}.wstores li{grid-template-columns:minmax(0,1fr) auto}.wstores li .src{grid-column:1}}
.gloc{display:grid;gap:6px;margin:10px 0}.gloc .glab{font-weight:700;font-size:.92rem}.gpnr{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.gpnr input{width:5.5em;padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg)}
.bsearch,.bletters{grid-column:1/-1;flex:1 1 100%;width:100%}.bsearch input{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg);margin-bottom:8px}.bletters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.bletters .bl{min-width:28px;text-align:center;padding:3px 6px;border-radius:6px;background:var(--sunk);color:var(--fg);text-decoration:none;font-weight:700;font-size:.85rem}.bgrp{grid-column:1/-1;flex:1 1 100%;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 18px;align-items:center}.bhead{grid-column:1/-1;font-weight:800;margin-top:10px;border-bottom:1px solid var(--line);padding-bottom:2px;display:flex;justify-content:space-between}.bmore{display:contents}.bmore[hidden]{display:none!important}.bopen{grid-column:1/-1;justify-self:start}
.bband{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 14px;border:1px solid var(--line,#dde);border-radius:12px;font-variant-numeric:tabular-nums}.bband b{margin-left:4px}
.umf h1{margin:8px 0 4px}.umf .lead{margin:0 0 16px;max-width:65ch}
.umfform{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;margin-bottom:16px}.umfform label{display:flex;flex-direction:column;gap:4px;font-size:.9em;min-width:0}.umfform select{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card,var(--bg));color:inherit;font:inherit;max-width:100%}
.umfform label.chk{flex-direction:row;align-items:center;gap:8px}.umfsum{margin:0 0 10px}.umft td{vertical-align:top}.umft th,.umft td{text-align:left}.umft .num{text-align:right;white-space:nowrap}.umft summary{cursor:pointer;white-space:normal;overflow-wrap:anywhere}@media (max-width:640px){.umft thead{display:none}.umft,.umft tbody,.umft tr,.umft td{display:block;width:auto}.umft tr{border-bottom:1px solid var(--line);padding:10px 0}.umft td{padding:2px 12px;border:0}.umft .num{text-align:left}}.umft tr.win td{background:color-mix(in srgb,var(--good) 10%,transparent)}.umfinfo{margin-top:20px;max-width:70ch}.umfinfo p{margin:0 0 8px}
.catjump{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 14px}.catjump .chip{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card,var(--bg));color:inherit;font:inherit;cursor:pointer}.catjump .chip b{margin-left:4px}
.achips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 4px}.achip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-soft);color:var(--fg);border:1px solid var(--brand);border-radius:999px;padding:6px 12px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.achip span{font-size:1.1rem;line-height:1}
.covnote{margin:6px 0 0;font-size:.82rem;color:var(--muted)}.fpfoot{display:flex;align-items:center;gap:14px;width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.usefold{border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;background:var(--surface)}.usefold>summary{cursor:pointer;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.usefold[open]>summary{margin-bottom:10px}
.gcmp span{display:inline!important}
@media (max-width:640px){.lbar{gap:8px}.lbar h2{font-size:1.25rem}.sortl>span{display:none}.lbar .vtog{display:none}.lbar .vsbtn{padding:6px 12px;font-size:.85rem}
.gcard>*{order:3}.gcard .img{order:1}.gcard .badge{position:static;order:2;justify-self:start;width:max-content}.gcard .gcmp{position:static;order:0;justify-self:end;margin:-8px -8px 0;width:max-content}}
@media (max-width:640px){.ggrid:not(:has(.gcardg)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media (max-width:760px){.subtile{min-width:0;padding:8px 12px}.subtile small{font-size:.75rem}
.fpills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;position:sticky;top:var(--toph,128px);z-index:15;background:var(--bg);margin:0 -16px;padding:8px 16px}
.fpills::-webkit-scrollbar{display:none}.fpills>*{flex:0 0 auto}
.fpanel{position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:40;max-height:65vh;overflow:auto;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.18);padding:16px 16px 12px}
.fpfoot{position:sticky;bottom:-12px;background:var(--surface);padding-bottom:4px}}
#sugg{position:fixed;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:6px;display:grid;max-height:70vh;overflow:auto}
#sugg[hidden]{display:none}.sg{display:flex;gap:10px;align-items:baseline;justify-content:space-between;text-align:left;background:none;border:0;border-radius:8px;padding:9px 10px;font:inherit;color:var(--fg);cursor:pointer;min-width:0}
.sg:hover,.sg.on{background:var(--brand-soft)}.sgn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sgp{flex:none;font-weight:700;font-variant-numeric:tabular-nums}.sgk{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:none;order:2}.sg b{order:1;margin-right:auto}.sgall{color:var(--brand-deep);font-weight:600}
.hstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 8px;max-width:760px}
.hstat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.hstat b{font-size:clamp(1.25rem,3.4vw,1.75rem);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--fg,inherit)}
.hstat span{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.hupd{display:flex;align-items:baseline;gap:8px;max-width:760px;font-size:.9rem;color:var(--muted);margin:0 0 12px!important}
.hupd .up{color:var(--good);font-weight:700}
.hupd .live{flex:none;transform:translateY(-1px);width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 color-mix(in srgb,var(--good) 50%,transparent);animation:hlive 2.4s infinite}
@keyframes hlive{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--good) 50%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion: reduce){.hupd .live{animation:none}}
@media (max-width:560px){.hstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hintro{padding:8px 0 4px}.hintro h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 6px;text-wrap:balance}.hintro p{margin:0 0 12px;color:var(--muted);max-width:60ch}
@media (max-width:640px){.mhide{display:none}}
@media (max-width:640px){main .row4{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,62%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}main .row4>*{scroll-snap-align:start}
.dyspot,.articles{display:none}}
.hdrops{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--brand-deep);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.guide .grow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:16px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.guide .gtxt p{margin:2px 0 4px;color:var(--muted);max-width:60ch}.pick{display:grid;gap:3px;text-align:left;background:var(--brand-soft);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;color:var(--fg);cursor:pointer;min-width:0}.pick:hover{border-color:var(--brand)}.pick b{font-size:.95rem}.pkp{font-weight:700;font-variant-numeric:tabular-nums;font-size:.9rem}.pkw{font-size:.8rem;color:var(--muted)}.guide .gnote{margin:12px 0 6px;max-width:65ch}
@media (max-width:640px){.guide .grow{grid-template-columns:minmax(0,1fr)}}
.loadv{display:grid;place-items:center;gap:14px;padding:80px 16px;color:var(--muted)}.spin{width:36px;height:36px;border:4px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spn .8s linear infinite}@keyframes spn{to{transform:rotate(360deg)}}
.suspect{margin:8px 0;padding:10px 12px;border-radius:10px;background:#fff4e5;color:#7a4b00;border:1px solid #f0c27a;font-size:.92rem}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .suspect{background:#3a2a10;color:#ffd9a0;border-color:#7a5a20}}:root[data-theme="dark"] .suspect{background:#3a2a10;color:#ffd9a0;border-color:#7a5a20}

/* Vörusíða: verð efst, textaðir hnappar, einfaldari tilboðslína */
.pbest{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.pb-p{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pb-p b{font-size:1.9rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.pb-p s{color:var(--muted)}
.pb-l{width:100%;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.pb-s{color:var(--muted);font-size:.95rem;line-height:1.6}.pb-s .stk{display:inline-flex}.pb-s b{color:var(--fg)}.pb-s .stk{font-size:.95rem}
.pb-a{display:flex;gap:10px;flex-wrap:wrap}.pb-a .btn{display:inline-flex;align-items:center;gap:8px;justify-content:center}
.btn.cta{background:var(--cta);color:var(--cta-fg,#fff);border:0}.btn.cta:hover{background:var(--cta-deep)}
.rankq{color:var(--muted);font-size:.85rem}
.pacts .circ{width:auto;height:auto;border-radius:999px;padding:9px 14px;display:inline-flex;gap:8px;align-items:center;font-size:.95rem;font-weight:600}
.pacts .circ svg{width:18px;height:18px}.pacts .circ .ico{font-size:1.1rem;line-height:1}
.pacts{flex-wrap:wrap}
.pline .was{white-space:nowrap}.pline b{white-space:nowrap}
.stickybar .sb-in{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stickybar .sb-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}.stickybar .sb-txt b{font-size:1.15rem}.stickybar .sb-txt span{color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stickybar .btn{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
body.past-prices .stickybar{opacity:1;pointer-events:auto;transform:none}
body:not(.past-prices) .stickybar{opacity:0!important;pointer-events:none!important}
@media (max-width:640px){
 .pacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pacts .circ{justify-content:center;padding:10px 6px;font-size:.85rem;flex-direction:column;gap:4px}
 .orow{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
 .orow .kebab{grid-column:2;grid-row:1;justify-self:end;align-self:start}
 .orow .ostore{grid-column:1;grid-row:1}
 .orow .otitle{grid-column:1/-1;grid-row:2;font-size:.92rem}
 .orow .oprice{grid-column:1/-1;grid-row:3;justify-items:start;text-align:left}
 .orow .ogo{grid-column:1/-1;grid-row:4;justify-content:center}
 .pb-a .btn{flex:1 1 100%}
}
@media (max-width:759px){.ptop .phead2{order:1}.ptop .pmedia{order:2}.ptop .pacts{order:3}.pmedia .pimg{height:220px;aspect-ratio:auto}
 .stickybar{bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}}

/* Haus: óskir og vaktir með fjölda (innskráning falin þar til hún virkar) */
.hbtn{position:relative;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-weight:700;color:var(--fg);cursor:pointer}
.hbtn:hover{border-color:var(--brand)}
.hcnt{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;border-radius:999px;background:var(--cta);color:var(--cta-fg);font-size:.75rem;display:grid;place-items:center;padding:0 5px}
@media (max-width:760px){.hbtn{display:none}}
/* Sími: merkjaröðin rennur upp við skrun niður, leitin helst */
@media (max-width:760px){.top{transition:transform .22s ease}body.hdr-up .top{transform:translateY(calc(-1 * var(--brandh,64px)))}}
/* Auglýsingadálkur aðeins á forsíðu; vörusíða og flokkar fá fulla breidd */
@media (min-width:1280px){body:not([data-pg="home"]) .shell{grid-template-columns:minmax(0,1fr)}body:not([data-pg="home"]) .adcol{display:none}}
/* Litir og letur */
:root{--muted:#4A5370}
.src{font-size:.875rem}.covnote{font-size:.875rem}
h1,h2{font-weight:700}
.hdrops{display:inline-flex;align-items:center;gap:6px;background:var(--good-soft,#e7f6ee);color:var(--good);border:1px solid color-mix(in srgb,var(--good) 35%,transparent);border-radius:999px;padding:6px 14px;text-decoration:none!important;font-size:.95rem}
.hdrops::before{content:"↓";font-weight:900}

/* v155 listar og spjöld */
.gcard{display:flex;flex-direction:column}
.gcard .img{width:100%}
.gcard .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gcard .spec{-webkit-line-clamp:2}
.gcard .pr,.gcard .nofound{margin-top:auto;padding-top:4px}
.gcmp{min-height:44px;min-width:44px;justify-content:center;cursor:pointer}
.gcmp input{width:20px;height:20px;margin:0}
.cmpbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:7px 14px;font:inherit;font-weight:600;cursor:pointer;min-height:40px}
.cmpbtn:hover{border-color:var(--brand)}
.cmpbtn svg{width:20px;height:20px}
.vsin{display:none}
@media (min-width:1000px){.ggrid:not(:has(.gcardg)){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){
 .lbar{flex-wrap:nowrap}.lbar h2{font-size:1.1rem;white-space:nowrap;margin:0}
 .lbar .vsbtn:not(.vsin),.lbar .cmpbtn{display:none}
 .lctrl{min-width:0}.sortl select{max-width:52vw}
 .vsin{display:inline-flex;margin-top:8px}
 .gcard .gcmp{align-self:flex-end;margin:-10px -10px -6px}
 .gcard .badge{align-self:flex-start}
 .usefold{padding:8px 12px}.usefold .src{display:none}
}
.cmpbtn:has(span:empty){display:none}

.rounds.sm{gap:8px;flex-wrap:wrap;overflow:visible;margin:4px 0 10px}
.rounds.sm .round{width:auto;display:inline-flex;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.95rem;font-weight:600}
.rounds.sm .round:hover{border-color:var(--brand)}
.rounds.sm .round[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}
@media (max-width:640px){.rounds.sm{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}}
#sugg .sgn small{color:var(--muted);font-size:.85em}#sugg .sgn b{font-weight:700}
.moretools{margin-top:40px;padding-top:24px;border-top:2px solid var(--line)}.moretools h2{margin:0 0 4px}.moretools p{margin:0}
.lbarp{width:min(260px,70vw);height:6px;border-radius:3px;background:var(--sunk);overflow:hidden;margin:6px auto 0}.lbarp i{display:block;height:100%;background:var(--brand);transition:width .3s}
@media (min-width:700px){.mthome .mtgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pb-n{font-size:.875rem;color:var(--muted);margin-top:2px}
.phead2 .linkbtn[data-jump2]{display:inline-block;width:auto;margin-inline:0;text-align:left;justify-self:start;align-self:flex-start}

.bestbuy{margin:6px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.bbhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.bbhead h2{margin:0;font-size:1.1rem}
.bbrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bbcard{display:flex;gap:12px;align-items:flex-start;min-width:0;padding:10px;border-radius:10px;cursor:pointer;background:var(--sunk)}
.bbcard:hover,.bbcard:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.bbimg{flex:none;width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:8px}
.bbimg img,.bbimg svg{max-width:100%;max-height:100%}
.bbtx{display:flex;flex-direction:column;gap:3px;min-width:0}
.bbnm{font-size:.92rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bbpct{align-self:flex-start;font-size:.75rem;font-weight:800;color:var(--good);background:var(--good-soft);padding:2px 7px;border-radius:999px}
.bbpr{font-weight:800}
@media (max-width:820px){.bestbuy{padding:12px}.bbrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -12px;padding:0 12px 4px;scrollbar-width:none}.bbrow::-webkit-scrollbar{display:none}.bbcard{flex:0 0 84%;scroll-snap-align:start}}

/* Tilraunaútgáfa (5.11.2026): merki í haus og ábending sem birtist á 30 sek. fresti */
.beta-tag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font:700 11px/1.6 inherit;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.beta-toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,140%);z-index:60;width:min(520px,calc(100% - 32px));
  display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--fg);color:var(--bg);box-shadow:0 8px 28px rgba(0,0,0,.25);transition:transform .35s ease}
.beta-toast.on{transform:translate(-50%,0)} .beta-toast p{margin:0;flex:1;font-size:14px;line-height:1.4}
.beta-toast button{border:0;border-radius:8px;padding:8px 10px;font:600 13px inherit;cursor:pointer}
.beta-toast .bt-go{background:var(--accent);color:#fff} .beta-toast .bt-x{background:transparent;color:inherit;opacity:.75}

/* Póstlistaboð */
.nlp{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;width:min(360px,calc(100vw - 32px));background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--r,14px);box-shadow:0 10px 30px rgb(10 20 40 / .18);padding:16px 16px 14px;font:inherit}
.nlp[hidden]{display:none}
.nlp h2{font-size:1.05rem;margin:0 28px 4px 0;line-height:1.3;text-wrap:balance}
.nlp .nl-sub{margin:0 0 10px;font-size:.875rem;color:var(--muted)}
.nlp .nl-sub a{color:var(--brand)}
.nlp form{display:grid;gap:8px}
.nlp .nl-row{display:flex;gap:8px;min-width:0}
.nlp input[type=email]{flex:1;min-width:0;width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit}
.nlp input[type=email][aria-invalid=true]{border-color:var(--bad)}
.nlp .nl-err{font-size:.8rem;color:var(--bad);margin:0}
.nlp .nl-no{justify-self:start;background:none;border:0;padding:4px 0;color:var(--muted);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer}
.nlp .nl-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;background:none;color:var(--muted);font-size:1.3rem;line-height:1;border-radius:8px;cursor:pointer}
.nlp .nl-x:hover,.nlp .nl-no:hover{color:var(--fg)}
.nlp .nl-row .btn{flex:none;margin:0;width:auto;min-width:0;white-space:nowrap;padding-inline:16px}
.nlp .nl-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.nlp .nl-ok{font-weight:700;margin:6px 0 2px;font-size:1rem}
.nlp .nl-ok small{display:block;font-weight:400;color:var(--muted);font-size:.8rem;margin-top:4px}
@media (max-width:760px){.nlp{left:16px;right:16px;width:auto;bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:no-preference){.nlp.nl-in{animation:nlIn .35s ease-out}@keyframes nlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
.nlmenu{display:flex;gap:8px;align-items:center;font-weight:700}
.privacy{max-width:68ch}.privacy h2{margin-top:24px}

/* PWA: hausinn nær upp undir stöðustikuna þegar efni er skrunað (iPhone-hak) */
.top{box-shadow:0 calc(-1 * env(safe-area-inset-top,0px)) 0 0 var(--top)}