/* ============================================================
   MOSEDE /ny/ — PRØVEN PÅ ET NYT UDTRYK  (22/10)
   ------------------------------------------------------------
   Mikkels ord: siden "skal være bedre ift at ramme temaet bedre
   og med de ternede tema imellem nogle sectioner". Det er et LAG
   oven på forsidens egne ark; ingen regel her rører andre sider
   end ny/index.html (alt er scopet til body.ny-side).

   Tre greb:
   1) DUGEN. Den røde tern er husets — borddugene på terrassen —
      og den står nu som en dugkant mellem afsnittene, i stedet
      for at være gemt i heroen og i "I dag"-mærket.
   2) TAVLEN. Dagens ret står på en kridttavle, som den gør ved
      en havnecafé, med dugen som kant foroven.
   3) PAPIRET. Bestillingen står på lyst papir og ikke på det
      mørke glas over fotoet — det er en formular, der skal
      læses, ikke en stemning. På en computer får den to spalter.
   ============================================================ */

body.ny-side{
  --tern:rgba(214,42,58,.58);
  --tavle:#1f2624;
  --kridt:#f3efe6;
}

/* ---------- 1) dugen mellem afsnittene ---------- */
/* Tern = to striber oven på hinanden; hvor de krydser, bliver det
   mørkere rødt, som en rigtig vævet dug. Takkerne foroven og forneden
   er en maske, så det ligner en kant og ikke en bjælke. */
