/* ============================================================
   /ny/ UNDERSIDERNE — SAMME BJÆLKE OG SAMME TRYKTE KORT  (23/10)
   Kun body.ny-under. js og css/style.css er urørte: laget her
   klæder de samme felter på i forsidens udtryk.
   ============================================================ */
body.ny-under{--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);
  --creme:#fbf6ec;--messing:#e8c48f;--blaa:#2a5f8f;--red-d:#b41f2e;background:var(--creme)}

/* ---------- bjælken: som på /ny/ — røget glas, hvid skrift, ens hele vejen ---------- */
body.ny-under #hd,body.ny-under #hd.stuck{background:transparent;box-shadow:none}
body.ny-under #hd::before{display:none}
body.ny-under #hd .logo,body.ny-under #hd.stuck .logo{display:inline-flex;align-items:center;height:44px;min-height:0;padding:0 18px;border-radius:999px;
  color:#fff;font:500 21px/1 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.015em;text-shadow:0 1px 10px rgba(0,0,0,.35);
  background:var(--roeg);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--roeg-kant)}
body.ny-under #hd .burger{background:#fff;color:#241a17}
body.ny-under #hd .ny-nav,body.ny-under #hd .ny-bord{display:none}
@media (min-width:821px){
  body.ny-under #hd,body.ny-under #hd.stuck{padding-top:16px;padding-bottom:12px;gap:6px}
  body.ny-under #hd nav.ny-nav{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:8px;padding:4px;border-radius:999px;
    background:var(--roeg);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--roeg-kant)}
  body.ny-under #hd .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}
  body.ny-under #hd .ny-nav a:hover{background:rgba(255,255,255,.16);color:#fff}
  body.ny-under #hd .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)}
  body.ny-under #hd .burger{margin-left:0}
}

/* ---------- hovedet: Bebas på fotoet, ternet bølgekant i bunden ---------- */
body.ny-under .smoer-hoved{position:relative;padding-bottom:58px;overflow:hidden}
body.ny-under .smoer-hoved::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:34px;z-index:1;
  background:radial-gradient(circle at 50% 100%,var(--creme) 11.5px,transparent 12px) 0 100%/24px 18px repeat-x}
body.ny-bordside .smoer-hoved.hoved-foto{
  background-image:linear-gradient(180deg,rgba(26,18,16,.62) 0%,rgba(26,18,16,.48) 45%,rgba(26,18,16,.88) 100%),url("../billeder/bord-terrasse-800.jpg")}
