/* Take away kioskið (28/9), samþykkta átt 9: design/takeaway/9-kioskid.html.
   McDonald's sjálfsafgreiðslan: flokkar alltaf til vinstri, stórar flísar í
   miðjunni, Pokinn alltaf sýnilegur til hægri og raðast upp með umbúðum.
   Allt er undir .tk svo ekkert leki á aðrar síður. Litirnir eru vörumerkið
   (sama og forsíðan og bókunin); söluhlutinn er ljós svo myndirnar njóti sín.
   Handskrifað í þéttu formi: ALDREI keyra oxfmt á þessa skrá. */
.tk{
  --ink:#35322c;--char:#403c35;--char-2:#2b2924;--gull:#d3c398;--krem:#f2ecdd;
  --texti:#c2bbae;--daufur:#b5ae9f;--lina:rgba(211,195,152,.28);--hair:rgba(211,195,152,.14);
  --cta:#cebf95;--cta-texti:#302f2f;
  --svid:#f4f1ea;--flis:#fbf9f4;--flis-lina:#e6dfcf;--blek-daufur:#6d665a;--kraft:#e9dfc8;
  --ios:cubic-bezier(.32,.72,0,1);--ut:cubic-bezier(.23,1,.32,1);
  --rail:200px;--poki:360px;
  /* neðri brún fljótandi haussins (top 16px + --nav-h) og 12px bil: kioskið byrjar þar */
  --tk-top:calc(var(--nav-h) + 28px);
  position:relative;padding-top:var(--tk-top);background-color:var(--svid);color:var(--ink);font:400 16px/1.45 "Source Sans 3",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent
}
.tk *{box-sizing:border-box}
.tk [hidden]{display:none!important}
.tk h1,.tk h2,.tk h3{color:inherit}
.tk button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;text-align:inherit}
.tk button:disabled{cursor:default}
.tk img{display:block;max-width:100%}
.tk :focus-visible{outline:2px solid var(--cta);outline-offset:2px;border-radius:6px}
.tk .flis :focus-visible,.tk .dlg :focus-visible,.tk .sosa :focus-visible{outline-color:#9c8750}
.tk svg.ik{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tk .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tk-sia{position:absolute;width:0;height:0;overflow:hidden}
.tk .poki-lina{width:104px;height:104px}

/* ---------- þrjú svæði: síðan skrunar, dálkarnir standa ---------- */
.tk .app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--poki);align-items:start}
.tk .m-haus{display:none}