.ny-side .dug{position:relative;height:46px;margin:0;
  background-color:#fff;
  background-image:linear-gradient(90deg,var(--tern) 50%,transparent 0),linear-gradient(var(--tern) 50%,transparent 0);
  background-size:22px 22px;background-position:center;
  -webkit-mask:radial-gradient(circle at 50% 0,transparent 5.5px,#000 6px) top/14px 50% repeat-x,radial-gradient(circle at 50% 100%,transparent 5.5px,#000 6px) bottom/14px 50% repeat-x;
          mask:radial-gradient(circle at 50% 0,transparent 5.5px,#000 6px) top/14px 50% repeat-x,radial-gradient(circle at 50% 100%,transparent 5.5px,#000 6px) bottom/14px 50% repeat-x}
.ny-side .dug::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 40%,rgba(36,26,23,.1))}

/* ---------- topbjælken: genveje på en computer ---------- */
.ny-side .ny-nav,.ny-side .ny-bord{display:none}
@media (min-width:821px){
  .ny-side .topbar{gap:6px}
  .ny-side .topbar .ordmaerke{opacity:1;visibility:visible;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}
  .ny-side .topbar.stuck .ordmaerke,.ny-side .topbar.solid .ordmaerke{color:var(--ink);text-shadow:none}
  .ny-side .ny-nav{display:flex;align-items:center;gap:2px;margin-right:8px;padding:4px;border-radius:999px;
    background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
    box-shadow:inset 0 1px .5px rgba(255,255,255,.45),inset 0 0 0 .5px rgba(255,255,255,.3)}
  .ny-side .ny-nav a{padding:9px 14px;border-radius:999px;font:600 14px/1 "Host Grotesk",system-ui,sans-serif;color:#fff;text-decoration:none;transition:background .2s ease}
  .ny-side .ny-nav a:hover{background:rgba(255,255,255,.18)}
  .ny-side .topbar.stuck .ny-nav,.ny-side .topbar.solid .ny-nav{background:rgba(36,26,23,.05);box-shadow:inset 0 0 0 .5px rgba(36,26,23,.08)}
  .ny-side .topbar.stuck .ny-nav a,.ny-side .topbar.solid .ny-nav a{color:var(--ink)}
  .ny-side .topbar.stuck .ny-nav a:hover,.ny-side .topbar.solid .ny-nav a:hover{background:rgba(36,26,23,.06)}
  .ny-side .ny-bord{display:inline-flex;align-items:center;height:40px;padding:0 16px;margin-right:6px;border-radius:999px;
    font:600 14px/1 "Host Grotesk",system-ui,sans-serif;color:#fff;text-decoration:none;background:var(--red);
    box-shadow:inset 0 1px .5px rgba(255,255,255,.4),0 8px 20px rgba(214,42,58,.3)}
  .ny-side .ny-bord:hover{background:var(--red-d)}
}

/* ---------- heroen: dagens ret står på billedet ---------- */
.ny-side .ny-idag{display:flex;align-items:center;gap:12px;width:100%;max-width:440px;margin-top:4px;padding:12px 14px 12px 12px;border-radius:20px;
  color:#fff;text-decoration:none;text-align:left;
  background:rgba(20,14,12,.34);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 1px .5px rgba(255,255,255,.35),inset 0 0 0 .5px rgba(255,255,255,.22),0 14px 34px rgba(0,0,0,.28)}
.ny-side .ny-idag[hidden]{display:none}
.ny-side .ny-idag .k{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;
  background-color:#fff;background-image:linear-gradient(90deg,rgba(214,42,58,.7) 50%,transparent 0),linear-gradient(rgba(214,42,58,.7) 50%,transparent 0);background-size:13.5px 13.5px;
  box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}
/* ordet står på en hvid seddel oven på ternet — direkte på ternet kan det ikke læses */
.ny-side .ny-idag .k span{padding:4px 6px;border-radius:6px;background:#fff;color:var(--red-tekst);
  font:700 10px/1 "Host Grotesk",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.ny-side .ny-idag .t{flex:1;min-width:0;display:grid;gap:3px}
.ny-side .ny-idag .t small{font:500 12.5px/1.2 "Host Grotesk",system-ui,sans-serif;color:rgba(255,255,255,.78)}
.ny-side .ny-idag .t b{font:600 17px/1.25 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.01em;text-wrap:balance}
.ny-side .ny-idag em{flex:none;font:600 16px/1 "Host Grotesk",system-ui,sans-serif;font-style:normal;font-variant-numeric:tabular-nums;color:#ffe3cf}
.ny-side .ny-idag i{flex:none;font-style:normal;opacity:.8;transition:transform .3s var(--spring)}
.ny-side .ny-idag:hover i{transform:translateX(3px)}

/* ---------- striben i bunden: Facebook, smiley, pris ---------- */
.ny-side .ny-strib{padding:30px 0 10px;background:var(--cream2)}
@media (min-width:821px){
  .ny-side .ny-strib{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:0 14px;padding:44px var(--g) 24px}
  .ny-side .ny-strib > :not(.glasraekke){grid-column:1/-1}
  .ny-side .ny-strib > .glasraekke{margin:10px 0 0 !important}
}

/* ============================================================
   AFSNIT 1 I HUSETS TRYKTE STIL  (22/10, tredje udgave)
   ------------------------------------------------------------
   Mikkels ord: *"det slet ikke cafe agtig … de vil gerne være kendt
   for at lave gode smørrebrød"*. Forlægget er husets egne trykte
   menukort (billeder/menukort-bord-1400.jpg) — samme greb, som
   menukortet fik 26/9: rødt hoved med spærret linje og kransen,
   Bebas-overskrifter, en kursiv linje, den ternede kant med bølger,
   ◆ + rubrik + dobbelt rød streg, røde priser i Bebas og bokse med
   ternet top. Papir, ikke app.
   ============================================================ */
body.ny-side{--nk-creme:#fbf6ec;--nk-pink:#f5c7cb;--nk-blaa:#2a5f8f}
body.ny-side #idag,body.ny-side #ugen{display:none !important}

/* ---------- kortet ---------- */
.ny-side .nk{position:relative;border-radius:28px;overflow:hidden;background:var(--nk-creme);isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 24px 60px rgba(36,26,23,.16),0 4px 14px rgba(36,26,23,.08)}
.ny-side .nk-hoved{position:relative;padding:24px 20px 20px;padding-right:112px;background:var(--red);color:var(--nk-creme);overflow:hidden}
.ny-side .nk-hoved::before,.ny-side .nk-hoved::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.ny-side .nk-hoved::before{width:420px;height:420px;right:-210px;top:-150px}
.ny-side .nk-hoved::after{width:360px;height:360px;right:-90px;bottom:-300px}
.ny-side .nk-over{display:flex;align-items:center;gap:14px;font:400 13px/1 "Bebas Neue",sans-serif;letter-spacing:.34em;color:var(--nk-creme)}
.ny-side .nk-over i{flex:1;max-width:220px;height:1px;background:rgba(255,255,255,.45)}
.ny-side .nk-titel{margin:12px 0 0;font:400 clamp(44px,12vw,104px)/.86 "Bebas Neue",sans-serif;letter-spacing:.005em;color:var(--nk-creme)}
.ny-side .nk-slogan{margin:12px 0 0;max-width:34ch;font:italic 400 16px/1.4 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.01em;color:var(--nk-creme)}
.ny-side .nk-logo{position:absolute;top:18px;right:16px;width:82px;height:82px;border-radius:50%;box-shadow:0 10px 26px rgba(80,8,16,.35)}
.ny-side .nk-logo svg{display:block;width:100%;height:100%}
/* den ternede kant med bølger: creme halvcirkler, der skyder op i ternene */
.ny-side .nk-kant,.ny-side .nk-dag-kant{height:40px;margin-top:-1px;background:
  radial-gradient(circle at 50% 100%,var(--nk-creme) 11.5px,transparent 12px) 0 100%/24px 18px repeat-x,
  linear-gradient(90deg,rgba(216,41,59,.5) 50%,transparent 0) 0 0/24px 100%,
  linear-gradient(0deg,transparent 50%,rgba(216,41,59,.5) 0) 0 0/100% 24px,#fff}
.ny-side .nk-krop{padding:20px 20px 24px}
.ny-side .nk-kursiv{font:italic 400 14.5px/1.45 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.005em;color:var(--muted)}

/* ◆ + rubrik + dobbelt rød streg */
.ny-side .nk-rubrik{display:flex;align-items:center;gap:10px;margin:0;font:400 27px/1 "Bebas Neue",sans-serif;letter-spacing:.02em;color:var(--ink)}
.ny-side .nk-rubrik > span{flex:none;font-size:15px;color:var(--nk-blaa);transform:translateY(-2px)}
.ny-side .nk-rubrik::after{content:"";flex:1;min-width:24px;height:4px;margin-left:6px;border-top:1.5px solid var(--red);border-bottom:1.5px solid var(--red);opacity:.85}
.ny-side .nk-rubrik--stor{font-size:clamp(44px,12vw,64px);line-height:.9}
.ny-side .nk-rubrik--stor > span{font-size:20px}

.ny-side .nk-pris{font:400 26px/1 "Bebas Neue",sans-serif;letter-spacing:.01em;color:var(--red);font-variant-numeric:tabular-nums}
.ny-side .nk-pris--lille{font-size:21px}
.ny-side .nk-knap{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;
  font:600 16px/1 "Host Grotesk",system-ui,sans-serif;color:#fff;background:linear-gradient(180deg,#e2404f,var(--red-d));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 24px -10px rgba(180,31,46,.7);transition:transform .2s var(--spring)}
.ny-side .nk-knap:active{transform:scale(.97)}
.ny-side .nk-knap--lys{color:var(--red-d);background:transparent;box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.45)}
.ny-side .nk-knap--lille{height:40px;padding:0 16px;font-size:14.5px}
.ny-side .nk-henter{list-style:none;color:var(--muted);font-style:italic}

/* ---------- smørrebrødet ---------- */
.ny-side .nk-afsnit{padding-top:40px;padding-bottom:40px}
.ny-side .nk-fotos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px}
.ny-side .nk-foto{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--cream2);
  box-shadow:0 14px 30px -12px rgba(36,26,23,.35)}
.ny-side .nk-foto--stor{grid-column:1/-1;aspect-ratio:4/3.4}
.ny-side .nk-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.ny-side .nk-foto::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.ny-side .nk-liste{list-style:none;margin:14px 0 0;padding:0}
.ny-side .nk-liste li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;padding:9px 0;border-bottom:1px solid rgba(36,26,23,.1);break-inside:avoid}
.ny-side .nk-liste li.nk-skjult{display:none}
.ny-side .nk-liste.vis-alle li.nk-skjult{display:flex}
.ny-side .nk-navn{font:500 16px/1.3 "Host Grotesk",system-ui,sans-serif;color:var(--ink)}
.ny-side .nk-prik{flex:1;min-width:20px;border-bottom:2px dotted rgba(36,26,23,.26);transform:translateY(-4px)}
.ny-side .nk-liste small{flex-basis:100%;font-size:13px}
.ny-side .nk-flere{margin-top:12px;padding:6px 0;border:0;background:none;cursor:pointer;font:600 15px/1 "Host Grotesk",system-ui,sans-serif;color:var(--red-d);text-decoration:underline;text-underline-offset:4px}
.ny-side .nk-flere[hidden]{display:none}
.ny-side .nk-bokse{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.ny-side .nk-boks{position:relative;display:grid;align-content:start;gap:4px;padding:20px 14px 14px;border-radius:16px;background:#fff;overflow:hidden;
  box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.3)}
.ny-side .nk-boks::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;
  background:linear-gradient(90deg,rgba(216,41,59,.5) 50%,transparent 0) 0 0/8px 100%,linear-gradient(0deg,transparent 50%,rgba(216,41,59,.5) 0) 0 0/100% 8px,#fff}
.ny-side .nk-boks small{font:400 12px/1 "Bebas Neue",sans-serif;letter-spacing:.2em;color:var(--nk-blaa)}
.ny-side .nk-boks b{font:400 22px/1 "Bebas Neue",sans-serif;letter-spacing:.01em;color:var(--ink)}
.ny-side .nk-boks .nk-pris{font-size:34px;margin-top:4px}
.ny-side .nk-boks p{margin:2px 0 0;font-size:12.5px;line-height:1.35}
.ny-side .nk-knapper{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ny-side .nk-knapper .nk-knap{flex:1 1 220px}
@media (min-width:821px){
  body.ny-side .nk-afsnit{--g:max(28px,calc((100% - 1120px)/2))}
  .ny-side .nk-hoved{padding:34px 40px 30px;padding-right:180px}
  .ny-side .nk-logo{width:118px;height:118px;top:26px;right:34px}
  .ny-side .nk-slogan{font-size:18px;max-width:44ch}
  .ny-side .nk--smoer .nk-krop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;padding:36px 40px 40px;align-items:start}
  .ny-side .nk--smoer .nk-fotos{position:sticky;top:110px;margin:0}
  .ny-side .nk-liste{columns:2;column-gap:28px}
  .ny-side .nk-bokse{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
}

/* ---------- dagens ret: ugen som små trykte kort ---------- */
.ny-side .nk-afsnit--uge{overflow:hidden}
.ny-side .nk-afsnit-hoved{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.ny-side .nk-afsnit-hoved > div{flex:1;min-width:0}
.ny-side .nk-afsnit-linje{margin:10px 0 0;font:italic 400 16px/1.4 "Host Grotesk",system-ui,sans-serif;color:var(--ink2)}
.ny-side .ny-uge-pile{display:none;gap:8px}
.ny-side .ny-uge-pile button{width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--red-d);
  background:#fff;box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.3)}
.ny-side .ny-uge-pile svg{width:20px;height:20px}
.ny-side .ny-uge-raekke{display:flex;align-items:stretch;gap:14px;margin:22px calc(-1 * var(--pad)) 0;padding:6px var(--pad) 22px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none;outline:none}
.ny-side .ny-uge-raekke::-webkit-scrollbar{display:none}
.ny-side .nk-dag{flex:none;width:min(74vw,280px);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--nk-creme);
  box-shadow:0 18px 36px -16px rgba(36,26,23,.35),0 2px 6px rgba(36,26,23,.06)}
.ny-side .nk-dag.er-idag{width:min(84vw,330px)}
.ny-side .nk-dag-hoved{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:16px 18px 12px;background:var(--red);color:var(--nk-creme);overflow:hidden}
.ny-side .nk-dag-hoved::after{content:"";position:absolute;width:220px;height:220px;right:-110px;top:-120px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
.ny-side .nk-dag-hoved b{font:400 34px/.9 "Bebas Neue",sans-serif;letter-spacing:.01em}
.ny-side .nk-dag.er-idag .nk-dag-hoved b{font-size:42px}
.ny-side .nk-dag-hoved span{font:400 14px/1 "Bebas Neue",sans-serif;letter-spacing:.16em;color:var(--nk-pink);white-space:nowrap}
.ny-side .nk-dag-kant{height:26px;background:
  radial-gradient(circle at 50% 100%,var(--nk-creme) 7.5px,transparent 8px) 0 100%/16px 12px repeat-x,
  linear-gradient(90deg,rgba(216,41,59,.5) 50%,transparent 0) 0 0/16px 100%,
  linear-gradient(0deg,transparent 50%,rgba(216,41,59,.5) 0) 0 0/100% 16px,#fff}
.ny-side .nk-dag-krop{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px 18px 18px}
.ny-side .nk-dag h3{font:600 20px/1.2 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.ny-side .nk-dag.er-idag h3{font-size:23px}
.ny-side .nk-dag .nk-kursiv{margin:0}
.ny-side .nk-dag-tid{margin:0;font:500 13px/1.2 "Host Grotesk",system-ui,sans-serif;color:var(--muted)}
.ny-side .nk-dag-fod{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:12px;border-top:1.5px dashed rgba(36,26,23,.14)}
.ny-side .nk-dag-fod .nk-pris{font-size:32px}
.ny-side .nk-dag-fod .nk-knap{margin-left:auto}
.ny-side .nk-maerke{font:600 12.5px/1 "Host Grotesk",system-ui,sans-serif;padding:6px 10px;border-radius:999px;color:var(--red-d);background:rgba(214,42,58,.1)}
.ny-side .nk-maerke.er-udsolgt{color:#fff;background:var(--red)}
/* de tomme og lukkede dage er papir uden rødt hoved — stille, så dem med en ret står frem */
.ny-side .nk-dag.er-tom .nk-dag-hoved{background:#efe3d4;color:var(--ink2)}
.ny-side .nk-dag.er-tom .nk-dag-hoved span{color:var(--muted)}
.ny-side .nk-dag.er-tom .nk-dag-hoved::after{border-color:rgba(36,26,23,.08)}
.ny-side .nk-dag.er-tom .nk-dag-kant{opacity:.45}
.ny-side .nk-dag.er-tom h3{font-size:18px;color:var(--ink2)}
.ny-side .nk-dag--tom{width:min(100%,560px);flex:1 1 auto}
.ny-side .nk-dag--tom .nk-dag-hoved{background:var(--red);color:var(--nk-creme)}
.ny-side .nk-dag--tom .nk-knap{align-self:flex-start;margin-top:8px}
.ny-side .ny-uge-raekke.er-tom{scroll-snap-type:none}
.ny-side .ny-uge-prik{display:flex;justify-content:center;gap:7px}
.ny-side .ny-uge-prik i{width:7px;height:7px;border-radius:4px;background:rgba(36,26,23,.18);transition:width .3s var(--spring),background .3s ease}
.ny-side .ny-uge-prik i.on{width:22px;background:var(--red)}
@media (min-width:821px){
  .ny-side .ny-uge-pile{display:flex}
  /* rækken løber ud til skærmens kanter; kortene starter i spalten */
  .ny-side .ny-uge-raekke{--kant:max(28px,calc(50vw - 560px));margin:26px calc(-1 * var(--kant)) 0;padding:6px var(--kant) 26px;scroll-padding:0 var(--kant);gap:18px}
  .ny-side .nk-dag{width:280px}
  .ny-side .nk-dag.er-idag{width:340px}
  .ny-side .ny-uge-prik{display:none}
}

/* ---------- bestil mad: samme kort ---------- */
.ny-side #bestil.papir{background:none}
.ny-side #bestil.papir .best-bg,.ny-side #bestil.papir .best-slor,
.ny-side #bestil.papir > .rev:not(.panel):not(.lev-nyhed){display:none}
body.ny-side #bestil.papir .panel{position:relative;margin-top:16px;padding:0 18px 24px;border-radius:28px;overflow:clip;background:var(--nk-creme);
  -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 24px 60px rgba(36,26,23,.16),0 4px 14px rgba(36,26,23,.08)}
body.ny-side #bestil.papir .panel > .nk-hoved,body.ny-side #bestil.papir .panel > .nk-kant{margin-left:-18px;margin-right:-18px}
body.ny-side #bestil.papir .lev-nyhed{margin-top:0;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.35);-webkit-backdrop-filter:none;backdrop-filter:none;padding:14px 16px;gap:10px 14px}
body.ny-side #bestil.papir .lev-nyhed-tekst p{color:var(--ink2);font-size:13.5px}
body.ny-side #bestil.papir .lev-nyhed-tekst .lev-nyhed-titel,body.ny-side #bestil.papir .lev-nyhed-tekst .lev-gratis{color:var(--ink);font-size:16px}
body.ny-side #bestil.papir .lev-nyhed-knap{color:#fff;background:var(--red)}
.ny-side .ny-trin{margin:30px 0 0}
.ny-side .ny-trin[data-trin="1"]{margin-top:10px}
.ny-side .ny-trin .nk-rubrik > span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:19px;color:var(--nk-creme);background:var(--red);transform:none}
.ny-side .ny-trin p{margin:8px 0 0;font:italic 400 14.5px/1.4 "Host Grotesk",system-ui,sans-serif;color:var(--muted)}
.ny-side #bestil .field > label:not(.vilkaar-ja):not(.allergi-ja),.ny-side #bestil .two-col > div > label{font:400 17px/1 "Bebas Neue",sans-serif;letter-spacing:.12em;color:var(--nk-blaa)}

/* hvordan: tre kort med ikon og en linje under */
body.ny-side #bestil .seg2{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
body.ny-side #bestil .seg2 button{height:auto;min-height:92px;flex-direction:column;gap:5px;padding:14px 6px 12px;border-radius:18px;
  background:#fff;color:var(--ink);font-size:15px;box-shadow:inset 0 0 0 1px rgba(36,26,23,.1)}
body.ny-side #bestil .seg2 button svg{width:26px;height:26px;opacity:1;color:var(--ink2)}
body.ny-side #bestil .seg2 button::after{content:attr(data-under);font:italic 400 12.5px/1.2 "Host Grotesk",system-ui,sans-serif;color:var(--muted)}
body.ny-side #bestil .seg2 button.on{background:#fff;color:var(--red-d);box-shadow:inset 0 0 0 2px var(--red),0 10px 22px -12px rgba(214,42,58,.6)}
body.ny-side #bestil .seg2 button.on svg{color:var(--red)}

/* kategorirækkerne: den originale liste, der folder sig ud — nu med husets foto på hver række */
.ny-side [data-liste] > .item[data-kategori]{gap:14px;min-height:72px;padding:10px 14px 10px 10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(36,26,23,.08),0 6px 16px -12px rgba(36,26,23,.4);cursor:pointer;transition:transform .2s var(--spring)}
.ny-side [data-liste] > .item[data-kategori]:active{transform:scale(.985)}
.ny-side .ny-katfoto{flex:none;display:block;width:56px;height:56px;border-radius:14px;background:center 62%/cover no-repeat var(--cream2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.ny-side [data-liste] > .item.har-foto .kat-tegn,.ny-side .isbyg-blok.har-foto .isbyg-blok-tegn{display:none}
.ny-side [data-liste] > .item[data-kategori] h4{font:400 22px/1 "Bebas Neue",sans-serif;letter-spacing:.02em}
.ny-side [data-liste] > .item[data-kategori] .add{font:600 13.5px/1 "Host Grotesk",system-ui,sans-serif;color:var(--red-d);padding:9px 12px;border-radius:999px;background:rgba(214,42,58,.08)}
.ny-side [data-liste] > .item.ny-aaben{box-shadow:inset 0 0 0 2px var(--red),0 10px 22px -14px rgba(214,42,58,.6)}
.ny-side [data-liste] > .item.ny-aaben .add{color:var(--ink2);background:var(--cream2)}
.ny-side .isbyg-blok-hoved .ny-katfoto--is{width:44px;height:44px;border-radius:12px}

/* retterne: som linjer på kortet — navn, kursiv beskrivelse, rød pris i Bebas */
.ny-side [data-liste] > .item:not([data-kategori]),.ny-side [data-liste] .dagens-blok .item{gap:12px;padding:12px 12px 12px 16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(36,26,23,.08)}
.ny-side [data-liste] .item-tegn{display:none}
.ny-side [data-liste] .item h4{font-size:16px}
.ny-side [data-liste] .item .tag{margin-top:4px;padding:0;background:none;border-radius:0;font:400 22px/1 "Bebas Neue",sans-serif;letter-spacing:.01em;text-transform:none;color:var(--red)}
.ny-side [data-liste] .item .vare-desc{font-style:italic}
.ny-side [data-liste] .step:has(> button[data-d="-"]:disabled) > :not([data-d="+"]){display:none}
.ny-side [data-liste] .step button{width:38px;height:38px}

/* send: husets røde */
body.ny-side #bestil .panel button.g.solid.blk:not(:disabled){background:linear-gradient(180deg,#e2404f,var(--red-d));color:#fff}
body.ny-side #bestil .panel button.g.solid.blk:disabled{background:#e4d3c8;color:var(--ink2)}

/* trin 3: beskeden folder sig ud, når man vil skrive en */
.ny-side .ny-foldet{display:none}
.ny-side .ny-beskedknap{display:inline-flex;margin-top:14px;padding:10px 0;border:0;background:none;cursor:pointer;font:600 14.5px/1 "Host Grotesk",system-ui,sans-serif;color:var(--red-d)}
.ny-side .ny-beskedknap[hidden]{display:none}

@media (min-width:821px){
  body.ny-side #bestil.papir{--g:max(28px,calc((100% - 860px)/2))}
  body.ny-side #bestil.papir .panel{max-width:none;padding:0 36px 36px}
  body.ny-side #bestil.papir .panel > .nk-hoved,body.ny-side #bestil.papir .panel > .nk-kant{margin-left:-36px;margin-right:-36px}
  body.ny-side #bestil.papir .lev-nyhed{max-width:none}
}
.ny-side .nk-afsnit-hoved,.ny-side .nk-afsnit-hoved > div{max-width:none;width:auto}
.ny-side .nk-afsnit-hoved > .ny-uge-pile{flex:none}

/* rubrikkerne i bestillingen er ◆ som på kortet */
.ny-side .ny-trin .nk-rubrik > span{display:inline;width:auto;height:auto;border-radius:0;font-size:15px;color:var(--nk-blaa);background:none;transform:translateY(-2px)}
/* "Vælg jeres retter" siger det samme som rubrikken lige over */
.ny-side #bestil [data-liste] > label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- smartere: søg i menuen, én kategori ad gangen, første ledige tid ---------- */
.ny-side .ny-soeg{position:relative;display:flex;align-items:center;margin:14px 0 6px}
.ny-side .ny-soeg svg{position:absolute;left:16px;width:20px;height:20px;color:var(--muted);pointer-events:none}
.ny-side #bestil .ny-soeg .inp{width:100%;height:52px;padding:0 46px 0 46px;border-radius:999px;font-size:16px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(36,26,23,.12)}
.ny-side #bestil .ny-soeg .inp:focus{box-shadow:inset 0 0 0 2px var(--red)}
.ny-side #bestil .ny-soeg .inp::-webkit-search-cancel-button{-webkit-appearance:none}
.ny-side .ny-soeg-ryd{position:absolute;right:8px;width:36px;height:36px;border:0;border-radius:50%;cursor:pointer;font:400 22px/1 "Host Grotesk",system-ui,sans-serif;color:var(--ink2);background:var(--cream2)}
.ny-side .ny-soeg-ryd[hidden]{display:none}
/* mens der søges: kun de retter, der passer */
.ny-side [data-liste].ny-soeger > :is(.item,.dagens-blok,.isbyg-blok,.venter-note):not(.ny-match){display:none}
.ny-side [data-liste].ny-soeger > .item.ny-match{box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.35)}
.ny-side .ny-soeg-ingen{margin:14px 4px 0;font:italic 400 15px/1.45 "Host Grotesk",system-ui,sans-serif;color:var(--muted)}
.ny-side .ny-soeg-ingen[hidden]{display:none}

/* ============================================================
   DAG, TID OG LEVERING  (23/10)
   Mikkel: dag og tid skal være rullelisterne "som før, så når man
   trykker, folder de ned", og "levering skal være meget bedre".
   ============================================================ */
/* rullelisterne: telefonens egen liste, når man trykker — men i kortets udtryk */
.ny-side #bestil select.inp{height:56px;padding:0 48px 0 16px;border-radius:16px;font:600 16px/1 "Host Grotesk",system-ui,sans-serif;color:var(--ink);
  -webkit-appearance:none;appearance:none;background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d62a3a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:20px 20px;
  box-shadow:inset 0 0 0 1.5px rgba(36,26,23,.12),0 6px 14px -12px rgba(36,26,23,.5)}
.ny-side #bestil select.inp:focus{outline:none;box-shadow:inset 0 0 0 2px var(--red)}
.ny-side #bestil .two-col .inp,.ny-side #bestil input.inp,.ny-side #bestil textarea.inp{background-color:#fff;box-shadow:inset 0 0 0 1.5px rgba(36,26,23,.12)}
.ny-side #bestil input.inp:focus,.ny-side #bestil textarea.inp:focus{box-shadow:inset 0 0 0 2px var(--red)}

/* levering: et "Ny"-mærke på knappen; nyhedskortet over formularen er overflødigt nu */
.ny-side #bestil > .lev-nyhed{display:none !important}
body.ny-side #bestil .seg2 button{position:relative}
body.ny-side #bestil .seg2 button[data-nyt]::before{content:"Ny";position:absolute;top:-8px;right:-4px;padding:4px 8px;border-radius:999px;
  font:700 10px/1 "Host Grotesk",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--red);box-shadow:0 4px 10px -4px rgba(214,42,58,.7)}
/* levering valgt: det, gæsten skal vide, står lige over adressen */
.ny-side #flevfelt{margin-top:14px;padding:16px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.3),0 14px 30px -20px rgba(214,42,58,.6)}
.ny-side .ny-lev{display:flex;gap:14px;align-items:flex-start;padding-bottom:16px;margin-bottom:14px;border-bottom:1.5px dashed rgba(36,26,23,.14)}
.ny-side .ny-lev-ikon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:var(--red)}
.ny-side .ny-lev-ikon svg{width:26px;height:26px;fill:currentColor}
.ny-side .ny-lev-tekst{display:grid;gap:4px}
.ny-side .ny-lev-tekst > b{font:400 26px/1 "Bebas Neue",sans-serif;letter-spacing:.02em;color:var(--ink)}
.ny-side .ny-lev-tekst p{margin:0;font-size:14.5px;line-height:1.4;color:var(--ink2)}
.ny-side .ny-lev-tekst p [data-lev-pris]{font:400 22px/1 "Bebas Neue",sans-serif;color:var(--red)}
.ny-side .ny-lev-tekst p[hidden]{display:none}
.ny-side .ny-lev-gratis b{color:#1f7a45}
.ny-side .ny-lev-betal{font-style:italic;color:var(--muted)}
.ny-side #flevfelt > label{display:block;margin-bottom:8px}
.ny-side #flevfelt .inp{height:56px;font-size:16px;padding-left:46px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d62a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.1-7-11.5A7 7 0 0 1 19 9.5C19 14.9 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") no-repeat 14px center/22px 22px}
.ny-side #flevfelt .adr-status{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:14px}
.ny-side #flevfelt #lev-hint:empty{display:none}
/* hvordan: husets egne små tegninger — posen fra lugen, bordet med den ternede dug, den røde vogn */
body.ny-side #bestil .seg2 button svg.ny-hv-ikon{width:52px;height:52px;color:inherit;opacity:1;margin-bottom:2px}
body.ny-side #bestil .seg2 button:not(.on) svg.ny-hv-ikon{filter:saturate(.85)}
.ny-side .ny-lev-ikon{width:56px;height:56px;background:var(--nk-creme);box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.25)}
.ny-side .ny-lev-ikon svg.ny-lev-vogn{width:44px;height:44px;fill:none}
/* bestil.js' egen leveringslinje under adressen siger det samme som kortet over den */
.ny-side #flevfelt #lev-hint{display:none}

/* ingen "Henter …": smørrebrødets liste står som stille streger, til menukortet er hentet */
.ny-side .nk-liste li.nk-skelet{height:38px;padding:0;border-bottom:1px solid rgba(36,26,23,.06);position:relative}
.ny-side .nk-liste li.nk-skelet::before{content:"";position:absolute;left:0;top:12px;height:12px;width:62%;border-radius:6px;
  background:linear-gradient(90deg,rgba(36,26,23,.06),rgba(36,26,23,.11),rgba(36,26,23,.06));background-size:200% 100%;animation:nk-skelet 1.4s ease-in-out infinite}
.ny-side .nk-liste li.nk-skelet:nth-child(2n)::before{width:48%}
@keyframes nk-skelet{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.ny-side .nk-liste li.nk-skelet::before{animation:none}}
.ny-side .ny-uge-prik[hidden],.ny-side .ny-uge-pile[hidden],.ny-side .ny-nav a[hidden]{display:none !important}
.ny-side .nk-dag.er-udsolgt .nk-dag-hoved{background:#8d6e63}

/* ============================================================
   ÉN KNAP FOR HELE SIDEN  (23/10)
   Mikkel: "ret lige alle knapper på siden til dem, vi skal bruge".
   To slags, som smørrebrødets og bestillingens kort:
   · RØD (hovedhandlingen): husets røde gradient, hvid tekst, pille.
   · LYS (det andet valg): ingen flade, rød kant og rød tekst — på
     de mørke fotos (heroen, Find os, historien) hvid kant og hvid tekst.
   Samme højde, skrift og runding overalt; ingen glans, ingen emoji.
   ============================================================ */
body.ny-side :is(a,button).g:not(.icn),body.ny-side .nk-knap{min-height:52px;height:auto;padding:0 22px;border-radius:999px;font:600 16px/1.15 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.005em;
  -webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .2s var(--spring),box-shadow .2s ease,background-color .2s ease}
body.ny-side :is(a,button).g:not(.icn)::after,body.ny-side :is(a,button).g .sheen{display:none}
body.ny-side :is(a,button).g:not(.icn) > span[aria-hidden="true"]:first-child{display:none}
/* rød */
body.ny-side :is(a,button).g.solid,body.ny-side .isbyg-laeg,body.ny-side .venter-knap,body.ny-side .lev-nyhed-knap{
  color:#fff;background:linear-gradient(180deg,#e2404f,#b41f2e);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 24px -10px rgba(180,31,46,.7)}
body.ny-side .isbyg-laeg,body.ny-side .venter-knap{border:0;border-radius:999px;font:600 15px/1 "Host Grotesk",system-ui,sans-serif}
body.ny-side .isbyg-laeg{min-height:52px}
body.ny-side .venter-knap{padding:12px 18px}
body.ny-side :is(a,button).g.solid:disabled,body.ny-side .isbyg-laeg:disabled{color:var(--ink2);background:#e4d3c8;box-shadow:none}
/* lys */
body.ny-side :is(a,button).g:not(.solid):not(.icn){color:var(--red-d);background:transparent;box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.45)}
body.ny-side :is(a,button).g:not(.solid):not(.icn):hover{background:rgba(214,42,58,.06)}
/* lys på de mørke fotos */
body.ny-side .hero :is(a,button).g:not(.solid),body.ny-side #find :is(a,button).g:not(.solid),body.ny-side .about .hist-teaser-knap{
  color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
body.ny-side .about .hist-teaser-knap{min-height:48px;padding:0 20px;border-radius:999px;font:600 15px/1 "Host Grotesk",system-ui,sans-serif;text-decoration:none}
/* menuens "Menu"-knap i bjælken: hvid pille med tynd kant */
body.ny-side .topbar .g.icn.menu{background:#fff;box-shadow:inset 0 0 0 1px rgba(36,26,23,.1),0 6px 16px -8px rgba(36,26,23,.35)}
/* de flydende piller nederst (Bestil mad, kurven) i samme røde */
body.ny-side .bestil,body.ny-side .kurvbar{background:linear-gradient(180deg,#e2404f,#b41f2e);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 30px -10px rgba(180,31,46,.75)}
body.ny-side :is(.bestil,.kurvbar) .sheen{display:none}
/* "Hvad skal vi hjælpe med?": pilen er rød som resten */
body.ny-side #alt .linse{background:var(--red);color:#fff}
/* isens valg: hvide chips med tynd kant, det valgte rødt */
body.ny-side .isbyg-knap{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(36,26,23,.12)}
body.ny-side .isbyg-knap.valgt,body.ny-side .isbyg-knap.on{color:#fff;background:var(--red);box-shadow:none}
/* knapper side om side: lige brede, på telefonen under hinanden */
body.ny-side .hero-cta{gap:12px}
body.ny-side .hero-cta .g{width:100%;min-height:56px;font-size:17px}

/* ============================================================
   MENUKORTET OG TAPASSEN SOM TRYKTE KORT  (23/10)
   ============================================================ */
.ny-side .nk-afsnit--menu{display:grid;gap:28px}
.ny-side .nk-afsnit--menu .nk-titel{font-size:clamp(44px,12vw,96px)}
.ny-side .nk-foto--kort{aspect-ratio:4/3;margin-bottom:22px}
.ny-side .nk-foto--kort img{object-position:50% 50%}
/* kapitlerne: foto, navn og antal — som en indholdsfortegnelse på kortet */
.ny-side .nk-kapitler{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
.ny-side .nk-kapitler li.nk-skjult{display:none}
.ny-side .nk-kapitler.vis-alle li.nk-skjult{display:block}
.ny-side .nk-kapitler li.nk-skelet{height:58px;border-bottom:1px solid rgba(36,26,23,.08);position:relative}
.ny-side .nk-kapitler li.nk-skelet::before{content:"";position:absolute;left:0;top:14px;width:30px;height:30px;border-radius:50%;background:rgba(36,26,23,.07)}
.ny-side .nk-kapitel{display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid rgba(36,26,23,.1);color:var(--ink);text-decoration:none;transition:background .2s ease}
.ny-side .nk-kapitel:hover{background:rgba(214,42,58,.04)}
.ny-side .nk-kapitel-foto{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:20px;background:center 62%/cover no-repeat var(--cream2);box-shadow:0 0 0 2px #fff,0 4px 10px -4px rgba(36,26,23,.4)}
.ny-side .nk-kapitel-navn{flex:1;min-width:0;font:400 21px/1.05 "Bebas Neue",sans-serif;letter-spacing:.02em}
.ny-side .nk-kapitel-tal{flex:none;font:italic 400 13.5px/1 "Host Grotesk",system-ui,sans-serif;color:var(--muted)}
.ny-side .nk-kapitel::after{content:"→";flex:none;margin-left:4px;font:600 15px/1 "Host Grotesk",system-ui,sans-serif;color:var(--red);transition:transform .2s ease}
.ny-side .nk-kapitel:hover::after{transform:translateX(3px)}
.ny-side .nk-kapitel-mere{padding-top:4px}
.ny-side .nk-note{margin:16px 0 0;font:italic 400 14px/1.45 "Host Grotesk",system-ui,sans-serif;color:var(--muted)}
.ny-side .nk-note span{font-style:normal;color:var(--nk-blaa);margin-right:4px}
.ny-side .nk--menu .nk-knapper .nk-knap{flex:1 1 100%}
/* tapassen */
.ny-side .nk-foto--tapas{aspect-ratio:4/3;margin-bottom:22px}
.ny-side .nk-foto--tapas image-slot{position:absolute;inset:0;display:block;width:100%;height:100%}
.ny-side .nk-foto--tapas image-slot img{width:100%;height:100%;object-fit:cover}
.ny-side .nk-liste--kort li{padding:11px 0}
.ny-side .nk-liste--kort li::before{content:"◆";margin-right:10px;font-size:11px;color:var(--nk-blaa)}
.ny-side .nk-tapas-fod{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-top:22px}
.ny-side .nk-tapas-pris{display:grid;font:400 46px/.9 "Bebas Neue",sans-serif;color:var(--red)}
.ny-side .nk-tapas-pris small{font:italic 400 13px/1.2 "Host Grotesk",system-ui,sans-serif;color:var(--muted)}
.ny-side .nk-tapas-fod .nk-knap{flex:1 1 200px}
@media (min-width:821px){
  .ny-side .nk--menu .nk-krop,.ny-side .nk--tapas .nk-krop{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;padding:36px 40px 40px;align-items:start}
  .ny-side .nk--tapas .nk-krop{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
  .ny-side .nk--tapas .nk-foto--tapas{order:2}
  .ny-side .nk-foto--kort,.ny-side .nk-foto--tapas{margin:0;position:sticky;top:110px}
  .ny-side .nk-liste--kort{columns:1}
  .ny-side .nk-kapitel-navn{font-size:22px}
  .ny-side .nk-kapitel-mere{grid-column:1/-1}
}
/* .tapasec har sit eget smalle mål i havnegrillen-desktop.css — kortet her følger spalten */
body.ny-side .nk--tapas.tapasec{max-width:none;width:auto;margin-left:0;margin-right:0;padding:0;display:block}
.ny-side .nk-liste--kort li{flex-wrap:nowrap}

/* ============================================================
   ISEN — HUSETS STOLTHED  (23/10)
   Det største kort på siden: kort 05's hoved, tre store fotos,
   prislisten som på papiret og isvognen i en boks.
   ============================================================ */
.ny-side .nk-afsnit--is{padding-top:44px;padding-bottom:44px}
.ny-side .nk--is .nk-titel{font-size:clamp(52px,14.5vw,130px);line-height:.86}
.ny-side .nk--is .nk-titel span{color:var(--nk-pink)}
.ny-side .nk--is .nk-slogan{font-size:17px}
.ny-side .nk-is-fotos{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:10px;padding:20px 20px 0}
.ny-side .nk-is-fotos .nk-foto{aspect-ratio:auto;margin:0}
.ny-side .nk-is-fotos .nk-foto:first-child{grid-row:1/3;aspect-ratio:3/4.4}
.ny-side .nk-is-fotos .nk-foto:not(:first-child){aspect-ratio:1/1}
.ny-side .nk-is-fotos .nk-foto img{object-position:50% 55%}
.ny-side .nk-is-intro{margin:12px 0 0;font:italic 400 15.5px/1.5 "Host Grotesk",system-ui,sans-serif;color:var(--ink2)}
/* prislisten: navn, prikket linje, rød pris — som kort 05 */
body.ny-side .nk-is-priser{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none}
body.ny-side .nk-is-priser[hidden]{display:none}
body.ny-side .nk-is-priser li{display:flex;align-items:baseline;gap:8px;padding:11px 0;border-radius:0;background:none;box-shadow:none;border-bottom:1px solid rgba(36,26,23,.1)}
body.ny-side .nk-is-priser .is-tegn{display:none}
body.ny-side .nk-is-priser .is-navn{flex:0 1 auto;font:500 16px/1.3 "Host Grotesk",system-ui,sans-serif;color:var(--ink)}
body.ny-side .nk-is-priser li::after{content:"";order:1;flex:1;min-width:16px;border-bottom:2px dotted rgba(36,26,23,.26);transform:translateY(-4px)}
body.ny-side .nk-is-priser .is-pris{order:2;font:400 24px/1 "Bebas Neue",sans-serif;color:var(--red)}
body.ny-side .nk--is .nk-knapper .nk-knap{flex:1 1 200px}
body.ny-side .nk--is .is-kortlink{display:inline-flex;align-items:center;justify-content:center;width:auto;height:52px;margin:0;border:0;padding:0 22px;border-radius:999px;font-size:16px;box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.45)}
body.ny-side .nk--is .is-kortlink.skjult{display:none}
/* isvognen */
.ny-side .nk-isvogn{margin-top:24px;padding:22px 18px 18px;gap:6px}
.ny-side .nk-isvogn b{font-size:30px}
.ny-side .nk-isvogn p{font-size:14.5px;margin:4px 0 10px}
.ny-side .nk-isvogn .nk-knap{justify-self:start}
@media (min-width:821px){
  .ny-side .nk--is .nk-hoved{padding-bottom:36px}
  .ny-side .nk-is-fotos{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:none;gap:14px;padding:30px 40px 0}
  .ny-side .nk-is-fotos .nk-foto:first-child{grid-row:auto;aspect-ratio:4/5}
  .ny-side .nk-is-fotos .nk-foto:not(:first-child){aspect-ratio:4/5}
  .ny-side .nk-is-krop{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:44px;padding:32px 40px 40px;align-items:start}
  .ny-side .nk-isvogn{margin-top:46px}
}

/* ============================================================
   HVERT AFSNIT SIT EGET UDTRYK + AFSNITSBJÆLKEN  (23/10)
   Mikkel: "det ligner alt sammen hinanden — det må gerne være mere
   unikt og nemmere at navigere", og straks efter: "det var kun isen,
   der skulle se lidt anderledes ud … de andre sektioner er gode nu,
   rør dem ikke". Så: isen er en ISBAR, resten er de trykte kort, og
   afsnitsbjælken gør siden nemmere at finde rundt i.
   ============================================================ */

/* ---------- afsnitsbjælken (telefon) / aktiv genvej (computer) ---------- */
.ny-side .ny-afsnitbar{position:sticky;top:var(--ny-top,72px);z-index:40;display:flex;gap:6px;padding:10px var(--pad);overflow-x:auto;scrollbar-width:none;
  background:rgba(253,247,239,.94);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:0 1px 0 rgba(36,26,23,.08)}
.ny-side .ny-afsnitbar::-webkit-scrollbar{display:none}
.ny-side .ny-afsnitbar a{flex:none;padding:9px 14px;border-radius:999px;font:600 14px/1 "Host Grotesk",system-ui,sans-serif;color:var(--ink2);text-decoration:none;transition:background .2s ease,color .2s ease}
.ny-side .ny-afsnitbar a.on{color:#fff;background:var(--red)}
.ny-side .ny-afsnitbar a[hidden]{display:none}
@media (min-width:821px){
  .ny-side .ny-afsnitbar{display:none}
  .ny-side .topbar.stuck .ny-nav a.on,.ny-side .topbar.solid .ny-nav a.on{color:#fff;background:var(--red)}
}

/* ---------- ISEN: en isbar med stribet markise og polaroids ---------- */
.ny-side .nk-afsnit--is{background:#fbe2e5;padding-top:0}
body.ny-side .nk--is{background:none;box-shadow:none;border-radius:0;overflow:visible}
.ny-side .nk--is::before{content:"";display:block;height:58px;margin:0 calc(-1 * var(--pad));
  background:repeating-linear-gradient(90deg,var(--red) 0 30px,#fff 30px 60px);
  -webkit-mask:radial-gradient(circle 15px at 15px 100%,transparent 98%,#000) 0 0/30px 100%;mask:radial-gradient(circle 15px at 15px 100%,transparent 98%,#000) 0 0/30px 100%;
  filter:drop-shadow(0 6px 6px rgba(120,20,30,.25))}
.ny-side .nk--is .nk-hoved{background:none;color:var(--ink);padding:26px 0 4px;padding-right:96px}
.ny-side .nk--is .nk-hoved::before,.ny-side .nk--is .nk-hoved::after{display:none}
.ny-side .nk--is .nk-over{color:var(--red-d)}
.ny-side .nk--is .nk-over i{background:var(--red);opacity:.4}
.ny-side .nk--is .nk-titel{color:var(--red)}
.ny-side .nk--is .nk-titel span{color:#e97f8c}
.ny-side .nk--is .nk-slogan{color:var(--ink2)}
.ny-side .nk--is .nk-logo{top:30px;right:0;width:76px;height:76px;box-shadow:0 10px 20px -8px rgba(180,31,46,.5)}
.ny-side .nk--is .nk-kant{display:none}
.ny-side .nk--is .nk-is-fotos{padding:22px 4px 6px;gap:16px 12px}
.ny-side .nk--is .nk-is-fotos .nk-foto{border-radius:4px;background:#fff;padding:7px 7px 26px;box-shadow:0 14px 28px -12px rgba(120,20,30,.45),0 2px 4px rgba(36,26,23,.08);overflow:visible}
.ny-side .nk--is .nk-is-fotos .nk-foto img{position:static;width:100%;height:100%;border-radius:2px}
.ny-side .nk--is .nk-is-fotos .nk-foto::after{display:none}
.ny-side .nk--is .nk-is-fotos .nk-foto:nth-child(1){transform:rotate(-2.2deg)}
.ny-side .nk--is .nk-is-fotos .nk-foto:nth-child(2){transform:rotate(1.8deg)}
.ny-side .nk--is .nk-is-fotos .nk-foto:nth-child(3){transform:rotate(-1.2deg)}
.ny-side .nk--is .nk-is-krop{padding:22px 0 8px}
.ny-side .nk--is .nk-is-krop > .nk-tekst{padding:22px 18px 20px;border-radius:18px;background:#fff;box-shadow:0 18px 36px -22px rgba(120,20,30,.5)}
.ny-side .nk--is .nk-isvogn{background:#fff6f7}
@media (min-width:821px){
  .ny-side .nk--is::before{margin:0 calc(-1 * var(--g));height:70px}
  .ny-side .nk--is .nk-hoved{padding:40px 0 6px;padding-right:160px}
  .ny-side .nk--is .nk-logo{width:110px;height:110px;top:44px}
  .ny-side .nk--is .nk-is-fotos{padding:30px 10px 10px;gap:26px}
  .ny-side .nk--is .nk-is-krop{padding:34px 0 10px}
}
/* de skæve kort og polaroids må ikke give siden en vandret rulning */
.ny-side .nk-afsnit--is{overflow-x:clip}
/* markisen går fra kant til kant, og dugen før den er overflødig — markisen er isens kant */
.ny-side .nk--is::before{margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}
.ny-side .dug--b{display:none}

/* ---------- VORES IS: smagene, fanerne og hele sortimentet ---------- */
.ny-side .nk-is-smage{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0}
.ny-side .nk-is-smage[hidden]{display:none}
.ny-side .nk-is-smage b{width:100%;font:400 15px/1 "Bebas Neue",sans-serif;letter-spacing:.14em;color:var(--nk-blaa)}
.ny-side .nk-is-smage span{padding:8px 14px;border-radius:999px;font:600 14px/1 "Host Grotesk",system-ui,sans-serif;color:var(--red-d);background:#fde7ea;box-shadow:inset 0 0 0 1px rgba(214,42,58,.2)}
.ny-side .nk-is-faner{display:flex;gap:8px;margin:20px 0 4px;overflow-x:auto;scrollbar-width:none}
.ny-side .nk-is-faner[hidden]{display:none}
.ny-side .nk-is-faner::-webkit-scrollbar{display:none}
.ny-side .nk-is-fane{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:999px;cursor:pointer;
  font:400 19px/1 "Bebas Neue",sans-serif;letter-spacing:.04em;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1.5px rgba(36,26,23,.12)}
.ny-side .nk-is-fane small{font:600 12px/1 "Host Grotesk",system-ui,sans-serif;letter-spacing:0;color:var(--muted)}
.ny-side .nk-is-fane.on{color:#fff;background:var(--red);box-shadow:0 8px 18px -8px rgba(180,31,46,.8)}
.ny-side .nk-is-fane.on small{color:var(--nk-pink)}
.ny-side .nk-is-alt{list-style:none;margin:8px 0 0;padding:0}
.ny-side .nk-is-alt[hidden]{display:none}
.ny-side .nk-is-alt li{padding:11px 0;border-bottom:1px solid rgba(36,26,23,.1)}
.ny-side .nk-is-alt li.nk-skelet{height:44px;position:relative;padding:0}
.ny-side .nk-is-alt li.nk-skelet::before{content:"";position:absolute;left:0;top:16px;height:12px;width:60%;border-radius:6px;background:rgba(36,26,23,.07)}
.ny-side .nk-is-linje{display:flex;align-items:baseline;gap:8px}
.ny-side .nk-is-linje .nk-navn{flex:0 1 auto}
.ny-side .nk-is-linje .nk-pris{flex:none;font-size:24px}
.ny-side .nk-is-alt small{display:block;margin-top:3px;font-size:13.5px}
.ny-side .nk-is-alt li.er-udsolgt .nk-navn{text-decoration:line-through;color:var(--muted)}
@media (min-width:821px){
  .ny-side .nk-is-alt{columns:2;column-gap:32px}
  .ny-side .nk-is-alt li{break-inside:avoid}
  .ny-side .nk--is .nk-is-krop{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}
}
/* kransen i posen: knappens egen svg-regel (26 px) må ikke gælde den indlejrede svg */
body.ny-side #bestil .seg2 button svg.ny-hv-ikon svg.ny-krans{width:14px;height:14px;margin:0;opacity:1}

/* ============================================================
   SELSKAB & CATERING SOM TRYKT KORT  (23/10)
   ============================================================ */
body.ny-side .nk-afsnit--selskab{background:var(--cream)}
.ny-side .nk--selskab .nk-titel span{color:var(--nk-pink)}
.ny-side .nk--selskab .nk-selskab-krop h3.nk-rubrik{margin-top:0;font-size:27px}
/* "vi gør os umage": linjer med husets tegn, ikke kasser */
.ny-side .nk--selskab .feats{gap:0;margin-top:10px}
.ny-side .nk--selskab .feat{padding:13px 2px;border-radius:0;background:none;box-shadow:none;border-bottom:1px solid rgba(36,26,23,.1);font-size:16px;align-items:center}
.ny-side .nk--selskab .feat b{font-weight:500}
.ny-side .nk--selskab .feat svg{width:22px;height:22px;margin:0}
.ny-side .nk--selskab .stemning{margin-top:22px;gap:10px}
.ny-side .nk--selskab .stem-flis{border-radius:20px;box-shadow:0 14px 30px -14px rgba(36,26,23,.4)}
/* de tre løfter: små bokse med ternet top */
.ny-side .nk--selskab .facts{gap:10px;margin-top:24px}
.ny-side .nk--selskab .fact{position:relative;overflow:hidden;padding:22px 16px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(214,42,58,.25);font-size:14.5px;flex-direction:column;gap:6px}
.ny-side .nk--selskab .fact::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;
  background:linear-gradient(90deg,rgba(216,41,59,.5) 50%,transparent 0) 0 0/7px 100%,linear-gradient(0deg,transparent 50%,rgba(216,41,59,.5) 0) 0 0/100% 7px,#fff}
.ny-side .nk--selskab .fact svg{width:22px;height:22px;margin:0}
.ny-side .nk--selskab .fact b{display:block;font:400 22px/1.05 "Bebas Neue",sans-serif;letter-spacing:.02em;margin-bottom:2px}
/* skal vi tage snakken: kortets afslutning, rød boks */
.ny-side .nk--selskab .talk{margin-top:26px;padding:28px 20px 24px;border-radius:22px;color:var(--nk-creme);background:var(--red);box-shadow:0 20px 40px -20px rgba(180,31,46,.8);position:relative;overflow:hidden}
.ny-side .nk--selskab .talk::after{content:"";position:absolute;width:380px;height:380px;right:-200px;top:-200px;border-radius:50%;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.ny-side .nk--selskab .talk h3{font:400 40px/.95 "Bebas Neue",sans-serif;letter-spacing:.01em;color:var(--nk-creme)}
.ny-side .nk--selskab .talk p{color:rgba(251,246,236,.9);font-size:15.5px;font-style:italic}
body.ny-side .nk--selskab .talk .g.solid{color:var(--red-d);background:#fff;box-shadow:0 12px 24px -10px rgba(80,8,16,.6)}
.ny-side .nk--selskab .talk .ring{color:rgba(251,246,236,.85);font-size:14px}
.ny-side .nk--selskab .talk .ring a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
@media (min-width:821px){
  .ny-side .nk--selskab .nk-selskab-krop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px 44px;padding:36px 40px 40px;align-items:start}
  .ny-side .nk--selskab .nk-selskab-umage{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0 44px;align-items:start}
  .ny-side .nk--selskab .nk-selskab-umage > h3,.ny-side .nk--selskab .nk-selskab-umage > .feats{grid-column:1}
  .ny-side .nk--selskab .nk-selskab-umage > .stemning{grid-column:2;grid-row:1/4;margin-top:0}
  .ny-side .nk--selskab .facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}
  .ny-side .nk--selskab .talk{grid-column:1/-1;margin-top:6px}
}
/* .talk har sit eget smalle mål i havnegrillen-desktop.css — her følger den kortet */
body.ny-side .nk--selskab .talk{max-width:none;margin-left:0;margin-right:0;width:auto}
@media (max-width:820px){.ny-side .nk--selskab .nk-selskab-krop h3.nk-rubrik{font-size:23px}}
body.ny-side .nk--selskab .talk .g{width:min(100%,420px)}
/* selskabets egne små tegninger (brødet, kasketten, festbordet; kortet, uret, telefonen) */
body.ny-side .nk--selskab .feat svg.ny-ill{flex:none;width:52px;height:52px;padding:6px;margin:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(36,26,23,.08),0 6px 14px -10px rgba(36,26,23,.5);color:inherit}
body.ny-side .nk--selskab .feat{gap:16px}
body.ny-side .nk--selskab .fact svg.ny-ill{width:54px;height:54px;margin:0 0 4px;color:inherit}

/* ============================================================
   SELSKAB SOM FESTAFTEN PÅ HAVNEN  (23/10)
   Mikkel: "det ligner stadig meget det samme — ligesom issiden, lav
   den lidt mere unik". Ligesom isen fik sin isbar, får selskabet sin
   aften: havneblå nattehimmel, en lyskæde med glødende pærer på tværs
   (som i baglokalet og på terrassen) og fotos med varm glød. Det røde
   "Skal vi tage snakken?" står som festens lys i mørket.
   ============================================================ */
body.ny-side .nk-afsnit--selskab{position:relative;overflow-x:clip;padding-top:0;background:radial-gradient(120% 60% at 50% 0,#2b3650 0,#1b2232 55%,#161b28 100%)}
.ny-side .nk-afsnit--selskab::before{content:"";display:block;height:78px;margin:0 calc(50% - 50vw);--lyskaede:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="140" height="78" viewBox="0 0 140 78"%3E%3Cdefs%3E%3CradialGradient id="g"%3E%3Cstop offset="0" stop-color="%23ffd27a" stop-opacity=".45"/%3E%3Cstop offset="1" stop-color="%23ffd27a" stop-opacity="0"/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d="M0 8Q70.0 54 140 8" fill="none" stroke="%236b5d50" stroke-width="2"/%3E%3Ccircle cx="25.2" cy="30.2" r="16" fill="url%28%23g%29"/%3E%3Crect x="22.6" y="18.2" width="5.2" height="6" rx="1" fill="%232a2420"/%3E%3Cellipse cx="25.2" cy="30.2" rx="5.2" ry="6.4" fill="%23ffe2a0"/%3E%3Cellipse cx="23.8" cy="28.2" rx="1.6" ry="2.2" fill="%23fff6dc"/%3E%3Ccircle cx="70.0" cy="38.0" r="16" fill="url%28%23g%29"/%3E%3Crect x="67.4" y="26.0" width="5.2" height="6" rx="1" fill="%232a2420"/%3E%3Cellipse cx="70.0" cy="38.0" rx="5.2" ry="6.4" fill="%23ffe2a0"/%3E%3Cellipse cx="68.6" cy="36.0" rx="1.6" ry="2.2" fill="%23fff6dc"/%3E%3Ccircle cx="114.8" cy="30.2" r="16" fill="url%28%23g%29"/%3E%3Crect x="112.2" y="18.2" width="5.2" height="6" rx="1" fill="%232a2420"/%3E%3Cellipse cx="114.8" cy="30.2" rx="5.2" ry="6.4" fill="%23ffe2a0"/%3E%3Cellipse cx="113.4" cy="28.2" rx="1.6" ry="2.2" fill="%23fff6dc"/%3E%3C/svg%3E');background:var(--lyskaede) 0 0/140px 78px repeat-x;
  animation:ny-glod 3.2s ease-in-out infinite alternate}
@keyframes ny-glod{from{opacity:.85}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ny-side .nk-afsnit--selskab::before{animation:none}}
body.ny-side .nk--selskab{background:none;box-shadow:none;border-radius:0;overflow:visible}
.ny-side .nk--selskab .nk-hoved{background:none;padding:22px 0 6px;padding-right:96px;color:var(--nk-creme)}
.ny-side .nk--selskab .nk-hoved::before,.ny-side .nk--selskab .nk-hoved::after,.ny-side .nk--selskab .nk-kant{display:none}
.ny-side .nk--selskab .nk-over{color:#e8c48f}
.ny-side .nk--selskab .nk-over i{background:#e8c48f;opacity:.45}
.ny-side .nk--selskab .nk-titel{color:var(--nk-creme)}
.ny-side .nk--selskab .nk-titel span{color:#ffd27a}
.ny-side .nk--selskab .nk-slogan{color:rgba(251,246,236,.82)}
.ny-side .nk--selskab .nk-logo{top:26px;right:0;box-shadow:0 0 0 6px rgba(255,210,122,.12),0 0 40px rgba(255,210,122,.25)}
.ny-side .nk--selskab .nk-selskab-krop{padding:22px 0 10px}
.ny-side .nk--selskab .nk-rubrik{color:var(--nk-creme)}
.ny-side .nk--selskab .nk-rubrik > span{color:#ffd27a}
.ny-side .nk--selskab .nk-rubrik::after{border-color:#e8c48f;opacity:.45}
.ny-side .nk--selskab .feat{color:var(--nk-creme);border-bottom-color:rgba(251,246,236,.12)}
.ny-side .nk--selskab .feat b{color:var(--nk-creme)}
body.ny-side .nk--selskab .feat svg.ny-ill{background:var(--nk-creme);box-shadow:0 0 0 4px rgba(255,210,122,.1),0 8px 18px -8px rgba(0,0,0,.6)}
/* fotoerne: varmt lys omkring, som pærer i mørket */
.ny-side .nk--selskab .stem-flis{box-shadow:0 0 0 1px rgba(255,210,122,.25),0 18px 40px -16px rgba(0,0,0,.7),0 0 46px -10px rgba(255,200,110,.35)}
.ny-side .nk--selskab .fact{background:var(--nk-creme);box-shadow:0 14px 30px -18px rgba(0,0,0,.7)}
.ny-side .nk--selskab .talk{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 50px -20px rgba(0,0,0,.7),0 0 60px -10px rgba(214,42,58,.55)}
@media (min-width:821px){
  .ny-side .nk--selskab .nk-hoved{padding:34px 0 8px;padding-right:160px}
  .ny-side .nk--selskab .nk-logo{top:40px;width:112px;height:112px}
  .ny-side .nk--selskab .nk-selskab-krop{padding:30px 0 20px}
}
.ny-side .nk--selskab .nk-hoved{overflow:visible}
.ny-side .nk--selskab .nk-logo{box-shadow:0 0 0 5px rgba(255,210,122,.14)}

/* ============================================================
   HISTORIEN SOM FILMSTRIMMEL  (23/10)
   Mikkel: "det må gerne forblive cinematisk, men tænke skarpere og
   mindre generisk". Luftfotoet fylder afsnittet som før, mørkt og
   filmisk; glasbokse er afløst af en rigtig filmstrimmel med perforering,
   hvor hvert billede er et år. De historiske i sepia, "I dag" i farver.
   ============================================================ */
.ny-side .ny-film{position:relative;isolation:isolate;overflow:hidden;padding:64px var(--pad) 56px;color:var(--nk-creme);background:#120d0a}
.ny-side .ny-album-bg{position:absolute;inset:0;z-index:-2}
.ny-side .ny-album-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:sepia(.35) contrast(1.1) brightness(.75)}
.ny-side .ny-film::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,13,10,.55) 0%,rgba(18,13,10,.25) 30%,rgba(18,13,10,.75) 62%,#120d0a 100%),
  radial-gradient(130% 90% at 50% 40%,transparent 50%,rgba(0,0,0,.6))}
/* filmkorn */
.ny-side .ny-film::after{content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;opacity:.12;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ny-side .ny-film .nk-over{color:#e8c48f}
.ny-side .ny-film .nk-over i{background:#e8c48f;opacity:.5}
.ny-side .ny-album-titel{margin:14px 0 0;font:400 clamp(56px,16vw,150px)/.84 "Bebas Neue",sans-serif;letter-spacing:.005em;color:var(--nk-creme);text-shadow:0 4px 30px rgba(0,0,0,.5)}
.ny-side .ny-album-titel span{display:block;color:#e8c48f}
.ny-side .ny-album-lead{margin:18px 0 0;max-width:44ch;font:italic 400 17px/1.55 "Host Grotesk",system-ui,sans-serif;color:rgba(251,246,236,.88);text-shadow:0 2px 12px rgba(0,0,0,.6)}
/* filmstrimlen: sort bånd med perforering foroven og forneden, rammer man swiper i */
.ny-side .ny-tidslinje{position:relative;display:flex;gap:0;list-style:none;margin:40px calc(-1 * var(--pad)) 0;padding:26px var(--pad);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none;outline:none;
  background:
    radial-gradient(circle at 50% 50%,#2a211b 0 0) 0 0/0 0,
    linear-gradient(#0b0807,#0b0807);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.ny-side .ny-tidslinje::-webkit-scrollbar{display:none}
.ny-side .ny-tidslinje::before,.ny-side .ny-tidslinje::after{content:"";position:absolute;left:0;right:0;height:12px;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 9px,#d8cfc4 9px 21px,transparent 21px 30px);
  -webkit-mask:linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0);opacity:.85;border-radius:2px;width:max(100%,var(--strimmel,100%))}
.ny-side .ny-tidslinje::before{top:7px}
.ny-side .ny-tidslinje::after{bottom:7px}
.ny-side .ny-tidslinje li{flex:none;width:min(78vw,300px);scroll-snap-align:start;padding:0 7px;position:relative;display:flex;flex-direction:column}
.ny-side .ny-tidslinje li + li{border-left:2px solid #1e1714}
.ny-side .ny-print{position:relative;margin:0;padding:0;background:none;box-shadow:none;transform:none;max-width:none}
.ny-side .ny-tidslinje li:nth-child(even) .ny-print{transform:none}
.ny-side .ny-print img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;filter:sepia(.75) contrast(1.12) brightness(.95);border-radius:3px}
.ny-side .ny-tl-nu .ny-print img{filter:contrast(1.05)}
.ny-side .ny-aar{position:absolute;left:16px;top:10px;z-index:1;display:block;padding:0;border:0;border-radius:0;transform:none;background:none;mix-blend-mode:normal;
  font:400 52px/1 "Bebas Neue",sans-serif;letter-spacing:.02em;color:var(--nk-creme);text-shadow:0 2px 14px rgba(0,0,0,.75)}
.ny-side .ny-tl-nu .ny-aar{color:#ffd27a;background:none}
.ny-side .ny-tidslinje li::before{content:none}
.ny-side .ny-tl-tekst{padding:12px 4px 4px}
.ny-side .ny-tl-tekst h3{margin:0;font:400 24px/1 "Bebas Neue",sans-serif;letter-spacing:.04em;color:#e8c48f}
.ny-side .ny-tl-tekst p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:rgba(251,246,236,.82)}
.ny-side .ny-album-fod{margin-top:30px}
.ny-side .ny-album-fod .nk-knap{color:var(--nk-creme);background:transparent;box-shadow:inset 0 0 0 1.5px rgba(232,196,143,.7)}
.ny-side .ny-album-fod .nk-knap:hover{background:rgba(232,196,143,.1)}
@media (min-width:821px){
  .ny-side .ny-film{--ag:max(28px,calc((100% - 1160px)/2));padding:120px var(--ag) 90px}
  .ny-side .ny-album-hoved{max-width:760px}
  .ny-side .ny-tidslinje{margin:60px calc(-1 * var(--ag)) 0;padding:28px var(--ag);scroll-padding:0 var(--ag)}
  .ny-side .ny-tidslinje li{width:300px}
  .ny-side .ny-tidslinje li{display:flex;grid-template-columns:none;grid-template-areas:none;padding-bottom:0}
  .ny-side .ny-album-fod .nk-knap{width:auto}
}
/* hvert billede på strimlen fører ind til historiesiden; knappen er indgangen */
.ny-side .ny-tl-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;position:relative}
.ny-side .ny-tl-link .ny-print img{transition:filter .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.ny-side .ny-tl-link:hover .ny-print img{filter:sepia(.2) contrast(1.1)}
.ny-side .ny-tl-link .ny-tl-tekst h3::after{content:" →";color:#e8c48f;opacity:.8}
.ny-side .ny-album-fod{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
body.ny-side .ny-album-fod .ny-hist-knap{color:#1b120d;background:#e8c48f;box-shadow:0 14px 30px -12px rgba(0,0,0,.8);min-height:56px;font-size:17px}
body.ny-side .ny-album-fod .ny-hist-knap:hover{background:#f0d3a6}
.ny-side .ny-hist-note{font:italic 400 14.5px/1.4 "Host Grotesk",system-ui,sans-serif;color:rgba(251,246,236,.7)}

/* ============================================================
   SKIFTENE MELLEM AFSNITTENE  (23/10)
   Mikkel: "sektionsskiftet skal lige fixes, så de giver mening, og der
   ikke er en streg". Ingen hårde kanter: isbarens lyserøde drypper ned i
   festaftenen, festaftenen glider ud i filmens mørke, og striben og
   nyhederne i toppen står på samme creme som resten.
   ============================================================ */
.ny-side .dug--c{display:none}
/* isen → selskab: lyserøde buer over lyskæden */
.ny-side .nk-afsnit--is{padding-bottom:56px}
.ny-side .nk-afsnit--selskab::before{background-image:radial-gradient(circle at 50% 0,#fbe2e5 11px,transparent 11.5px),var(--lyskaede,none);background-size:24px 12px,140px 78px;background-repeat:repeat-x,repeat-x;background-position:0 0,0 6px}
/* selskab → historien: aftenen bliver til filmens mørke */
body.ny-side .nk-afsnit--selskab{background:linear-gradient(180deg,transparent 78%,#120d0a 100%),radial-gradient(120% 60% at 50% 0,#2b3650 0,#1b2232 55%,#161b28 100%);padding-bottom:64px}
.ny-side .ny-film{padding-top:40px}
/* toppen: striben og nyhederne på samme creme */
.ny-side .ny-top{background:var(--cream)}
.ny-side .ny-strib--top{background:none;padding-top:18px}
.ny-side .ny-top .nyheder{background:none}

/* ============================================================
   "HVAD SKAL VI HJÆLPE MED?" SOM HAVNENS VEJVISER  (23/10)
   Dagslys over molen efter filmens mørke: en træpæl med malede skilte,
   der peger hen til hver ting — rød, havneblå og creme på skift.
   ============================================================ */
/* #alt har sin egen creme i havnegrillen.css (et id slår to klasser) — derfor id'et her */
body.ny-side #alt.ny-vej{position:relative;isolation:isolate;overflow:hidden;padding:64px var(--pad) 120px;color:var(--ink);
  background:linear-gradient(180deg,#cfe0ec 0%,#e6eef3 45%,#f6f1e8 100%)}
/* filmens mørke slutter med en creme bølgekant — ingen streg */
.ny-side .ny-vej::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:radial-gradient(circle at 50% 0,#120d0a 10px,transparent 10.5px) 0 0/22px 14px repeat-x}
/* vandet under molen */
.ny-side .ny-vej::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;z-index:-1;
  background:radial-gradient(circle at 50% 100%,transparent 11px,#5f8fb4 11.5px) 0 0/30px 16px repeat-x,linear-gradient(#5f8fb4,#3f6f96 70%,#2a5f8f)}
.ny-side .ny-vej .nk-over{color:var(--nk-blaa)}
.ny-side .ny-vej .nk-over i{background:var(--nk-blaa);opacity:.4}
.ny-side .ny-vej-titel{margin:12px 0 0;font:400 clamp(52px,15vw,120px)/.86 "Bebas Neue",sans-serif;letter-spacing:.005em;color:var(--ink)}
.ny-side .ny-vej-titel span{display:block;color:var(--red)}
.ny-side .ny-vej-linje{margin:14px 0 0;max-width:40ch;font:italic 400 17px/1.5 "Host Grotesk",system-ui,sans-serif;color:var(--ink2)}
/* pælen og skiltene */
.ny-side .ny-vejviser{position:relative;list-style:none;margin:34px 0 0;padding:0 0 0 22px;display:grid;gap:14px}
.ny-side .ny-vejviser::before{content:"";position:absolute;left:4px;top:-18px;bottom:-110px;width:18px;border-radius:6px 6px 0 0;
  background:linear-gradient(90deg,#7a5537,#a5774f 40%,#8a603f 70%,#6b4a32);box-shadow:inset 0 0 0 1px rgba(59,42,29,.4),4px 0 10px rgba(59,42,29,.25)}
.ny-side .ny-vejviser::after{content:"";position:absolute;left:0;top:-28px;width:26px;height:14px;border-radius:50%;background:#6b4a32}
.ny-side .ny-vejviser li{position:relative}
.ny-side .ny-skilt{position:relative;display:flex;align-items:center;gap:12px;min-height:84px;padding:10px 46px 10px 14px;margin-left:-4px;color:var(--nk-creme);text-decoration:none;
  background:var(--red);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%);
  filter:drop-shadow(0 8px 10px rgba(36,26,23,.25));transition:transform .25s var(--spring)}
.ny-side .ny-skilt::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px),linear-gradient(180deg,rgba(255,255,255,.14),transparent 40%,rgba(0,0,0,.12))}
.ny-side .ny-skilt::after{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.ny-side .ny-vejviser li:nth-child(3n+2) .ny-skilt{background:var(--nk-blaa)}
.ny-side .ny-vejviser li:nth-child(3n) .ny-skilt{background:#f3e6cf;color:var(--ink)}
.ny-side .ny-vejviser li:nth-child(odd) .ny-skilt{transform:rotate(-1deg)}
.ny-side .ny-vejviser li:nth-child(even) .ny-skilt{transform:rotate(.8deg)}
.ny-side .ny-skilt:hover,.ny-side .ny-skilt:focus-visible{transform:translateX(6px) rotate(0)}
.ny-side .ny-skilt-ill{flex:none;display:grid;place-items:center;width:58px;height:58px;margin-left:10px;border-radius:50%;background:var(--nk-creme);box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.ny-side .ny-skilt-ill svg{width:44px;height:44px}
.ny-side .ny-skilt-tekst{display:grid;gap:4px;min-width:0}
.ny-side .ny-skilt-tekst b{font:400 25px/1 "Bebas Neue",sans-serif;letter-spacing:.03em}
.ny-side .ny-skilt-tekst small{font:italic 400 13.5px/1.35 "Host Grotesk",system-ui,sans-serif;opacity:.88}
.ny-side .ny-skilt-pil{position:absolute;right:28px;top:50%;transform:translateY(-50%);font:700 20px/1 "Host Grotesk",system-ui,sans-serif;opacity:.85}
@media (min-width:821px){
  body.ny-side #alt.ny-vej{--vg:max(28px,calc((100% - 1160px)/2));display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 70px;align-items:start;padding:110px var(--vg) 170px}
  .ny-side .ny-vej-hoved{position:sticky;top:130px}
  .ny-side .ny-vejviser{margin-top:0}
  .ny-side .ny-vej-titel{font-size:clamp(64px,6.4vw,104px)}
}

/* "Bestil mad"-pillen i samme knap som resten: husets røde, teksten midt for, posen i linsen */
body.ny-side .bestil{justify-content:center;padding:0 64px;font:600 17px/1 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.005em}
body.ny-side .bestil .ny-pille-linse{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:var(--nk-creme);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
body.ny-side .bestil .ny-pille-linse::before,body.ny-side .bestil .ny-pille-linse::after{display:none}
body.ny-side .bestil .ny-pille-linse svg.ny-pille-pose{width:34px;height:34px}
body.ny-side .bestil .ny-pille-linse svg.ny-krans2{width:14px;height:14px}
body.ny-side .bestil .ny-pille-linse svg.ny-pille-pose{width:36px;height:36px}

/* ============================================================
   BJÆLKEN ER DEN SAMME HELE VEJEN NED  (23/10)
   Mikkel: "baren skifter markant, når man scroller ned … det skal den
   ikke, det skal være præcis den her" (bjælken over heroen). Så: ingen
   creme flade, ingen ny størrelse, ingen mørk tekst — den hvide skrift,
   glas-pillen med genvejene, den røde Book bord og den hvide Menu står
   som over heroen. Glasset er røget, så den hvide tekst også kan læses
   over de lyse afsnit; ordmærket får det samme glas af samme grund.
   ============================================================ */
body.ny-side{--roeg:rgba(28,20,16,.64);--roeg-kant:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 .5px rgba(255,255,255,.28),0 10px 26px -12px rgba(0,0,0,.45)}
body.ny-side .topbar.stuck,body.ny-side .topbar.solid{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.ny-side .topbar .ny-nav,body.ny-side .topbar.stuck .ny-nav{background:var(--roeg);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--roeg-kant)}
body.ny-side .topbar.stuck .ny-nav a,body.ny-side .topbar.solid .ny-nav a{color:#fff}
body.ny-side .topbar.stuck .ny-nav a:hover{background:rgba(255,255,255,.16)}
body.ny-side .topbar .ordmaerke,body.ny-side .topbar.stuck .ordmaerke,body.ny-side .topbar.solid .ordmaerke{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35)}
body.ny-side .topbar.stuck .ordmaerke{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;margin-left:-18px;border-radius:999px;
  background:var(--roeg);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--roeg-kant)}
@media (min-width:821px){
  /* samme mål som over heroen — intet hop */
  body.ny-side .topbar.stuck,body.ny-side .topbar.solid{padding-top:16px}
  body.ny-side .topbar.stuck:has(.ordmaerke:not(.hjem)){margin-bottom:0}
  body.ny-side .topbar.stuck .ordmaerke{min-height:0;height:44px}
}
@media (max-width:820px){
  .ny-side .ny-afsnitbar{margin:6px 12px 0;padding:6px;border-radius:999px;background:var(--roeg);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--roeg-kant)}
  .ny-side .ny-afsnitbar a{color:#fff}
  .ny-side .topbar.stuck .ordmaerke{margin-left:0}
}
@media (min-width:821px){
  /* ordmærket står i det samme røgede glas over heroen som længere nede — så skifter intet, når man ruller */
  body.ny-side .topbar .ordmaerke{display:inline-flex;align-items:center;height:44px;padding:0 18px;margin-left:-18px;border-radius:999px;
    background:var(--roeg);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--roeg-kant)}
  /* målt: med ordmærket i 44 px står alt på samme linje i begge tilstande ved 16 px */
  body.ny-side .topbar.stuck,body.ny-side .topbar.solid{padding-top:16px}
}
@media (min-width:821px){body.ny-side .topbar .ordmaerke{min-height:0;align-self:center}}

/* ============================================================
   TOPPEN: NYT FRA HAVNEN  (23/10, efter lanceringen)
   Mikkel: "i toppen skal det her lige gøres pænere og bedre". De fire
   kort stod i tre bredder med et hul under (nyhedernes luft stod
   tilbage, selvom der ingen nyheder var). Nu: en lille overskrift,
   følg-knapperne på én linje, og kortene som lige store mærker med
   husets tegninger — fire i en række på computeren, to og to på telefonen.
   ============================================================ */
.ny-side .ny-top-over{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 0;font:400 14px/1 "Bebas Neue",sans-serif;letter-spacing:.32em;color:var(--red)}
.ny-side .ny-top-over i{width:40px;height:1px;background:currentColor;opacity:.45}
.ny-side .ny-strib--top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px var(--pad) 8px;max-width:1120px;margin:0 auto}
.ny-side .ny-strib--top > :not(.glasraekke){grid-column:1/-1}
.ny-side .ny-strib--top .social{justify-content:safe center;padding:8px 0 6px;margin:0 calc(-1 * var(--pad));padding-inline:var(--pad);background:none}
.ny-side .ny-strib--top .social a{background:#fff;box-shadow:inset 0 0 0 1px rgba(36,26,23,.1),0 6px 14px -10px rgba(36,26,23,.5)}
.ny-side .ny-strib--top .glasraekke{position:relative;margin:0;width:auto;max-width:none;justify-self:stretch;flex-direction:column;align-items:flex-start;gap:10px;min-height:0;height:100%;padding:16px 16px 18px;border-radius:20px;
  background:#fffdf8;box-shadow:inset 0 0 0 1px rgba(36,26,23,.08),0 14px 30px -22px rgba(36,26,23,.55)}
.ny-side .ny-strib--top .gr-tegn{width:46px;height:46px;border-radius:50%;background:var(--cream);box-shadow:inset 0 0 0 1px rgba(36,26,23,.06)}
.ny-side .ny-strib--top .gr-tegn svg{width:30px;height:30px}
.ny-side .ny-strib--top .gr-tegn svg.ny-maerke-ill{width:38px;height:38px}
.ny-side .ny-strib--top .gr-tegn .knaek-logo{width:34px}
.ny-side .ny-strib--top .gr-tekst b{font:400 20px/1.02 "Bebas Neue",sans-serif;letter-spacing:.03em;text-wrap:balance}
.ny-side .ny-strib--top .gr-tekst span{font-size:12.5px;line-height:1.35}
.ny-side .ny-strib--top .gr-pil{position:absolute;top:18px;right:14px;width:16px;height:16px}
@media (min-width:821px){
  .ny-side .ny-strib--top{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 28px 10px}
  .ny-side .ny-strib--top .glasraekke{padding:20px 20px 22px}
  .ny-side .ny-strib--top .gr-tekst b{font-size:22px}
  .ny-side .ny-strib--top .glasraekke:hover{transform:translateY(-3px)}
}
/* ingen nyheder: ingen tom luft over "Tidligere på havnen" */
.ny-side .ny-top .nyheder:has(> .mid[hidden]){padding-top:14px;padding-bottom:40px}

/* ============================================================
   FIND OS SOM HUSETS TRYKTE KORT  (23/10, efter lanceringen)
   Mikkel: "en her skal også lige laves, og den akavede bar der".
   Den ternede stribe mellem vejviseren og fotoet er væk: vejviserens
   vand løber i en bølge ind over fotoet. Kortene er creme med rødt
   hoved og ternet kant som resten af huset; tiderne står med prikker
   hen til klokkeslættet, og adressen har en lille tegnet havn.
   ============================================================ */
.ny-side .dug--d{display:none}
body.ny-side #find{padding-top:84px}
/* vandet løber blødt ind i fotoet (23/10): på iPhonen stod bølgen mørkeblå mod en mørk himmel og
   så ud som en hård kant. Nu falder havets blå langsomt ud over fotoets top. */
body.ny-side #find::before{content:"";position:absolute;left:0;right:0;top:-1px;height:220px;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,#2a5f8f 0%,rgba(42,95,143,.82) 22%,rgba(33,58,82,.45) 55%,rgba(26,18,16,0) 100%)}
body.ny-side #find > :not(.find-bg):not(.find-slor){position:relative;z-index:1}
body.ny-side #find .findhoved .eyebrow{font:400 14px/1 "Bebas Neue",sans-serif;letter-spacing:.34em;color:var(--messing,#e8c48f)}
body.ny-side #find .findhoved h2{margin-top:10px;font:400 clamp(50px,11vw,104px)/.88 "Bebas Neue",sans-serif;letter-spacing:.005em;color:#fff}
body.ny-side #find .findkort{position:relative;overflow:hidden;padding:0 0 22px;border-radius:26px;color:var(--ink);background:#fbf6ec;-webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 30px 60px -24px rgba(0,0,0,.75)}
body.ny-side #find .findkort > :not(.fk-hoved){margin-left:22px;margin-right:22px}
body.ny-side #find .fk-hoved{position:relative;margin-bottom:40px;padding:20px 22px 18px;background:var(--red);color:#fbf6ec}
body.ny-side #find .fk-hoved::after{content:"";position:absolute;left:0;right:0;bottom:-30px;height:30px;background:
  radial-gradient(circle at 50% 100%,#fbf6ec 9.5px,transparent 10px) 0 100%/20px 14px repeat-x,
  linear-gradient(90deg,rgba(216,41,59,.5) 50%,transparent 0) 0 0/20px 100%,
  linear-gradient(0deg,transparent 50%,rgba(216,41,59,.5) 0) 0 0/100% 20px,#fff}
body.ny-side #find .fk-ic{width:46px;height:46px;border-radius:50%;background:#fbf6ec;color:var(--red)}
body.ny-side #find .fk-hoved h3{font:400 32px/1 "Bebas Neue",sans-serif;letter-spacing:.02em;color:#fbf6ec}
body.ny-side #find .fk-under{font:italic 400 14px/1.35 "Host Grotesk",system-ui,sans-serif;color:rgba(251,246,236,.9)}
body.ny-side #find .fk-status{margin-top:0;color:var(--red-d);background:rgba(214,42,58,.1);font-weight:600}
body.ny-side #find .findkort .hours{margin-top:10px;border-top:0}
body.ny-side #find .hours div{align-items:baseline;gap:10px;padding:11px 0;border-bottom:0;color:var(--ink)}
body.ny-side #find .hours div::after{content:"";order:1;flex:1;border-bottom:2px dotted rgba(36,26,23,.25);transform:translateY(-4px)}
body.ny-side #find .hours div span:first-child{order:0}
body.ny-side #find .hours div span:last-child{order:2;font:400 23px/1 "Bebas Neue",sans-serif;letter-spacing:.03em;color:var(--ink)}
body.ny-side #find .hours div.now{margin:2px -12px;padding-inline:12px;border-radius:12px;background:rgba(214,42,58,.09);color:var(--red-d)}
body.ny-side #find .hours div.now span:last-child{color:var(--red-d)}
body.ny-side #find .fk-adresse{margin-top:0;font:400 28px/1 "Bebas Neue",sans-serif;letter-spacing:.03em;color:var(--ink)}
body.ny-side #find a.rute-knap.g.blk{display:flex;width:auto;justify-content:center;margin-top:16px;color:#fff;background:linear-gradient(180deg,#e2404f,var(--red-d));border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 24px -10px rgba(180,31,46,.7)}
body.ny-side #find .rute-note{color:var(--muted)}
body.ny-side #find #find-kontakt a{color:var(--red-d);font-weight:600}
body.ny-side #find #find-kontakt div span:last-child{font:600 15px/1.2 "Host Grotesk",system-ui,sans-serif;letter-spacing:0}
@media (min-width:821px){body.ny-side #find .findgrid{gap:22px}}

/* ============================================================
   TELEFONEN EFTER LANCERINGEN  (23/10)
   Mikkel med skud fra sin iPhone: "baren skal væk på telefon, og
   is-sektionen går udover, og isen mangler på historie-tingen".
   ============================================================ */
@media (max-width:820px){
  /* afsnitsbjælken lagde sig over indholdet — den er væk på telefonen;
     Menu har de samme genveje */
  .ny-side .ny-afsnitbar{display:none !important}
  /* ordmærket stak 18 px ud over kanten efter rul: computerens
     -18 px vandt over telefonens 0 (mere specifik regel) */
  body.ny-side .topbar.stuck .ordmaerke,body.ny-side .topbar .ordmaerke{margin-left:0}
}
/* polaroiderne: 1fr er minmax(auto,1fr), og Safari lod billedets
   egen bredde (1600 px) skubbe højre kolonne ud over skærmen */
.ny-side .nk--is .nk-is-fotos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ny-side .nk--is .nk-is-fotos .nk-foto,.ny-side .nk--is .nk-is-fotos .nk-foto img{min-width:0;max-width:100%}
.ny-side .nk--is{overflow:hidden}
/* ishuset i filmstrimlen: isen står i venstre side af fotoet, og
   rammen skar netop den væk */
.ny-side .ny-tidslinje li:nth-child(4) .ny-print img{object-position:18% 60%}

/* ---------- Find os: adressen og kontakten som knapper (23/10) ---------- */
/* adressen på én linje og mindre råbende */
body.ny-side #find .fk-adresse{font-size:24px;line-height:1.05}
/* ring og skriv som to knapper side om side */
body.ny-side #find #find-kontakt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
body.ny-side #find #find-kontakt > div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(36,26,23,.1)}
body.ny-side #find #find-kontakt > div::after{display:none}
body.ny-side #find #find-kontakt > div > span:first-child{font:400 14px/1 "Bebas Neue",sans-serif;letter-spacing:.14em;color:var(--muted)}
body.ny-side #find #find-kontakt > div > span:last-child{font:600 16px/1.2 "Host Grotesk",system-ui,sans-serif}
body.ny-side #find #find-kontakt > div[hidden]{display:none}
/* fejlkanten vinder over fokus — samme regel som undersiderne (23/10) */
.ny-side #bestil .inp[aria-invalid="true"],.ny-side #bestil .inp[aria-invalid="true"]:focus{outline:2px solid var(--red);outline-offset:-2px}

/* vejviserens skilte foldes ud fra pælen ét ad gangen (ny/mosede-ny.js sætter .ude) — kun transform og opacitet */
.ny-side .ny-vejviser.ny-skilt-anim > li{opacity:0;transform:translateX(-34px) rotate(-6deg);transform-origin:0 50%;
  transition:opacity .45s ease,transform .7s cubic-bezier(.2,.9,.24,1)}
.ny-side .ny-vejviser.ny-skilt-anim > li.ude{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ny-side .ny-vejviser.ny-skilt-anim > li{opacity:1;transform:none;transition:none}}

/* "Nyt fra havnen": knapperne brydes på to linjer i stedet for at løbe ud over kanten, og der
   står ingen lys stribe bag dem (23/10) */
.ny-side .ny-strib--top .social{flex-wrap:wrap;justify-content:center;gap:8px;overflow:visible;margin:0;padding:6px 0 4px;background:none;-webkit-mask-image:none;mask-image:none}
.ny-side .ny-strib--top .social a{height:40px;padding:0 14px;-webkit-backdrop-filter:none;backdrop-filter:none}

/* ============================================================
   PÆLEN STÅR I VANDET  (23/10)
   Mikkel: "det ligner ikke, at pælen står i vand — det skal den".
   Før stod pælen foran vandet og sluttede med en flad bund.
   · Vandet er flyttet ind i afsnittets egen baggrund (bag alt), og
     ::after er nu vandets FORSIDE: en halvgennemsigtig flade OVER
     pælen, så den del, der er under vandet, bliver blå og forsvinder
     ned i dybet.
   · Pælen fortsætter ned til afsnittets bund (overflow:hidden klipper).
   · Toppens hætte er tegnet ind i pælen selv, så ul::after er fri til
     ringene i vandskorpen, der hvor pælen går ned.
   --vand er vandets højde, --bund afsnittets luft forneden. Ringene
   regner vandskorpen ud fra dem, så de følger med på begge skærme.
   ============================================================ */
body.ny-side #alt.ny-vej{--vand:84px;--bund:120px;padding-bottom:var(--bund);
  background:
    radial-gradient(ellipse 17px 9px at 50% 100%,#5f8fb4 97%,transparent 100%) 0 calc(100% - var(--vand) + 9px)/34px 9px repeat-x,
    linear-gradient(#5f8fb4,#3f6f96 70%,#2a5f8f) 0 100%/100% calc(var(--vand) - 9px) no-repeat,
    linear-gradient(180deg,#cfe0ec 0%,#e6eef3 45%,#f6f1e8 100%)}
@media (min-width:821px){body.ny-side #alt.ny-vej{--bund:170px;padding-bottom:var(--bund)}}
/* vandets forside starter ved bølgernes fod, så toppene står rene bag pælen */
body.ny-side #alt.ny-vej::after{z-index:3;height:calc(var(--vand) - 9px);pointer-events:none;
  background:
    radial-gradient(ellipse 12px 1.3px at 50% 50%,rgba(255,255,255,.28),transparent) 6px 12px/52px 22px repeat,
    radial-gradient(ellipse 9px 1.1px at 50% 50%,rgba(255,255,255,.2),transparent) 32px 23px/52px 22px repeat,
    linear-gradient(rgba(95,143,180,.45),rgba(60,108,150,.8) 40%,#2a5f8f 90%)}
.ny-side .ny-vejviser::before{left:0;top:-28px;bottom:-600px;width:26px;border-radius:0;box-shadow:none;
  background:
    radial-gradient(ellipse 13px 7px at 50% 7px,#6b4a32 95%,transparent 100%) 0 0/26px 14px no-repeat,
    linear-gradient(90deg,#5e412b,#7a5537 12%,#a5774f 45%,#8a603f 75%,#5e412b) 4px 10px/18px 100% no-repeat;
  filter:drop-shadow(4px 0 6px rgba(59,42,29,.22))}
/* ringene i vandskorpen: kun den forreste halvdel, så de ligger OM pælen */
.ny-side .ny-vejviser::after{left:-19px;top:auto;width:64px;height:9px;border-radius:0;
  bottom:calc(-1 * (var(--bund) - var(--vand) + 9px) - 9px);
  background:
    radial-gradient(ellipse 50% 100% at 50% 0,transparent 58%,rgba(255,255,255,.8) 64%,transparent 72%),
    radial-gradient(ellipse 50% 100% at 50% 0,transparent 80%,rgba(255,255,255,.45) 86%,transparent 94%);
  z-index:4;transform-origin:50% 0}
@media (prefers-reduced-motion:no-preference){
  .ny-side .ny-vejviser::after{animation:ny-krus 3.6s ease-in-out infinite}
  @keyframes ny-krus{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(1.14);opacity:.6}}
}

/* ISENS POLAROIDER PÅ IPHONEN (23/10). Mikkel: "isene i bunden af det hvide — det ligner, at billedet går
   ud over". Billedet havde height:100% af en ramme, hvis højde kom fra aspect-ratio; Safari regner ikke
   den procent ud og brugte fotoets egen højde (720×1080), så isen stak ud under den hvide kant.
   Nu bærer billedet selv formatet, og rammen er bare billedet plus papiret rundt om. */
.ny-side .nk--is .nk-is-fotos{align-items:start}
.ny-side .nk--is .nk-is-fotos .nk-foto{aspect-ratio:auto !important;height:auto}
.ny-side .nk--is .nk-is-fotos .nk-foto img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:1/1}
.ny-side .nk--is .nk-is-fotos .nk-foto:first-child img{aspect-ratio:3/4.6}
@media (min-width:821px){
  .ny-side .nk--is .nk-is-fotos .nk-foto img,.ny-side .nk--is .nk-is-fotos .nk-foto:first-child img{aspect-ratio:4/5}
}

/* ruten er kortet (23/10): tegnet efter Mikkels skud fra Google Maps; hele kortet er linket */
body.ny-side #find .ny-rutekort{position:relative;display:block;margin-top:14px;border-radius:18px;overflow:hidden;aspect-ratio:4/3;
  background:#a8d8ea;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(36,26,23,.1),0 14px 30px -18px rgba(36,26,23,.6);
  -webkit-tap-highlight-color:transparent}
body.ny-side #find .ny-rutekort-svg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
body.ny-side #find .ny-rutekort:hover .ny-rutekort-svg{transform:scale(1.03)}
body.ny-side #find .ny-rutekort::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(36,26,23,.08)}
body.ny-side #find .ny-rutekort-knap{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:999px;
  font:600 16px/1 "Host Grotesk",system-ui,sans-serif;color:#fff;background:linear-gradient(180deg,#e2404f,var(--red-d));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 22px -8px rgba(120,20,30,.65)}
body.ny-side #find .ny-rutekort:focus-visible{outline:3px solid var(--red);outline-offset:3px}
body.ny-side #find .ny-rutekort + .rute-note{margin-top:10px;text-align:center}
@media (min-width:821px){body.ny-side #find .ny-rutekort{aspect-ratio:16/10}}

/* RING OG MAIL SOM RIGTIGE KNAPPER (23/10). Mikkel: "fix lige de her knapper". Det var to hvide kasser,
   hvor kun den røde tekst kunne trykkes. Nu er hele flisen knappen (linkets ::before dækker den), med
   husets tegnede telefon og brev, og på telefonen står de under hinanden, så nummeret aldrig klemmes. */
body.ny-side #find #find-kontakt{grid-template-columns:1fr;gap:10px}
@media (min-width:520px){body.ny-side #find #find-kontakt{grid-template-columns:1fr 1fr}}
body.ny-side #find #find-kontakt > div{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;
  column-gap:12px;row-gap:3px;min-height:66px;padding:10px 16px 10px 10px;border-radius:18px;background:#fff;
  box-shadow:inset 0 0 0 1px rgba(36,26,23,.1),0 8px 18px -14px rgba(36,26,23,.5);transition:transform .2s cubic-bezier(.2,.9,.24,1),box-shadow .2s ease}
body.ny-side #find #find-kontakt > div::before{content:"";grid-row:1/3;grid-column:1;width:46px;height:46px;border-radius:50%;
  background:#fbf6ec center/30px 30px no-repeat;box-shadow:inset 0 0 0 1px rgba(214,42,58,.18)}
body.ny-side #find #find-kontakt > div:has(a[href^="tel:"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M14 7.5c2.2-1.2 4.4-.3 5.5 1.8l3.2 6.3c1 2 .3 4.2-1.6 5.3l-2.4 1.3c1.3 4.4 5 8.3 9.3 9.7l1.4-2.3c1.1-1.9 3.4-2.6 5.4-1.6l6.2 3.3c2.1 1.1 2.9 3.4 1.7 5.5l-1.4 2.6c-1.6 2.9-5 4.2-8.1 3.2C20.7 38.4 9.7 27.4 5.6 14.9c-1-3.1.3-6.5 3.2-8.1z' fill='%23d62a3a' stroke='%235a3d2b' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M28 8.5a12 12 0 0 1 11.5 11.5M28 14a6.5 6.5 0 0 1 6 6' fill='none' stroke='%232a5f8f' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
body.ny-side #find #find-kontakt > div:has(a[href^="mailto:"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='5' y='11' width='38' height='27' rx='3.5' fill='%23fff' stroke='%235a3d2b' stroke-width='1.8'/%3E%3Cpath d='M6.5 13.5L24 27l17.5-13.5' fill='none' stroke='%23d62a3a' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M6.5 36l12-10.5M41.5 36l-12-10.5' fill='none' stroke='%235a3d2b' stroke-width='1.4' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E")}
body.ny-side #find #find-kontakt > div > span:first-child{grid-column:2;grid-row:1;align-self:end;font:400 14px/1 "Bebas Neue",sans-serif;letter-spacing:.16em;color:var(--muted)}
body.ny-side #find #find-kontakt > div > span:last-child{grid-column:2;grid-row:2;align-self:start;min-width:0;font:600 18px/1.15 "Host Grotesk",system-ui,sans-serif}
body.ny-side #find #find-kontakt > div::after{content:"\2192";display:block;flex:none;order:0;border:0;transform:none;grid-column:3;grid-row:1/3;font:600 18px/1 "Host Grotesk",system-ui,sans-serif;color:var(--red);opacity:.7}
body.ny-side #find #find-kontakt > div[hidden]{display:none}
body.ny-side #find #find-kontakt a{padding:0;margin:0;color:var(--red-d);text-decoration:none;white-space:nowrap}
body.ny-side #find #find-kontakt a::before{content:"";position:absolute;inset:0;border-radius:18px}
body.ny-side #find #find-kontakt a:focus-visible{outline:none}
body.ny-side #find #find-kontakt > div:has(a:focus-visible){outline:3px solid var(--red);outline-offset:2px}
@media (hover:hover){body.ny-side #find #find-kontakt > div:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(214,42,58,.3),0 14px 24px -14px rgba(120,20,30,.55)}}
body.ny-side #find #find-kontakt > div:active{transform:scale(.98)}

/* isen skiller sig ud i bestillingen (ejerens ord: "is er en kæmpe stolthed") — samme lyserøde
   flade som is-afsnittet, både kategorien og varerne i den (23/10) */
.ny-side [data-liste] > .item[data-afd="is"]{background:#fdeef0}

/* "Skal vi tage snakken?": cremet tekst på husets røde nåede kun 3,7-4:1. Kortet står på den mørke
   røde, og teksten er fuld creme — over 4,5:1, også for den lille linje med telefonnummeret (23/10) */
.ny-side .nk--selskab .talk{background:var(--red-d)}
.ny-side .nk--selskab .talk p,.ny-side .nk--selskab .talk .ring{color:var(--nk-creme)}
/* Ring og Mail i Find os: selve linket er en fuld trykflade, ikke kun tekstens 24 px */
body.ny-side #find #find-kontakt a{display:inline-block;padding:10px 0;margin:-10px 0}