body.ny-under .side-top{padding-block:clamp(40px,7vw,96px) clamp(18px,3vw,30px)}
body.ny-under .ny-kicker{display:flex;align-items:center;gap:14px;font:400 14px/1 "Bebas Neue",sans-serif;letter-spacing:.32em;color:var(--messing)}
body.ny-under .ny-kicker::after{content:"";flex:0 1 160px;height:1px;background:rgba(232,196,143,.55)}
body.ny-under .smoer-hoved h1{margin:.12em 0 12px;font:400 clamp(58px,13vw,132px)/.86 "Bebas Neue",sans-serif;letter-spacing:.005em;color:#fff;text-wrap:balance}
body.ny-under .smoer-hoved h1 span{display:block;color:var(--messing)}
body.ny-under .mork-top .side-under{font-size:17px;max-width:46ch;color:rgba(255,255,255,.86)}

/* ---------- formularen: det trykte kort ---------- */
body.ny-under main .form-kort{position:relative;overflow:hidden;padding:0 0 clamp(22px,3vw,36px);border:0;border-radius:28px;background:var(--creme);
  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-under .form-kort > :not(.rk-hoved):not(.rk-kant){margin-left:clamp(18px,4vw,40px);margin-right:clamp(18px,4vw,40px)}
body.ny-under .rk-hoved{position:relative;padding:24px 20px 22px;padding-right:118px;background:var(--red);color:var(--creme);overflow:hidden}
body.ny-under .rk-hoved::before,body.ny-under .rk-hoved::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);pointer-events:none}
body.ny-under .rk-hoved::before{width:420px;height:420px;right:-210px;top:-150px}
body.ny-under .rk-hoved::after{width:360px;height:360px;right:-90px;bottom:-300px}
body.ny-under .rk-over{display:flex;align-items:center;gap:14px;font:400 13px/1 "Bebas Neue",sans-serif;letter-spacing:.34em}
body.ny-under .rk-over i{flex:1;max-width:200px;height:1px;background:rgba(255,255,255,.45)}
body.ny-under .rk-titel{margin:12px 0 0;font:400 clamp(52px,13vw,96px)/.86 "Bebas Neue",sans-serif}
body.ny-under .rk-slogan{margin:12px 0 0;max-width:32ch;font:italic 400 16px/1.4 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.01em;color:var(--creme)}
body.ny-under .rk-logo{position:absolute;top:18px;right:16px;width:84px;height:84px;border-radius:50%;box-shadow:0 10px 26px rgba(80,8,16,.35)}
body.ny-under .rk-logo svg{display:block;width:100%;height:100%}
body.ny-under .rk-kant{height:40px;margin:-1px 0 clamp(20px,3vw,30px);background:
  radial-gradient(circle at 50% 100%,var(--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}
@media (min-width:700px){
  body.ny-under .rk-hoved{padding:34px 40px 30px;padding-right:180px}
  body.ny-under .rk-logo{width:118px;height:118px;top:26px;right:34px}
  body.ny-under .rk-slogan{font-size:18px}
}

/* ◆ + rubrik + dobbelt rød streg — som rubrikkerne på forsidens kort */
body.ny-under .form-kort .h-panel{display:flex;align-items:center;gap:10px;margin-bottom:16px;font:400 27px/1 "Bebas Neue",sans-serif;letter-spacing:.02em;color:#241a17}
body.ny-under .form-kort .h-panel > span{flex:none;font-size:15px;color:var(--blaa);transform:translateY(-2px)}
body.ny-under .form-kort .h-panel::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}

body.ny-under .form-kort label{font:400 17px/1.1 "Bebas Neue",sans-serif;letter-spacing:.08em;color:var(--blaa)}
body.ny-under .form-kort label .hjaelp{font:italic 400 13px/1 "Host Grotesk",system-ui,sans-serif;letter-spacing:0;text-transform:none}
body.ny-under .form-kort input[type="text"],body.ny-under .form-kort input[type="email"],body.ny-under .form-kort input[type="tel"],
body.ny-under .form-kort input[type="number"],body.ny-under .form-kort input[type="date"],body.ny-under .form-kort textarea,body.ny-under .form-kort select{
  background:#fff;border:1px solid rgba(36,26,23,.14);border-radius:14px;color:#241a17}
body.ny-under .form-kort .stepper-knap{border:0;border-radius:14px;background:var(--red);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 18px -10px rgba(180,31,46,.8)}

/* dagene som små billetter: hvide, den valgte rød */
body.ny-under .dage{padding-top:2px}
body.ny-under .dag{min-width:78px;border-radius:14px;border:1px solid rgba(36,26,23,.14);background:#fff;color:#241a17}
body.ny-under .dag .dag-navn{font:400 19px/1 "Bebas Neue",sans-serif;letter-spacing:.06em}
body.ny-under .dag.valgt{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 10px 20px -12px rgba(180,31,46,.9)}

body.ny-under .form-kort .fold{background:#fff;border-radius:14px}
body.ny-under #bord-send{display:flex;width:calc(100% - 2 * clamp(18px,4vw,40px));justify-content:center;align-items:center;height:56px;border:0;border-radius:999px;margin-top:22px;
  font:600 17px/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)}
body.ny-bordside #bord{max-width:780px;margin-inline:auto}
body.ny-bordside #bord-tak{border-radius:28px;background:var(--creme)}
body.ny-under .smoer-hoved + section{padding-top:clamp(18px,3vw,40px)}
@media (max-width:600px){
  body.ny-under .ny-kicker{font-size:13px;letter-spacing:.22em}
  body.ny-under .ny-kicker::after{display:none}
}