/* ---------- flokkadálkurinn ---------- */
/* dálkarnir standa undir hausnum: top = neðri brún hans, hæðin það sem eftir er */
.tk .rail{position:sticky;top:var(--tk-top);z-index:5;height:calc(100vh - var(--tk-top));height:calc(100dvh - var(--tk-top));background-color:var(--ink);--kassi-lina:#f2ecdd;color:var(--krem);display:flex;flex-direction:column;overflow:auto;scrollbar-width:none;padding-top:10px;border-radius:0 14px 0 0}
.tk .rail::-webkit-scrollbar{display:none}
.tk .r-listi{display:flex;flex-direction:column;gap:2px;padding:4px 10px 16px}
.tk .fl{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:4px 10px 4px 4px;border-radius:12px;text-align:left;transition:background-color .16s var(--ut),transform .14s var(--ut)}
.tk .fl-k{display:block;line-height:0;flex:none}
.tk .fl svg{width:56px;height:47px}
.tk .fl b{font:600 13px/1.15 Poppins,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.tk .fl:active{transform:scale(.97)}
.tk .fl[aria-current="true"]{background-color:var(--cta);color:var(--cta-texti);--kassi-lina:#35322c}
.tk .fl-tala{position:absolute;top:6px;left:44px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:var(--krem);color:var(--ink);font:700 11px/18px Poppins,sans-serif;text-align:center}
.tk .fl[aria-current="true"] .fl-tala{background-color:var(--ink);color:var(--krem)}
@media (hover:hover) and (pointer:fine){.tk .fl:not([aria-current="true"]):hover{background-color:var(--char)}}

/* ---------- miðjan ---------- */
.tk .svid{min-width:0;min-height:calc(100dvh - var(--tk-top));padding:16px 32px 56px}
.tk .s-haus{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.tk .s-haus h1{margin:0;font:700 clamp(28px,3vw,40px)/1 Poppins,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.tk .s-haus p{margin:8px 0 0;color:var(--blek-daufur);font-size:16px}
.tk .leit{position:relative;flex:0 1 280px}
.tk .leit>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--blek-daufur)}
.tk .leit input{width:100%;height:44px;border:1px solid var(--flis-lina);background-color:var(--flis);border-radius:12px;padding:0 38px 0 40px;font:400 16px "Source Sans 3",sans-serif;color:var(--ink)}
.tk .leit input:focus{outline:2px solid #9c8750;outline-offset:0;border-color:transparent}
.tk .leit input::-webkit-search-cancel-button{display:none}
.tk .leit .l-hreinsa{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--blek-daufur)}

.tk .grind{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:16px}
.tk .grind.stor{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tk .kafli{scroll-margin-top:110px}
.tk .kafla-haus{margin:52px 0 18px}
.tk .kafla-haus h2{margin:0;font:700 clamp(26px,2.6vw,34px)/1 Poppins,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.tk .kafla-haus p{margin:8px 0 0;color:var(--blek-daufur);font-size:16px}

.tk .flis{position:relative;display:flex;flex-direction:column;background-color:var(--flis);border:1px solid var(--flis-lina);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .14s var(--ut),box-shadow .2s var(--ut);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.tk .flis.ovirk{cursor:default}
.tk .flis:not(.ovirk):active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.tk .flis:not(.ovirk):hover{box-shadow:0 6px 20px rgba(53,50,44,.10)}}
.tk .f-mynd{position:relative;aspect-ratio:5/4;background-color:#f1eee9;--kassi-lina:#35322c}
.tk .f-mynd img{width:100%;height:100%;object-fit:cover}
.tk .f-mynd.teikn{background-color:var(--kraft);display:grid;place-items:center}
.tk .f-mynd.teikn>svg{width:62%;height:auto}
.tk .f-teikn{display:grid;place-items:center;width:100%;height:100%}
.tk .f-teikn svg{width:62%;height:auto}
.tk .f-fjoldi{position:absolute;left:10px;top:10px;z-index:1;display:flex;align-items:center;gap:4px;height:26px;padding:0 10px 0 8px;border-radius:13px;background-color:var(--ink);color:var(--krem);font:600 12px/1 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tk .f-fjoldi svg.ik{width:14px;height:14px}
.tk .f-info{position:absolute;right:8px;top:8px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background-color:rgba(251,249,244,.92);color:var(--ink);border:1px solid var(--flis-lina)}
.tk .f-info svg.ik{width:18px;height:18px}
.tk .f-texti{padding:14px 16px 4px;flex:1}
.tk .f-texti h3{margin:0;font:600 16px/1.2 Poppins,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.tk .f-lys{margin:6px 0 0;color:var(--blek-daufur);font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk .f-lys.f-lys-tilbod{-webkit-line-clamp:unset;display:block;overflow:visible}
.tk .f-val{margin:6px 0 0;font:600 12px/1.3 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8a7440}
.tk .f-ofn{margin:4px 0 0;color:var(--blek-daufur);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk .f-botn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 12px 16px}
.tk .f-verd{font:700 21px/1 Poppins,sans-serif;letter-spacing:.01em;white-space:nowrap}
.tk .f-verd s{display:block;font:500 12px/1 Poppins,sans-serif;color:var(--blek-daufur);margin-bottom:3px}
.tk .f-plus{position:relative;flex:none;width:52px;height:46px;border-radius:12px;background-color:var(--cta);color:var(--cta-texti);display:grid;place-items:center;transition:transform .14s var(--ut)}
.tk .f-plus:active{transform:scale(.97)}
.tk .f-plus svg.ik{grid-area:1/1;width:24px;height:24px;stroke-width:2.4;transition:opacity .15s,transform .2s var(--ut)}
.tk .f-plus .ok{opacity:0;transform:scale(.6)}
.tk .f-plus.buid .plus{opacity:0;transform:scale(.6)}
.tk .f-plus.buid .ok{opacity:1;transform:none}
.tk .tomt-leit{padding:48px 0;color:var(--blek-daufur);font-size:18px}
/* „Á henni" á flísinni */
.tk .f-ahenni{display:block;width:100%;margin:8px 0 0;text-align:left;border-radius:8px;color:var(--ink)}
.tk .f-a-texti{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.35;color:#57514a}
.tk .f-a-texti b{font:600 11px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-right:2px}
.tk .f-a-breyta{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-top:2px;font:600 12px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a6636;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tk .f-a-breyta svg.ik{width:15px;height:15px}
@media (hover:hover) and (pointer:fine){.tk .f-ahenni:hover .f-a-breyta{color:var(--ink)}}

/* ---------- pokinn ---------- */
.tk .pokinn{position:sticky;top:var(--tk-top);z-index:5;height:calc(100vh - var(--tk-top));height:calc(100dvh - var(--tk-top));border-radius:14px 0 0 0;background-color:var(--ink);color:var(--krem);--kassi-lina:#f2ecdd;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--char-2)}
.tk .p-haus{display:flex;align-items:center;gap:10px;padding:16px 18px 8px;flex:none}
.tk .p-haus h2{margin:0;font:700 18px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.tk .p-tala{color:var(--daufur);font-size:15px;overflow:hidden}
.tk .p-haus .bil{flex:1}
.tk .p-taema{font:600 12px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--daufur);padding:8px 6px;border-radius:8px}
.tk .p-taema.viss{color:var(--cta)}
.tk .p-loka,.tk .handfang{display:none}

.tk .stage{position:relative;flex:none;height:200px;margin:0 14px;border-radius:14px;background-color:var(--char);overflow:hidden}
.tk .st-bord{position:absolute;left:0;right:0;bottom:0;height:36px;background-color:var(--char-2);border-top:1px solid var(--lina)}
.tk .st-u{position:absolute;line-height:0}
.tk .st-mynd,.tk .st-k{display:block;line-height:0}
.tk .st-u svg{width:100%;height:auto}
.tk .st-u.bida,.tk .st-3d.bida{opacity:0}
.tk .st-x{position:absolute;right:-4px;top:22%;min-width:26px;height:22px;padding:0 6px;border-radius:11px;background-color:var(--cta);color:var(--cta-texti);font:700 12px/22px Poppins,sans-serif;text-align:center}
.tk .st-meira{position:absolute;right:10px;bottom:48px;font:600 12px/1 Poppins,sans-serif;color:var(--daufur);letter-spacing:.06em}
.tk .st-tomur{position:absolute;left:50%;bottom:25px;width:104px;margin-left:-52px;line-height:0;color:var(--daufur)}
/* staflinn: pizzukassar eru takkar (kíkja ofan í) */
.tk .st-3d{padding:0;line-height:0;border-radius:8px;pointer-events:none}
.tk .st-u:not(.st-3d){pointer-events:none}
.tk .st-3d .hit{position:absolute;left:12%;right:12%;bottom:0;pointer-events:auto;cursor:pointer}
.tk .st-3d:focus-visible{outline-offset:-2px}
@media (hover:hover) and (pointer:fine){.tk .st-3d:hover{filter:brightness(1.06)}}

.tk .p-tomt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:12px 22px 20px;min-height:0;overflow:auto}
.tk .p-tomt h3{margin:8px 0 4px;font:600 17px/1.2 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tk .p-tomt p{margin:0 0 18px;color:var(--texti);font-size:15px}
.tk .tillogur{display:grid;gap:8px;width:100%}
.tk .tillaga{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px 8px 8px;border:1px solid var(--lina);border-radius:12px;text-align:left;transition:transform .14s var(--ut),background-color .16s}
.tk .tillaga:active{transform:scale(.97)}
.tk .tillaga img,.tk .tillaga .t-teikn{width:48px;height:48px;border-radius:8px;object-fit:cover;background-color:#f1eee9;flex:none;--kassi-lina:#35322c;line-height:0}
.tk .tillaga .t-teikn{background-color:var(--kraft);display:grid;place-items:center}
.tk .tillaga .t-teikn svg{width:46px}
.tk .tillaga>span{flex:1;min-width:0}
.tk .tillaga b{display:block;font:600 13px/1.2 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.tk .tillaga small{color:var(--texti);font-size:14px}
.tk .tillaga i{width:36px;height:36px;border-radius:10px;background-color:var(--cta);color:var(--cta-texti);display:grid;place-items:center;flex:none}
@media (hover:hover) and (pointer:fine){.tk .tillaga:hover{background-color:var(--char)}}

/* máltíðartilboðið, í línu, aldrei modal */
.tk .maltid{position:relative;margin:10px 14px 0;padding:12px;border:1px solid var(--cta);border-radius:14px;background-color:var(--char);color:var(--krem);--kassi-lina:#f2ecdd;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;overflow:hidden;animation:tkMaltidInn .32s var(--ut)}
@keyframes tkMaltidInn{from{opacity:0;transform:translateY(-6px)}}
.tk .m-ikon{display:flex;align-items:flex-end;grid-row:span 2}
.tk .m-ikon span{display:block;line-height:0}
.tk .m-ikon svg{width:44px;height:37px}
.tk .m-ikon span+span{margin-left:-16px}
.tk .m-ikon span+span svg{width:34px;height:28px}
.tk .m-texti b{display:block;font:700 15px/1.2 Poppins,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding-right:30px}
.tk .m-texti span{display:block;color:var(--texti);font-size:14px;line-height:1.3;margin-top:2px}
.tk .m-texti span strong{color:var(--krem);font-weight:600}
.tk .m-gos{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1;margin-top:8px}
.tk .m-gos button{flex:none;height:30px;padding:0 10px;border-radius:15px;border:1px solid var(--lina);font:600 11px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--texti)}
.tk .m-gos button[aria-pressed="true"]{border-color:var(--krem);color:var(--krem)}
.tk .m-ja{grid-column:1/-1;margin-top:8px;height:44px;border-radius:12px;background-color:var(--cta);color:var(--cta-texti);font:700 14px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:center;transition:transform .14s var(--ut)}
.tk .m-ja:active:not(:disabled){transform:scale(.97)}
.tk .m-ja:disabled{opacity:.45}
.tk .m-nei{position:absolute;right:6px;top:6px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--daufur)}
.tk .m-timi{position:absolute;left:0;bottom:0;height:2px;width:100%;background-color:var(--cta);transform-origin:left;animation:tkTimi 8s linear forwards}
@keyframes tkTimi{to{transform:scaleX(0)}}
/* borgaramáltíðin: drykkur og sósa, aldrei franskar (borgararnir koma með þeim) */
.tk .maltid.bm{display:block;padding:14px}
.tk .bm-haus b{display:block;font:700 15px/1.2 Poppins,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.tk .bm-haus span{display:block;color:var(--texti);font-size:14px;margin-top:3px}
.tk .bm-flokkur{margin:12px 0 6px;font:600 11px/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--daufur)}
/* drykkirnir í tveimur röðum, grind en ekkert lárétt skrun */
.tk .bm-drykkir{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px}
.tk .bm-d{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px 6px;border:1px solid var(--lina);border-radius:10px;text-align:center;transition:transform .14s var(--ut),border-color .15s;--kassi-lina:#35322c}
.tk .bm-d:active{transform:scale(.97)}
.tk .bm-dm{width:34px;height:34px;border-radius:8px;overflow:hidden;background-color:#f1eee9;line-height:0}
.tk .bm-dm img{width:100%;height:100%;object-fit:cover}
.tk .bm-dm.teikn{background-color:var(--kraft);display:grid;place-items:center}
.tk .bm-dm.teikn svg{width:100%}
.tk .bm-d span{font:600 9.5px/1.15 Poppins,sans-serif;letter-spacing:.01em;color:var(--krem);overflow-wrap:anywhere;hyphens:manual}
.tk .bm-d small{font-size:11px;color:var(--texti)}
.tk .bm-d[aria-pressed="true"]{border-color:var(--cta);box-shadow:inset 0 0 0 1px var(--cta)}
.tk .bm-sosur{display:flex;flex-wrap:wrap;gap:6px}
.tk .bm-s{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--lina);border-radius:17px;font-size:14px;color:var(--krem);transition:transform .14s var(--ut)}
.tk .bm-s:active{transform:scale(.97)}
.tk .bm-s small{color:var(--texti);font-size:12px}
.tk .bm-s svg.ik{width:14px;height:14px}
.tk .bm-s[aria-pressed="true"]{background-color:var(--cta);border-color:var(--cta);color:var(--cta-texti)}
.tk .bm-s[aria-pressed="true"] small{color:#4a4436}
.tk .bm-samtals{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;color:var(--texti);font-size:14px}
.tk .bm-samtals b{font:700 17px/1 Poppins,sans-serif;color:var(--krem)}
.tk .maltid.bm .m-ja{width:100%;margin-top:10px}
.tk .bm-nei{display:block;width:100%;min-height:40px;margin-top:4px;color:var(--texti);font-size:14px;text-align:center;text-decoration:underline;text-underline-offset:3px}
.tk .maltid-hopur{margin:8px 0;padding:4px 10px;border:1px solid var(--lina);border-radius:14px}
.tk .maltid-hopur .lina:last-child{border-bottom:0}
.tk .mh-haus{display:flex;justify-content:space-between;align-items:center;padding:6px 0 0;font:600 11px/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--cta)}
.tk .mh-haus b{font:600 13px/1 Poppins,sans-serif;letter-spacing:.02em;color:var(--krem)}

.tk .linur{flex:1;min-height:0;overflow:auto;padding:6px 14px 8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--char) transparent}
.tk .lina{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:0 12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--hair);overflow:hidden;transition:height .22s var(--ut),opacity .22s var(--ut),padding .22s var(--ut)}
.tk .lina.fer{opacity:0;padding-top:0;padding-bottom:0}
.tk .lina.ny{animation:tkLinaInn .28s var(--ut)}
@keyframes tkLinaInn{from{opacity:0;transform:translateY(-4px)}}
.tk .l-mynd{grid-row:1/3;width:48px;height:48px;border-radius:10px;overflow:hidden;background-color:#f1eee9;--kassi-lina:#35322c;line-height:0}
.tk .l-mynd img{width:100%;height:100%;object-fit:cover}
.tk .l-mynd.teikn{background-color:var(--kraft);display:grid;place-items:center}
.tk .l-mynd.teikn svg{width:46px;height:auto}
.tk .l-heiti{font:600 13.5px/1.25 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tk .l-lys{color:var(--texti);font-size:14px;line-height:1.3;margin-top:2px}
.tk .l-lys .l-af{color:var(--krem)}
.tk .l-lys .l-plus{color:var(--cta)}
.tk .l-lys .l-sep{color:var(--daufur);padding:0 3px}
.tk .l-ein{display:block;color:var(--texti);font-size:13.5px;line-height:1.35;margin-top:2px}
.tk .l-ein b{font-weight:600;color:var(--krem)}
.tk .l-stjorn{grid-column:2/4;display:flex;align-items:center;gap:4px;margin-top:8px}
.tk .l-stjorn .ikon{margin-left:auto}
.tk .stepper{display:flex;align-items:center;border:1px solid var(--lina);border-radius:10px;height:36px}
.tk .stepper button{width:36px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--krem)}
.tk .stepper button svg.ik{width:16px;height:16px}
.tk .stepper output{min-width:24px;text-align:center;font:600 14px/1 Poppins,sans-serif;overflow:hidden}
.tk .l-takki{height:36px;padding:0 10px;border-radius:10px;font:600 12px/1 Poppins,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--texti)}
.tk .l-takki.ikon{width:36px;padding:0;display:grid;place-items:center}
.tk .l-takki svg.ik{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){.tk .l-takki:hover,.tk .pokinn .stepper button:hover{background-color:var(--char);color:var(--krem)}}
.tk .l-verd{font:600 14.5px/1.25 Poppins,sans-serif;white-space:nowrap;text-align:right}
.tk .angra{display:flex;align-items:center;gap:10px;padding:12px;margin:6px 0;border-radius:12px;background-color:var(--char);position:relative;overflow:hidden;animation:tkLinaInn .22s var(--ut)}
.tk .angra span{flex:1;color:var(--texti);font-size:14px;min-width:0}
.tk .angra button{height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--cta);color:var(--cta);font:600 12px/1 Poppins,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.tk .angra i{position:absolute;left:0;bottom:0;height:2px;width:100%;background-color:var(--daufur);transform-origin:left;animation:tkTimi 5s linear forwards}

.tk .p-fotur{flex:none;padding:8px 14px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--hair)}
.tk .samtals{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 10px}
.tk .samtals span{color:var(--texti);font-size:15px}
.tk .samtals b{font:700 22px/1 Poppins,sans-serif;overflow:hidden}
.tk .cta{width:100%;height:56px;border-radius:14px;background-color:var(--cta);color:var(--cta-texti);font:700 15px/1 Poppins,sans-serif;letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s var(--ut),opacity .2s}
.tk .cta:active:not(:disabled){transform:scale(.97)}
.tk .cta:disabled{opacity:.4}
.tk .cta .tala{overflow:hidden;display:inline-block}
.tk .rl{display:inline-block;animation:tkRulla .2s var(--ut)}
@keyframes tkRulla{from{transform:translateY(calc(var(--a,1) * 70%));opacity:0}}

/* ---------- flugið og kassaaugnablikið ---------- */
.tk .tk-lag{position:fixed;left:0;top:0;width:0;height:0;z-index:140;pointer-events:none}
.tk .tk-flug{position:fixed;left:0;top:0;pointer-events:none;--kassi-lina:#35322c}
.tk .tk-flug>div{line-height:0}
.tk .tk-flug svg{width:100%;height:auto}
.tk .tk-augnablik{position:fixed;left:0;top:0;z-index:138;pointer-events:none;transform-origin:0 0}
.tk .tk-augnablik.inni{position:absolute;z-index:80}
.tk .tk-augnablik .k3{perspective:1400px}
.tk .tk-augnablik.kikja{pointer-events:auto;cursor:pointer}
.tk .kikja-texti{position:absolute;left:calc(100% + 8px);top:10px;width:max-content;max-width:150px;padding:10px 12px;border-radius:12px;background-color:var(--flis);color:var(--ink);text-align:left;box-shadow:0 10px 30px rgba(0,0,0,.3);line-height:1.3}
.tk .kikja-texti b{display:block;font:700 14px/1.2 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tk .kikja-texti span{display:block;font-size:14px;color:#57514a;margin-top:2px}

/* ---------- merkti pizzukassinn, CSS 3D ---------- */
.tk .k3{position:relative;flex:none;pointer-events:none}
.tk .k3-rum{position:absolute;width:var(--w);height:var(--d);transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-38deg)}
.tk .k3-f{position:absolute;box-sizing:border-box;border:1.2px solid #35322c}
.tk .k3-botn{left:0;top:0;width:var(--w);height:var(--d);background-color:#e8dcc1}
.tk .k3-fram{left:0;top:calc(var(--d) - var(--h));width:var(--w);height:var(--h);transform-origin:50% 100%;transform:rotateX(-90deg);background-color:#dcc8a0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tk .k3-bak{left:0;top:0;width:var(--w);height:var(--h);transform-origin:50% 0;transform:rotateX(90deg);background-color:#cbb487}
.tk .k3-vinstri{left:0;top:0;width:var(--h);height:var(--d);transform-origin:0 50%;transform:rotateY(-90deg);background-color:#c9b081;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tk .k3-haegri{left:calc(var(--w) - var(--h));top:0;width:var(--h);height:var(--d);transform-origin:100% 50%;transform:rotateY(90deg);background-color:#c9b081}
.tk .k3-fram span,.tk .k3-vinstri span{font:700 calc(var(--h) * .36)/1 Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#35322c;white-space:nowrap}
.tk .k3-vinstri span{writing-mode:vertical-rl}
.tk .k3-lok{position:absolute;left:0;top:0;width:var(--w);height:var(--d);transform-style:preserve-3d;transform-origin:50% 0}
.tk .k3-lok-ofan{left:0;top:0;width:100%;height:100%;background-color:#f3ead6;backface-visibility:hidden;overflow:hidden}
.tk .k3-lok-undir{left:0;top:0;width:100%;height:100%;background-color:#e2d3b1;transform:rotateY(180deg);backface-visibility:hidden}
.tk .k3-prent{position:absolute;inset:6%;border:1px solid rgba(53,50,44,.5)}
.tk .k3-logo{position:absolute;left:50%;top:9%;width:36%;transform:translateX(-50%);filter:brightness(0);opacity:.82}
.tk .k3-lasing{position:absolute;left:0;right:0;top:45%;text-align:center;font:600 calc(var(--w) * .06)/1 Poppins,sans-serif;letter-spacing:.24em;color:#35322c;white-space:nowrap}
.tk .k3-tag{position:absolute;left:0;right:0;top:56%;text-align:center;font:600 calc(var(--w) * .034)/1 "Source Sans 3",sans-serif;letter-spacing:.08em;color:#57514a;white-space:nowrap}
.tk .k3-golf{position:absolute;left:6%;bottom:6%;width:32%;height:auto;fill:none;stroke:#35322c;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.tk .st-u .k3 svg.k3-golf{width:32%;height:auto}
.tk .k3-midi{position:absolute;right:5%;bottom:7%;width:52%;padding:calc(var(--w) * .045) calc(var(--w) * .03) calc(var(--w) * .025);background-color:#fbf9f4;transform:rotate(-5deg);transform-origin:70% 70%;color:#35322c;border:1px solid rgba(53,50,44,.35);border-top:0}
.tk .k3-midi b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font:700 calc(var(--w) * .058)/1.1 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tk .k3-midi small{margin-top:calc(var(--w) * .012);font:600 calc(var(--w) * .044)/1.2 "Source Sans 3",sans-serif;color:#57514a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk .k3-midi i{position:absolute;left:0;right:0;top:calc(var(--w) * .012);border-top:1px dashed rgba(53,50,44,.45)}
.tk .k3-pizza{position:absolute;left:8%;top:8%;width:84%;height:84%;border-radius:50%;background-color:#f1eee9;background-position:center;background-size:190%;background-repeat:no-repeat;border:1px solid rgba(53,50,44,.5)}
.tk .k3-pappir{background-color:#fbf9f4;display:grid;place-items:center;text-align:center}
.tk .k3-pappir span{font:700 calc(var(--w) * .07)/1.1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#35322c;padding:0 12%}
.tk .k3--braud .k3-logo{left:6%;top:50%;width:22%;transform:translateY(-50%)}
.tk .k3--braud .k3-lasing{left:32%;right:6%;top:50%;transform:translateY(-50%);text-align:left;font-size:calc(var(--w) * .062);letter-spacing:.06em;white-space:normal;line-height:1.1;text-transform:uppercase;font-weight:700}

/* ---------- vörugluggi og tilboðssmiður ---------- */
.tk .dlg-bak{position:fixed;inset:0;z-index:150;background-color:rgba(27,25,22,.55);display:grid;place-items:center;padding:24px;animation:tkFadeInn .2s var(--ut)}
.tk .dlg-bak.ut{animation:tkFadeUt .18s var(--ut) forwards}
@keyframes tkFadeInn{from{opacity:0}}
@keyframes tkFadeUt{to{opacity:0}}
.tk .dlg{position:relative;width:min(920px,100%);max-height:min(760px,calc(100dvh - 48px));background-color:var(--flis);color:var(--ink);border-radius:16px;display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden;animation:tkDlgInn .26s var(--ut);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.tk .dlg-bak.ut .dlg{animation:tkDlgUt .18s var(--ut) forwards}
@keyframes tkDlgInn{from{opacity:0;transform:scale(.96)}}
@keyframes tkDlgUt{to{opacity:0;transform:scale(.98)}}
.tk .dlg-vinstri{grid-row:1/3;display:flex;flex-direction:column;min-height:0;background-color:var(--flis);border-right:1px solid var(--flis-lina)}
.tk .dlg-mynd{position:relative;flex:none;aspect-ratio:1/1;max-height:62%;width:100%;background-color:#f1eee9;--kassi-lina:#35322c;overflow:hidden}
.tk .dlg-mynd img{width:100%;height:100%;object-fit:cover}
.tk .dlg-mynd.teikn{aspect-ratio:auto;height:46%;background-color:var(--kraft);display:grid;place-items:center}
.tk .dlg-mynd.teikn svg{width:70%;height:auto;max-height:100%}
.tk .dlg-live{flex:1;min-height:0;overflow:auto;padding:16px 22px 18px}
.tk .dlg-live h3{margin:0 0 8px;font:700 12px/1 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--blek-daufur)}
.tk .dlg-live ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.tk .dlg-live li{font-size:15px;line-height:1.3;display:flex;justify-content:space-between;gap:10px}
.tk .dlg-live li.af{color:var(--blek-daufur);text-decoration:line-through}
.tk .dlg-live li.plus{color:#6e5a26;font-weight:600}
.tk .dlg-live li small{color:var(--blek-daufur);font-weight:400;white-space:nowrap}
.tk .dlg-live li.nytt{animation:tkLinaInn .24s var(--ut)}
.tk .dlg-efni{overflow:auto;padding:28px 28px 16px;overscroll-behavior:contain;scroll-padding-top:64px}
.tk .dlg-efni h2{margin:0 44px 8px 0;font:700 28px/1.1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.tk .dlg-lys{margin:0 0 6px;color:#57514a;font-size:16px}
.tk .dlg-ofn{margin:0 0 4px;color:var(--blek-daufur);font-size:14px}
.tk .dlg-loka{position:absolute;right:12px;top:12px;z-index:2;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background-color:var(--flis);border:1px solid var(--flis-lina)}
.tk .hopur,.tk .rauf{margin-top:22px}
.tk .hopur-haus{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--flis-lina)}
.tk .hopur-haus h3{margin:0;font:700 15px/1.2 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tk .hopur-haus span{font-size:14px;color:var(--blek-daufur);white-space:nowrap}
.tk .hopur-haus span.vantar{color:#8a5a1f;font-weight:600}
.tk .hrista{animation:tkHrista .3s var(--ut)}
@keyframes tkHrista{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.tk .undirflokkur{margin:12px 0 6px;font:600 11px/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--blek-daufur)}
.tk .kostir{display:flex;flex-wrap:wrap;gap:8px}
.tk .kostur{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border-radius:12px;border:1px solid var(--flis-lina);background-color:#fff;color:var(--ink);font-size:15px;text-align:left;transition:transform .14s var(--ut),background-color .15s,border-color .15s}
.tk .kostur:active{transform:scale(.97)}
.tk .kostur small{color:var(--blek-daufur);font-size:13px;white-space:nowrap}
.tk .kostur svg.ik{width:16px;height:16px;display:none}
.tk .kostur[aria-pressed="true"]{background-color:var(--cta);border-color:var(--cta);color:var(--cta-texti)}
.tk .kostur[aria-pressed="true"] svg.ik{display:block}
.tk .kostur[aria-pressed="true"] small{color:#4a4436}
.tk .kostur.inni svg.ik{display:block}
.tk .kostur.inni.af{background-color:#fff;border-color:var(--flis-lina);color:var(--blek-daufur)}
.tk .kostur.inni.af span{text-decoration:line-through}
.tk .dlg-fotur{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 28px 20px;border-top:1px solid var(--flis-lina);background-color:var(--flis)}
.tk .dlg-samantekt{flex:1 0 100%;font-size:15px;color:#57514a;line-height:1.3;min-height:20px;margin:0}
.tk .dlg-samantekt b{font:600 14px/1.3 Poppins,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.tk .dlg-samantekt .plus{color:#6e5a26;font-weight:600}
.tk .dlg-fotur .stepper{border-color:var(--flis-lina);height:52px;border-radius:14px}
.tk .dlg-fotur .stepper button{width:46px;height:50px;color:var(--ink)}
.tk .dlg-fotur .stepper output{min-width:30px;font-size:17px}
.tk .dlg-cta{flex:1;height:56px;border-radius:14px;background-color:var(--cta);color:var(--cta-texti);font:700 15px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s var(--ut),opacity .2s}
.tk .dlg-cta:active:not(:disabled){transform:scale(.97)}
.tk .dlg-cta:disabled{opacity:.45}
.tk .dlg-cta .verd{overflow:hidden;display:inline-block}
/* tilboðssmiðurinn: raufar */
.tk .rauf-tom{width:100%;min-height:56px;border:1.5px dashed #c9bd9c;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 13px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6e5a26}
.tk .pizzugrind{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.tk .pizzukort{display:flex;flex-direction:column;text-align:left;border:1px solid var(--flis-lina);background-color:#fff;border-radius:12px;overflow:hidden;transition:transform .14s var(--ut),border-color .15s}
.tk .pizzukort:active{transform:scale(.97)}
.tk .pk-mynd{aspect-ratio:16/10;background-color:#f1eee9;--kassi-lina:#35322c}
.tk .pk-mynd img{width:100%;height:100%;object-fit:cover}
.tk .pk-mynd.teikn{background-color:var(--kraft);display:grid;place-items:center}
.tk .pk-mynd.teikn svg{width:52%;height:auto}
.tk .pizzukort b{padding:8px 10px 2px;font:600 12.5px/1.2 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tk .pizzukort span{padding:0 10px 10px;font-size:13.5px;line-height:1.3;color:#57514a}
.tk .pizzukort.valin{border-color:#9c8750;box-shadow:inset 0 0 0 1px #9c8750}
.tk .rauf-lina{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;padding:10px;border:1px solid #9c8750;border-radius:12px;background-color:#fff}
.tk .rl-mynd{grid-row:1/3;width:64px;height:64px;border-radius:10px;overflow:hidden;background-color:#f1eee9;--kassi-lina:#35322c}
.tk .rl-mynd img{width:100%;height:100%;object-fit:cover}
.tk .rl-mynd.teikn{background-color:var(--kraft);display:grid;place-items:center}
.tk .rl-mynd.teikn svg{width:56px}
.tk .rauf-lina b{font:600 14px/1.2 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tk .rauf-lina p{margin:2px 0 0;font-size:14px;line-height:1.3;color:#57514a}
.tk .rauf-lina p .plus{color:#6e5a26;font-weight:600}
.tk .rauf-lina p .af{color:var(--ink)}
.tk .rl-takkar{grid-column:2;display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.tk .rl-takkar button{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--flis-lina);background-color:var(--flis);font:600 12px/1 Poppins,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.tk .rl-takkar button.adal{background-color:var(--cta);border-color:var(--cta);color:var(--cta-texti)}
.tk .rauf-ritill{margin:6px 0 0;padding:4px 14px 14px;border-left:2px solid #d9cfb4}
.tk .rauf-ritill .hopur{margin-top:14px}
.tk .rauf-nota{margin:12px 0 0;font-size:14px;line-height:1.35;color:var(--blek-daufur)}
/* af-tökuflísarnar búa inni í valda pizzukortinu */
.tk .rauf-lina .rauf-af{grid-column:1/-1;margin-top:10px}
.tk .rauf-lina .rauf-af .kostur{min-height:44px}
.tk .valgrind{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.tk .valkort{position:relative;display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--flis-lina);background-color:#fff;border-radius:12px;overflow:hidden;text-align:left;cursor:pointer;transition:transform .14s var(--ut),border-color .15s}
.tk .valkort:active{transform:scale(.97)}
.tk .vk-mynd{aspect-ratio:4/3;background-color:#f1eee9;--kassi-lina:#35322c}
.tk .vk-mynd img{width:100%;height:100%;object-fit:cover}
.tk .vk-mynd.teikn{background-color:var(--kraft);display:grid;place-items:center}
.tk .vk-mynd.teikn svg{width:64%;height:auto}
.tk .valkort b{display:block;padding:8px 10px 10px;font:600 12px/1.2 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tk .valkort.valid{border-color:#9c8750;box-shadow:inset 0 0 0 1px #9c8750}
.tk .vk-fj{position:absolute;left:6px;top:6px;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background-color:var(--ink);color:var(--krem);font:700 13px/28px Poppins,sans-serif;text-align:center;display:grid;place-items:center}
.tk .vk-fj svg.ik{width:16px;height:16px}
.tk .vk-minus{position:absolute;right:6px;top:6px;width:32px;height:32px;border-radius:10px;background-color:var(--flis);border:1px solid var(--flis-lina);display:grid;place-items:center}
.tk .vk-minus svg.ik{width:16px;height:16px}
.tk .fast-lina{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--flis-lina);border-radius:12px;background-color:#fff;--kassi-lina:#35322c}
.tk .fast-lina>span{display:block;line-height:0;flex:none}
.tk .fast-lina svg{width:52px;height:auto}
.tk .fast-lina b{font:600 13px/1.2 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase;flex:1}
.tk .fast-lina small{color:var(--blek-daufur);font-size:13px}

/* ---------- sósuglugginn (franskar) ---------- */
.tk .sosa-bak{position:fixed;inset:0;z-index:152;background-color:rgba(27,25,22,.5);display:grid;place-items:center;padding:24px;animation:tkFadeInn .18s var(--ut)}
.tk .sosa-bak.ut{animation:tkFadeUt .18s var(--ut) forwards}
.tk .sosa{width:min(440px,100%);background-color:var(--flis);color:var(--ink);border-radius:16px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.3);animation:tkDlgInn .22s var(--ut)}
.tk .sosa-haus{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.tk .sosa-mynd{width:56px;height:56px;border-radius:10px;overflow:hidden;flex:none;background-color:#f1eee9;--kassi-lina:#35322c}
.tk .sosa-mynd img{width:100%;height:100%;object-fit:cover}
.tk .sosa-mynd.teikn{background-color:var(--kraft);display:grid;place-items:center}
.tk .sosa-mynd.teikn svg{width:50px}
.tk .sosa-haus h2{margin:0;font:700 18px/1.15 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.tk .sosa-haus p{margin:2px 0 0;color:var(--blek-daufur)}
.tk .sosa-haus>div{flex:1}
.tk .sosa-loka{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--flis-lina)}
.tk .sosa-kostir{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tk .sosa .dlg-cta{width:100%;flex:none}

/* ---------- greiðsluskrefið ---------- */
.tk .kassa{grid-column:2;min-width:0;min-height:calc(100dvh - var(--tk-top));background-color:var(--ink);color:var(--krem);padding:24px 40px 56px}
.tk .ks-inn{max-width:560px;margin:0 auto}
.tk .ks-toppur{margin-bottom:18px}
.tk .ks-baka{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 6px;border-radius:10px;font:600 12px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--texti)}
@media (hover:hover) and (pointer:fine){.tk .ks-baka:hover{color:var(--krem);background-color:var(--char)}}
.tk .kassa h1{margin:0;font:700 clamp(28px,3vw,38px)/1 Poppins,sans-serif;letter-spacing:.02em;text-transform:uppercase;outline:none}
.tk .ks-undir{margin:8px 0 0;color:var(--texti)}
.tk .ks-yfirlit{display:none}
.tk .ks-hluti{margin-top:34px}
.tk .ks-hluti h2{margin:0 0 12px;font:700 18px/1.2 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tk .ks-spurt{margin:-6px 0 12px;color:var(--texti)}
.tk .ks-timar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tk .ks-timar .ks-spurt{grid-column:1/-1;margin:0}
/* Tímarnir renna inn frá vinstri þegar dagur er valinn (Villi 5/10), sama og bkSlida í bókunarvélinni */
.tk .ks-timasvaedi{animation:tkSlida .45s cubic-bezier(.22,1,.36,1) both}
@keyframes tkSlida{from{opacity:0;transform:translateX(-28px)}}
@media (prefers-reduced-motion:reduce){.tk .ks-timasvaedi{animation:none}}
.tk .ks-timi{min-height:48px;border:1px solid var(--lina);border-radius:12px;font:600 15px/1.1 Poppins,sans-serif;color:var(--krem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;transition:transform .14s var(--ut),background-color .15s}
.tk .ks-timi:active{transform:scale(.97)}
.tk .ks-timi.fyrst{grid-column:span 2}
.tk .ks-timi.fyrst b{font:700 12px/1 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.tk .ks-timi.fyrst span{font-size:13px;color:var(--texti)}
.tk .ks-timi[aria-checked="true"]{background-color:var(--cta);border-color:var(--cta);color:var(--cta-texti)}
.tk .ks-timi[aria-checked="true"] span{color:#4a4436}
@media (hover:hover) and (pointer:fine){.tk .ks-timi:not([aria-checked="true"]):hover{border-color:var(--gull)}}
/* Seinna: sömu tímaflísar opnast undir, ekkert hvítt kerfisfellival (Villi 29/9) */
.tk .ks-seinna{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:0 14px;min-height:48px;border:1px solid var(--lina);border-radius:12px;color:var(--texti);text-align:left;transition:border-color .15s}
.tk .ks-seinna-merki{font:600 12px/1 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.tk .ks-seinna-bil{flex:1;min-width:0;color:var(--krem);font:600 16px/1.2 Poppins,sans-serif;font-variant-numeric:tabular-nums}
.tk .ks-seinna svg.ik{width:18px;height:18px;color:var(--gull);transition:transform .2s var(--ut)}
.tk .ks-seinna[aria-expanded="true"] svg.ik{transform:rotate(180deg)}
.tk .ks-seinna.valid{border-color:var(--gull);box-shadow:inset 0 0 0 1px var(--gull)}
@media (hover:hover) and (pointer:fine){.tk .ks-seinna:hover{border-color:var(--gull)}}
.tk .ks-seinna-timar{margin-top:8px;animation:tkDtInn .22s var(--ut)}
@media (prefers-reduced-motion:reduce){.tk .ks-seinna-timar{animation:none}.tk .ks-seinna svg.ik{transition:none}}
/* pillan og reitirnir: sama og bókunarvélin (public/css/boka.css) */
.tk .kassa .bk-hver{position:relative;display:grid;grid-template-columns:1fr 1fr;height:3.2rem;padding:.3rem;margin-bottom:1.1rem;background-color:rgba(0,0,0,.28);border:1px solid var(--lina);border-radius:999px}
.tk .kassa .bk-hver-pilla{position:absolute;top:.3rem;bottom:.3rem;left:.3rem;width:calc(50% - .3rem);border-radius:999px;background-color:#cebf95;transition:transform .32s var(--ut)}
.tk .kassa .bk-hver-pilla[data-hver="fyrirt"]{transform:translateX(100%)}
.tk .kassa .bk-hver button{position:relative;z-index:1;display:grid;place-items:center;font:700 .78rem/1 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--texti);transition:color .32s var(--ut)}
.tk .kassa .bk-hver button.on{color:#302f2f}
.tk .kassa .bk-fyrirt{display:grid;gap:.8rem}
.tk .kassa .bk-reitur{display:grid;gap:.35rem}
.tk .kassa .bk-reitur>span{font:700 .7rem/1.2 Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gull)}
.tk .kassa .bk-reitur input{width:100%;min-height:3.2rem;padding:0 1rem;border-radius:12px;border:1px solid var(--lina);background-color:rgba(0,0,0,.28);color:var(--krem);font:400 16px "Source Sans 3",sans-serif}
.tk .kassa .bk-reitur input:focus{outline:none;border-color:var(--gull)}
.tk .kassa .bk-reitur input[aria-invalid="true"]{border-color:#d98a6a}
.tk .kassa .bk-error{margin:0;color:#e8a88f;font-size:.92rem}
.tk .kassa .bk-ft-stadfest{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background-color:rgba(211,195,152,.08);border:1px solid var(--lina);border-radius:12px}
.tk .kassa .bk-ft-hak{flex:none;width:1.4rem;height:1.4rem;border-radius:50%;background-color:#cebf95;display:grid;place-items:center;color:#302f2f}
.tk .kassa .bk-ft-nafn{font:600 1.05rem/1.25 Poppins,sans-serif;color:var(--krem)}
.tk .kassa .bk-ft-bid{margin:0;font-size:.9rem;color:var(--texti)}
.tk .kassa .bk-gestur{padding:1.4rem 1.6rem;border:1px solid var(--gull);border-radius:16px;background-color:var(--char-2);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;animation:tkLinaInn .26s var(--ut)}
.tk .kassa .bk-gestur.bk-innskraning{align-items:stretch;text-align:left;gap:1rem;border-color:var(--lina)}
.tk .kassa .bk-gestur-merki{font:600 .7rem/1 Poppins,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--gull)}
.tk .kassa .bk-gestur strong{font:600 1.15rem/1.2 Poppins,sans-serif;color:var(--krem)}
.tk .kassa .bk-gestur-uppl{color:var(--texti);font-size:.92rem}
.tk .kassa .bk-gestur-skipta{margin-top:.4rem;min-height:36px;color:var(--texti);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
/* innfellda innskráningin (public/js/innskraning.js), sömu reglur og boka.css */
.tk .kassa .mg-inn-reitur-hopur{display:grid;gap:0.35rem}
.tk .kassa .mg-inn-merki{font-family:"Poppins",sans-serif;font-size:0.7rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--gull)}
.tk .kassa .mg-inn-opnast{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 0.18s var(--ut),opacity 0.12s linear}
.tk .kassa .mg-inn-opnast>div{overflow:hidden;transform:translateY(-4px);transition:transform 0.18s var(--ut)}
.tk .kassa .mg-inn-opnast.opin{grid-template-rows:1fr;opacity:1;transition:grid-template-rows 0.26s var(--ut),opacity 0.18s linear 0.07s}
.tk .kassa .mg-inn-opnast.opin>div{transform:translateY(0);transition:transform 0.26s var(--ut) 0.04s}
.tk .kassa .mg-inn-spurt{margin:1rem 0 0.7rem;font-size:0.95rem;color:var(--texti)}
.tk .kassa .mg-inn-flisar{display:grid;grid-template-columns:1fr 2fr;gap:0.55rem;transition:grid-template-columns 0.34s cubic-bezier(0.22,1,0.36,1)}
.tk .kassa .mg-inn-opnast .mg-inn-flisar{margin-top:0.7rem}
.tk .kassa .mg-inn-isl{display:grid;grid-template-columns:1fr 1fr;gap:0.55rem;min-width:0;transition:opacity 0.17s linear,transform 0.28s cubic-bezier(0.22,1,0.36,1)}
.tk .kassa .mg-inn-flisar.ein{grid-template-columns:minmax(0,12rem) 0fr}
.tk .kassa .mg-inn-isl.burt{opacity:0;transform:translateX(-6px);pointer-events:none;overflow:hidden}
@media (prefers-reduced-motion:reduce){.tk .kassa .mg-inn-flisar,.tk .kassa .mg-inn-isl{transition-duration:0.01s}.tk .kassa .mg-inn-isl.burt{transform:none}}
.tk .kassa .mg-inn-flis{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;min-height:5.1rem;padding:0.7rem 0.4rem;cursor:pointer;background-color:rgba(0,0,0,0.2);border:1px solid var(--lina);border-radius:12px;transition:border-color 0.22s var(--ut),background-color 0.22s var(--ut),transform 0.22s var(--ut)}
.tk .kassa .mg-inn-flis .mg-inn-takn{display:block;color:var(--gull)}
.tk .kassa .mg-inn-flis-nafn{font-family:"Poppins",sans-serif;font-weight:600;font-size:0.78rem;line-height:1.2;color:var(--krem);text-align:center}
.tk .kassa .mg-inn-flis:active{transform:scale(0.985)}
.tk .kassa .mg-inn-flis[disabled],.tk .kassa .mg-inn-leid[disabled]{cursor:default;opacity:0.4}
.tk .kassa .mg-inn-flis.bidur,.tk .kassa .mg-inn-leid.bidur{opacity:1;border-color:var(--gull)}
.tk .kassa .mg-inn-snuda{display:block;width:21px;height:21px;box-sizing:border-box;border:2px solid var(--gull);border-top-color:transparent;border-radius:50%;animation:tkSnua 0.62s linear infinite}
@media (prefers-reduced-motion:reduce){.tk .kassa .mg-inn-snuda{animation-duration:1.6s}}
@media (hover:hover) and (pointer:fine){.tk .kassa .mg-inn-flis:hover{border-color:var(--gull);background-color:rgba(211,195,152,.08)}}
.tk .kassa .mg-inn-stadfest{display:flex;align-items:center;gap:.6rem;margin-bottom:.2rem;font:600 1rem Poppins,sans-serif;color:var(--krem)}
.tk .kassa .mg-inn-stadfest-hak{flex:0 0 auto;display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background-color:#cebf95;color:#302f2f}
.tk .kassa .mg-inn-nyskra{display:grid;gap:.8rem}
.tk .kassa .mg-inn-nyskra .mg-inn-spurt{margin:.8rem 0 0}
.tk .kassa .mg-inn-innsl{width:100%;box-sizing:border-box;min-height:3.2rem;padding:0 1rem;border-radius:12px;border:1px solid var(--lina);background-color:rgba(0,0,0,.28);color:var(--krem);font:400 1.05rem "Source Sans 3",sans-serif}
.tk .kassa .mg-inn-innsl:focus{outline:none;border-color:var(--gull)}
.tk .kassa .mg-inn-smatt{margin:-.2rem 0 0;font-size:.8rem;line-height:1.5;color:var(--texti)}
.tk .kassa .mg-inn-smatt a{color:var(--gull)}
@media (prefers-reduced-motion:reduce){.tk .kassa .mg-inn-opnast,.tk .kassa .mg-inn-opnast.opin,.tk .kassa .mg-inn-opnast>div,.tk .kassa .mg-inn-opnast.opin>div{transition-duration:.12s}.tk .kassa .mg-inn-opnast>div{transform:none}}
.tk .ks-snuda{display:block;width:21px;height:21px;border:2px solid var(--cta-texti);border-top-color:transparent;border-radius:50%;animation:tkSnua .62s linear infinite;margin:0 auto}
@keyframes tkSnua{to{transform:rotate(360deg)}}
.tk .ks-fotur{margin-top:34px;padding-top:20px;border-top:1px solid var(--hair)}
.tk .ks-vantar{margin:0 0 12px;color:var(--texti);font-size:15px}
.tk .ks-vantar.klart{color:var(--krem)}
.tk .ks-villa{margin-top:12px;padding:12px 14px;border:1px solid #d98a6a;border-radius:12px;background-color:rgba(217,138,106,.1);color:var(--krem)}
.tk .ks-villa p{margin:0}
.tk .ks-villa small{display:block;margin-top:4px;color:var(--texti);font-size:12.5px}
.tk .ks-prufa{margin:12px 0 0;font-size:13px;color:var(--daufur)}
.tk.i-greidslu .svid{display:none}
/* greiðsluskrefið er dökkt frá toppi: engin ljós rönd bak við hausinn eða fyrir ofan Pokann þegar skrunað er (Villi 29/9) */
.tk.i-greidslu{background-color:var(--ink)}
/* greiðsluskrefið: engin flokkastika, greiðslan og pöntunin (Pokinn) standa ein */
.tk.i-greidslu .app{grid-template-columns:minmax(0,1fr) var(--poki)}
.tk.i-greidslu .kassa{grid-column:1}
.tk .cta .ks-snuda{margin:0;flex:none}
.tk .ks-hluti h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
/* dagavalið: Í dag, Á morgun, svo vikudagar, sjö í allt */
/* dagarnir passa alltaf (Villi 29/9): fjórir í röð, dagatalið sá áttundi, ekkert klippt af og engin lárétt skrun */
.tk .ks-dagar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;margin:0 0 14px}
.tk .ks-dagval{min-width:0;min-height:56px;padding:8px 4px;border:1px solid var(--lina);border-radius:12px;color:var(--krem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;scroll-snap-align:start;transition:transform .14s var(--ut),background-color .15s}
.tk .ks-dagval b{font:600 13px/1.1 Poppins,sans-serif;white-space:nowrap}
.tk .ks-dagval span{font-size:13px;color:var(--texti);white-space:nowrap}
.tk .ks-dagval:active:not(:disabled){transform:scale(.97)}
.tk .ks-dagval[aria-checked="true"]{background-color:var(--cta);border-color:var(--cta);color:var(--cta-texti)}
.tk .ks-dagval[aria-checked="true"] span{color:#4a4436}
.tk .ks-dagval:disabled{opacity:.4;cursor:default}
@media (hover:hover) and (pointer:fine){.tk .ks-dagval:not(:disabled):not([aria-checked="true"]):hover{border-color:var(--gull)}}
.tk .ks-dagur{font:600 12px/1 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--cta-texti);background-color:var(--cta);border-radius:999px;padding:6px 10px}
/* dagatalið (Villi 29/9): síðasti reiturinn í dagaröðinni opnar mánuðinn fyrir neðan */
.tk .ks-dagar-hopur{display:contents}
.tk .ks-dt-takki svg.ik{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--gull)}
.tk .ks-dt-takki[aria-expanded="true"]{border-color:var(--gull);box-shadow:inset 0 0 0 1px var(--gull)}
.tk .ks-dt-takki.valinn{background-color:var(--cta);border-color:var(--cta);color:var(--cta-texti)}
.tk .ks-dt-takki.valinn span{color:#4a4436}
.tk .ks-dt{margin:-4px 0 16px;padding:12px 12px 10px;border:1px solid var(--lina);border-radius:14px;background-color:var(--char-2);animation:tkDtInn .22s var(--ut)}
@keyframes tkDtInn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.tk .ks-dt-haus{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.tk .ks-dt-man{margin:0;font:600 15px/1.2 Poppins,sans-serif;letter-spacing:.04em;color:var(--krem);text-transform:capitalize}
.tk .ks-dt-fl{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--krem)}
.tk .ks-dt-fl svg.ik{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tk .ks-dt-naest svg.ik{transform:scaleX(-1)}
.tk .ks-dt-fl:disabled{opacity:.3;cursor:default}
.tk .ks-dt-grind{display:grid;gap:4px}
.tk .ks-dt-vd,.tk .ks-dt-vika{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.tk .ks-dt-vd span{padding:2px 0;text-align:center;font:600 11px/1.2 Poppins,sans-serif;letter-spacing:.08em;color:var(--daufur)}
.tk .ks-dt-dagur{display:grid;place-items:center;width:100%;height:44px;border-radius:10px;font:600 15px/1 Poppins,sans-serif;color:var(--krem);font-variant-numeric:tabular-nums;transition:background-color .15s,transform .14s var(--ut)}
.tk .ks-dt-dagur.idag{box-shadow:inset 0 0 0 1px var(--lina)}
.tk .ks-dt-dagur[aria-disabled="true"]{color:rgba(194,187,174,.35);cursor:default}
.tk .ks-dt-dagur.valinn{background-color:var(--cta);color:var(--cta-texti)}
.tk .ks-dt-dagur:active:not([aria-disabled="true"]){transform:scale(.95)}
@media (hover:hover) and (pointer:fine){.tk .ks-dt-fl:not(:disabled):hover{background-color:var(--char)}.tk .ks-dt-dagur:not([aria-disabled="true"]):not(.valinn):hover{background-color:var(--char)}}
@media (prefers-reduced-motion:reduce){.tk .ks-dt{animation:none}}
.tk .ks-lokad{margin:0;padding:14px 16px;border:1px solid var(--lina);border-radius:12px;background-color:var(--char-2);color:var(--krem)}
.tk .ks-beint{margin:0 0 12px;padding:12px 14px;border:1px solid var(--cta);border-radius:12px;background-color:rgba(206,191,149,.1);color:var(--krem)}

/* ---------- innfellda innskráningin í greiðsluskrefinu (28/9) ----------
   public/js/innskraning.js teiknar reitina; hér fá þeir dökka útlit
   síðunnar: 56px reitir, 16px letur, landsnúmerið hluti af reitnum, gullinn
   fókushringur og aðaltakkinn eins og Greiða. Aðeins inni í .kassa. */
.tk .kassa .bk-innskraning{padding:20px;gap:14px}
.tk .kassa .bk-innskraning .mg-inn-haus{padding:0;gap:4px}
.tk .kassa .bk-innskraning .mg-inn-haus h4{margin:0;font:600 12px/1.2 Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gull)}
.tk .kassa .bk-innskraning .mg-inn-haus p{margin:0;color:var(--texti);font-size:15px}
.tk .kassa .bk-innskraning .mg-inn-merki{font:600 12px/1.2 Poppins,sans-serif;letter-spacing:.14em;color:var(--gull)}
.tk .kassa .bk-innskraning .mg-inn-simareitur{display:flex;align-items:stretch;min-height:56px;border:1px solid var(--lina);border-radius:12px;background-color:rgba(0,0,0,.28);overflow:visible;transition:border-color .18s var(--ut),box-shadow .18s var(--ut)}
.tk .kassa .bk-innskraning .mg-inn-simareitur:focus-within{border-color:var(--gull);box-shadow:0 0 0 3px rgba(211,195,152,.22)}
.tk .kassa .bk-innskraning .mg-inn-landval{display:flex;align-items:center;gap:8px;padding:0 12px 0 14px;border:0;border-right:1px solid var(--lina);border-radius:11px 0 0 11px;background-color:transparent;color:var(--krem);font:600 16px/1 Poppins,sans-serif;-webkit-appearance:none;appearance:none}
.tk .kassa .bk-innskraning .mg-inn-landval:focus-visible{outline:none;background-color:rgba(211,195,152,.08)}
.tk .kassa .bk-innskraning .mg-inn-simi{flex:1;min-width:0;height:54px;padding:0 16px;border:0;background-color:transparent;color:var(--krem);font:500 16px/1 Poppins,sans-serif;letter-spacing:.04em;outline:none;-webkit-appearance:none;appearance:none}
.tk .kassa .bk-innskraning .mg-inn-simi::placeholder{color:rgba(194,187,174,.5)}
.tk .kassa .bk-innskraning .mg-inn-kodi{width:100%;height:56px;border:1px solid var(--lina);border-radius:12px;background-color:rgba(0,0,0,.28);color:var(--krem);font:500 24px/1 Poppins,sans-serif;letter-spacing:.4em;padding:0 0 0 .4em;text-align:center;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .18s var(--ut),box-shadow .18s var(--ut)}
.tk .kassa .bk-innskraning .mg-inn-kodi:focus{border-color:var(--gull);box-shadow:0 0 0 3px rgba(211,195,152,.22)}
.tk .kassa .bk-innskraning .mg-inn-form{gap:12px}
.tk .kassa .bk-innskraning .mg-inn-villa{margin:2px 0 0;padding:10px 12px;border-left:2px solid #e8a88f;border-radius:0 8px 8px 0;background-color:rgba(232,168,143,.08);color:#f0bca8;font-size:15px;line-height:1.35}
.tk .kassa .bk-innskraning .mg-inn-sendir,.tk .kassa .bk-innskraning .mg-inn-prof,.tk .kassa .bk-innskraning .mg-inn-bidtexti{margin:0;color:var(--texti);font-size:15px;text-align:center}
/* „Staðfesta" og aðrir aðaltakkar: gulli takkinn, eins og Greiða */
.tk .kassa .bk-innskraning .mg-inn-takki{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 20px;border:0;border-radius:14px;background-color:var(--cta);color:var(--cta-texti);font:600 14px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .14s var(--ut),opacity .2s,background-color .18s}
.tk .kassa .bk-innskraning .mg-inn-takki:not(.adal){background-color:transparent;color:var(--gull);box-shadow:inset 0 0 0 1px var(--lina)}
.tk .kassa .bk-innskraning .mg-inn-takki:active:not([disabled]){transform:scale(.97)}
.tk .kassa .bk-innskraning .mg-inn-takki[disabled]{opacity:.45;cursor:default}
@media (hover:hover) and (pointer:fine){.tk .kassa .bk-innskraning .mg-inn-takki.adal:not([disabled]):hover{background-color:#d8cba6}}
.tk .kassa .bk-innskraning .mg-inn-hlekkur{align-self:center;min-height:40px;padding:0 10px;background-color:transparent;border:0;color:var(--texti);font:400 15px "Source Sans 3",sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (hover:hover) and (pointer:fine){.tk .kassa .bk-innskraning .mg-inn-hlekkur:hover{color:var(--gull)}}
/* leiðirnar þrjár í síma: listi í fullri breidd, tákn, heiti og ein lína */
@media (max-width:760px){
  .tk .kassa .bk-innskraning .mg-inn-flisar,.tk .kassa .bk-innskraning .mg-inn-flisar.ein,.tk .kassa .bk-innskraning .mg-inn-isl{grid-template-columns:1fr;gap:8px}
  .tk .kassa .bk-innskraning .mg-inn-isl.burt{display:none}
  .tk .kassa .bk-innskraning .mg-inn-flis{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:2px;justify-items:start;min-height:60px;padding:10px 16px;text-align:left}
  .tk .kassa .bk-innskraning .mg-inn-flis>:first-child{grid-row:1/3;justify-self:center}
  .tk .kassa .bk-innskraning .mg-inn-flis-nafn{font:600 16px/1.2 Poppins,sans-serif;text-align:left}
  .tk .kassa .bk-innskraning .mg-inn-flis::after{grid-column:2;font-size:14px;line-height:1.25;color:var(--texti)}
  .tk .kassa .bk-innskraning .mg-inn-flisar>.mg-inn-flis::after{content:"Kóði í textaskilaboðum"}
  .tk .kassa .bk-innskraning .mg-inn-isl>.mg-inn-flis:first-child::after{content:"Staðfest í símanum"}
  .tk .kassa .bk-innskraning .mg-inn-isl>.mg-inn-flis:last-child::after{content:"Samþykkt í appinu"}
  html[lang="en"] .tk .kassa .bk-innskraning .mg-inn-flisar>.mg-inn-flis::after{content:"A code by text message"}
  html[lang="en"] .tk .kassa .bk-innskraning .mg-inn-isl>.mg-inn-flis:first-child::after{content:"Confirm on your phone"}
  html[lang="en"] .tk .kassa .bk-innskraning .mg-inn-isl>.mg-inn-flis:last-child::after{content:"Approve in the app"}
}
/* biðin eftir rafrænum skilríkjum: rólegur gullpúls í stað grás snúðs */
.tk .kassa .bk-innskraning .mg-inn-puls{width:44px;height:44px;margin:6px auto 2px;border:2px solid rgba(211,195,152,.25);border-top-color:var(--gull);border-radius:50%;animation:tkSnua .9s linear infinite}

/* ---------- miðlungs ---------- */
.tk .botnstika,.tk .skuggi,.tk .maltid-simi{display:none}
@media (max-width:1100px) and (min-width:761px){
  .tk{--rail:172px;--poki:320px}
  .tk .fl svg{width:46px;height:39px}
  .tk .svid{padding-left:20px;padding-right:20px}
  .tk .grind{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .tk .s-haus{flex-wrap:wrap}
  .tk .kassa{padding-left:24px;padding-right:24px}
  .tk .ks-timar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tk .ks-timi.fyrst{grid-column:span 3}
}

/* ---------- sími ---------- */
@media (max-width:760px){
  .tk{padding-top:0}
  .tk .app{display:block}
  .tk .m-haus{display:flex;align-items:baseline;gap:10px;padding:calc(var(--nav-h) + 30px) 16px 12px;background-color:var(--ink);color:var(--krem)}
  .tk .m-haus b{font:700 20px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase}
  .tk .m-haus span{font:600 11px/1.2 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--daufur)}
  /* flokkastikan límist rétt undir hausnum; fastur blekflötur á bak við hausinn svo matseðillinn sjáist aldrei skruna þar */
  .tk::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(var(--nav-h) + 16px);background-color:var(--ink);z-index:29;pointer-events:none}
  .tk .rail{top:calc(var(--nav-h) + 16px);z-index:30;height:auto;padding:0 0 8px;border-radius:0;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:12px}
  /* scroll-padding (Villi 2/10, „bannerinn er skrítinn"): án hennar smellti
     snap-ið stikunni 12px til hægri framhjá bilinu, svo fyrsti flokkurinn lá
     klipptur upp við vinstri brún. 10px bil efst svo flísarnar snerti ekki pilluna */
  .tk .r-listi{flex-direction:row;gap:4px;padding:10px 12px 0}
  /* hausinn situr á gegnheilum blekfleti: skugginn hans lagðist yfir flokkastikuna */
  body:has(.tk) .site-header{box-shadow:none}
  .tk .fl{flex-direction:column;gap:2px;min-height:0;min-width:78px;flex:none;padding:6px 6px 8px;text-align:center;scroll-snap-align:start}
  .tk .fl svg{width:46px;height:38px}
  .tk .fl b{font-size:10.5px;letter-spacing:.04em}
  .tk .fl-tala{left:auto;right:8px;top:4px}
  .tk .svid{min-height:0;padding:18px 16px calc(112px + env(safe-area-inset-bottom))}
  .tk .pokinn{top:auto}
  .tk .kafli{scroll-margin-top:110px}
  .tk .s-haus{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px}
  .tk .leit{flex:none}
  .tk .grind,.tk .grind.stor{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tk .f-mynd{aspect-ratio:1/1}
  .tk .f-info{width:34px;height:34px;right:6px;top:6px}
  .tk .f-texti{padding:10px 10px 2px}
  .tk .f-texti h3{font-size:13px}
  .tk .f-lys{display:none}
  /* tilboðin: lýsingin segir hvað er í tilboðinu og sést líka í síma, óstytt (Villi 29/9) */
  .tk .f-lys.f-lys-tilbod{display:block;-webkit-line-clamp:unset;overflow:visible;margin-top:4px;font-size:14px;line-height:1.35;color:var(--blek-daufur)}
  .tk .f-ofn{font-size:12px}
  .tk .f-val{font-size:10.5px}
  .tk .f-botn{padding:8px 8px 8px 10px}
  .tk .f-verd{font-size:16px}
  .tk .f-plus{width:44px;height:42px}
  .tk .f-a-texti{font-size:12.5px}
  .tk .f-a-breyta{font-size:11px}
  .tk .kafla-haus{margin:40px 0 14px}
  .tk .kafla-haus h2{font-size:24px}

  .tk .pokinn{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:130;height:calc(100dvh - 28px);padding-top:0;border-radius:18px 18px 0 0;border:0;transform:translateY(105%);visibility:hidden;transition:transform .24s var(--ios),visibility 0s linear .24s}
  .tk .pokinn.opin{transform:none;visibility:visible;transition:transform .4s var(--ios),visibility 0s}
  .tk .pokinn.dregin{transition:none}
  .tk .handfang{display:block;position:absolute;left:50%;top:8px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background-color:var(--daufur);opacity:.6}
  .tk .p-haus{position:relative;padding-top:24px;touch-action:none}
  .tk .p-loka{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--krem)}
  .tk .skuggi{display:block;position:fixed;inset:0;z-index:125;background-color:rgba(20,19,17,.5);opacity:0;pointer-events:none;transition:opacity .24s var(--ut)}
  .tk .skuggi.opin{opacity:1;pointer-events:auto;transition-duration:.4s}
  .tk .stage .tk-augnablik .kikja-texti{max-width:140px}

  .tk .botnstika{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;align-items:center;gap:12px;background-color:var(--ink);color:var(--krem);--kassi-lina:#f2ecdd;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--char-2)}
  .tk .mini{position:relative;display:flex;align-items:flex-end;width:74px;height:44px;flex:none}
  .tk .mini-k,.tk .mini-tomt{display:block;line-height:0;flex:none}
  .tk .mini svg{width:44px;height:37px}
  .tk .mini-k+.mini-k{margin-left:-28px}
  .tk .mini .st-x{top:-8px;right:-8px}
  .tk .b-texti{flex:1;min-width:0}
  .tk .b-texti b{display:block;font:700 17px/1.1 Poppins,sans-serif;overflow:hidden}
  .tk .b-texti span{display:block;color:var(--texti);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tk .b-opna{height:48px;padding:0 16px;border-radius:12px;background-color:var(--cta);color:var(--cta-texti);font:700 13px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:transform .14s var(--ut)}
  .tk .b-opna:active{transform:scale(.97)}
  .tk .maltid-simi{display:block;position:fixed;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:119}
  .tk .maltid-simi .maltid{margin:0;box-shadow:0 10px 30px rgba(0,0,0,.35)}
  .tk .maltid-simi .maltid.bm{max-height:calc(100dvh - 190px);overflow:auto;padding:12px}
  .tk .bm-flokkur{margin:10px 0 6px}

  .tk .dlg-bak{padding:0;padding-top:env(safe-area-inset-top);place-items:end stretch}
  .tk .dlg{width:100%;height:calc(100dvh - 10px - env(safe-area-inset-top));max-height:none;border-radius:18px 18px 0 0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;animation:tkDlgInnSimi .38s var(--ios)}
  .tk .dlg-bak.ut .dlg{animation:tkDlgUtSimi .24s var(--ios) forwards}
  @keyframes tkDlgInnSimi{from{transform:translateY(100%)}}
  @keyframes tkDlgUtSimi{to{transform:translateY(100%)}}
  .tk .dlg-vinstri{grid-row:auto;border:0}
  .tk .dlg-mynd,.tk .dlg-mynd.teikn{aspect-ratio:auto;height:26dvh;max-height:none}
  .tk .dlg-live{display:none}
  .tk .dlg-efni{padding:18px 16px 12px}
  .tk .dlg-efni h2{font-size:22px}
  .tk .dlg-fotur{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .tk .dlg-samantekt{font-size:14px}
  .tk .hopur-haus{flex-wrap:wrap;row-gap:4px}
  .tk .valgrind{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tk .pizzugrind{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk .leit input,.tk .dlg input{font-size:16px}
  .tk .sosa-bak{padding:0;place-items:end stretch}
  .tk .sosa{width:100%;border-radius:18px 18px 0 0;padding:18px 16px;padding-bottom:max(18px,env(safe-area-inset-bottom));animation:tkDlgInnSimi .34s var(--ios)}

  /* greiðsluskrefið fyllir skjáinn, fóturinn með Greiða límist neðst */
  /* Greiða-stikan er föst neðst: efnið fær rými fyrir hana svo allt skrunist upp fyrir hana */
  .tk .kassa{position:fixed;inset:0;z-index:130;min-height:0;overflow:auto;padding:0 16px calc(250px + env(safe-area-inset-bottom));overscroll-behavior:contain;scroll-padding-bottom:260px}
  .tk.i-greidslu .pokinn{display:none}
  .tk.i-greidslu .rail{display:none}
  .tk .ks-toppur{position:sticky;top:0;z-index:2;margin:0 -16px 12px;padding:max(8px,env(safe-area-inset-top)) 10px 8px;background-color:var(--ink);border-bottom:1px solid var(--hair)}
  .tk .ks-yfirlit{display:block;margin-top:18px;border:1px solid var(--lina);border-radius:14px}
  .tk .ks-yfirlit summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:0 14px;cursor:pointer;font:600 13px/1.2 Poppins,sans-serif;letter-spacing:.05em;text-transform:uppercase;list-style:none}
  .tk .ks-yfirlit summary::-webkit-details-marker{display:none}
  .tk .ks-yfirlit summary b{font-size:15px}
  .tk .ks-yf{padding:0 14px 10px}
  .tk .ks-yl{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--hair);font-size:14.5px}
  .tk .ks-yl small{display:block;color:var(--texti);font-size:13px}
  .tk .ks-yl b{white-space:nowrap;font-weight:600}
  .tk .ks-yl-heild{font:700 15px Poppins,sans-serif}
  .tk .ks-hluti{margin-top:28px}
  .tk .ks-timar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tk .ks-timi.fyrst{grid-column:span 3}
  .tk .ks-fotur{position:fixed;left:0;right:0;bottom:0;z-index:3;margin:0;padding:14px 16px max(14px,env(safe-area-inset-bottom));background-color:var(--ink);border-top:1px solid var(--hair)}
  .tk .ks-fotur .ks-prufa{font-size:12px;margin-top:8px}
  .tk .ks-vantar{font-size:13.5px;margin-bottom:8px}
}
/* Hausinn á take away í síma (28/9): á mjóum skjá ýttu takkarnir
   merkinu úr pillunni og hamborgarinn klipptist. Merkið heldur sinni breidd,
   takkarnir þéttast og „Bóka" verður örin ein. Sama lausn myndi duga
   öllum vefnum (hausinn er eins alls staðar), hér aðeins á take away. */
@media (max-width:430px){
  body:has(.tk) .site-header .container{gap:8px;padding:0 12px 0 16px}
  body:has(.tk) .site-header .brand{flex:none}
  body:has(.tk) .site-header .brand .logo-mg{display:block;height:32px}
  body:has(.tk) .site-header .header-actions{gap:6px;min-width:0}
  body:has(.tk) .site-header .mg-inn-haus-takki{padding:.5em .75em;font-size:.66rem;white-space:nowrap}
  body:has(.tk) .site-header .lang-toggle{padding:.45em .6em;font-size:.66rem}
  body:has(.tk) .site-header .btn.orv{padding:0;gap:0;background-color:transparent;border:0}
  body:has(.tk) .site-header .btn.orv .orv-t{display:none}
  body:has(.tk) .site-header .nav-burger{flex:none}
  .tk .m-haus{padding:calc(var(--nav-h) + 32px) 16px 8px;gap:8px}
  .tk .m-haus b{font-size:18px}
  .tk .m-haus span{font-size:10.5px;letter-spacing:.1em}
  .tk .rail{border-bottom:1px solid var(--char-2);box-shadow:0 6px 14px rgba(27,25,22,.18)}
}
@media (max-width:370px){
  .tk .f-texti h3{font-size:12.5px}
  .tk .f-verd{font-size:15px}
  .tk .f-plus{width:40px;height:40px}
  .tk .fl{min-width:72px}
  .tk .botnstika{gap:8px}
  .tk .mini{width:58px}
  .tk .b-texti b{font-size:16px}
  .tk .b-texti span{font-size:13px}
  .tk .b-opna{padding:0 12px;font-size:12px}
}
/* Gamla spjallbúbblan á ekki heima í kioskinu: hún lá yfir flísunum og glugganum */
body:has(.tk) .mg-chat{display:none!important}

@media (prefers-reduced-motion:reduce){
  .tk *,.tk *::before,.tk *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .tk .m-timi{animation-duration:8s!important}
  .tk .angra i{animation-duration:5s!important}
}