/* ==========================================================================
   Nordic Alps - shared stylesheet for every page on www.nordicalps.com
   Content pages, and the booking pages (/search, /hotel, checkout) should load it too.
   ========================================================================== */

/* 1. Brand tokens - the booking engine theme uses the same values */
:root {
  --na-navy: #003058;
  --na-navy-dark: #00243F;
  --na-teal: #389098;
  --na-teal-light: #5AA6AC;
  --na-ice: #E8F1F7;
  --na-ink: #242435;
  --na-ink-2: #4a4f63;
  --na-muted: #7c8194;
  --na-line: rgba(0,48,88,.12);
  --na-font: 'Lato', 'Helvetica Neue', Arial, sans-serif;
  --na-font-nav: 'Poppins', 'Lato', Arial, sans-serif;
  --na-font-display: 'Familjen Grotesk', Helvetica, Arial, sans-serif;
}

/* 2. Base */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--na-font); color: var(--na-ink); background: #fff; }
main { display: block; }
img { max-width: 100%; }
.na .wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }

/* 3. Header */
.na-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.94);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 1px 0 rgba(0,48,88,.08); }
.na-header-in { max-width: 1180px; margin: 0 auto; padding: 10px 24px; min-height: 76px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.na-logo img { height: 56px; width: auto; display: block; }
.na-tools { display: flex; align-items: center; gap: 12px; font-family: var(--na-font-nav); font-size: 14px; }
@media (max-width: 767px) {
  .na-header-in { min-height: 72px; padding: 8px 76px 8px 16px; }
  .na-logo img { height: 46px; }
  #naNav { display: none; }
  .na-tools { gap: 8px; font-size: 13px; }
}
#naNav{font-family:'Poppins','Lato',Arial,sans-serif;font-size:16px;letter-spacing:.03em}
#naNav *{box-sizing:border-box}
#naNav .naBar{display:flex;align-items:center;justify-content:center;gap:30px;white-space:nowrap}
#naNav .naLink{color:#242435;text-decoration:none;background:none;border:0;padding:6px 0;font:inherit;letter-spacing:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;line-height:1.2;border-bottom:2px solid transparent}
#naNav .naLink:hover{color:#389098}
#naNav .naLink.naOn{border-bottom-color:#389098}
#naNav .naCh{transition:transform .18s ease}
#naNav .naDd.open .naCh{transform:rotate(180deg)}
#naNav .naDd{position:relative}
.naPanel::before{content:'';position:absolute;left:0;right:0;top:-24px;height:24px}
.naPanel{font-family:'Poppins','Lato',Arial,sans-serif;position:fixed;top:0;left:0;transform:translateY(-8px);background:#fff;border-radius:16px;box-shadow:0 20px 55px rgba(0,48,88,.20);padding:22px 24px;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease;z-index:99999}
.naPanel.open{opacity:1;visibility:visible;transform:translateY(0)}
.naPanel .naGrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px}
.naPanel .naHd{margin:0 0 8px 10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#389098;font-weight:700}
.naPanel .naCol a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;color:#242435;min-width:232px}
.naPanel .naCol a:hover{background:#E8F1F7}
.naPanel .naCol a b{display:block;font-size:15px;font-weight:700;line-height:1.25}
.naPanel .naCol a span{display:block;font-size:12.5px;color:#7c8194;margin-top:2px;line-height:1.3}
.naMobBtn{display:none;position:fixed;top:16px;right:14px;z-index:100001;width:46px;height:46px;border:0;border-radius:12px;background:#003058;color:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.naMobMenu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;background:#003058;color:#fff;overflow-y:auto;padding:78px 22px 40px;font-family:'Poppins','Lato',Arial,sans-serif}
.naMobMenu.open{display:block}
.naMobMenu a{display:block;color:#fff;text-decoration:none;font-size:19px;font-weight:700;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.10)}
.naMobMenu a small{display:block;font-size:12.5px;font-weight:400;color:rgba(255,255,255,.55);margin-top:2px}
.naMobMenu h5{margin:26px 0 4px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#5AA6AC;font-weight:700}
@media (max-width:767px){  .naMobBtn{display:flex} }

/* 4. Footer */
#naFooter{--navy:#00243F;--teal:#7FD3D8;font-family:'Lato','Poppins',Arial,sans-serif;background:var(--navy);color:#fff;width:100%;padding:0}
#naFooter *{box-sizing:border-box}
#naFooter a{color:inherit;text-decoration:none}
#naFooter .fwrap{max-width:1180px;margin:0 auto;padding:56px 24px 28px}
#naFooter .fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:40px}
#naFooter .fbrand .fname{font-size:22px;font-weight:900;letter-spacing:-.01em;line-height:1;margin:0 0 12px}
#naFooter .fbrand .fname span{color:var(--teal)}
#naFooter .fbrand p{margin:0 0 18px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.72);max-width:34ch}
#naFooter .fsoc{display:flex;gap:10px}
#naFooter .fsoc a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;transition:background .15s}
#naFooter .fsoc a:hover{background:var(--teal)}
#naFooter h4{margin:0 0 14px !important;font-size:11px !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#7FD3D8 !important;font-weight:700 !important;line-height:1.2 !important}
#naFooter ul{list-style:none;margin:0;padding:0}
#naFooter li{margin:0 0 9px;font-size:14.5px}
#naFooter li a{color:rgba(255,255,255,.82)}
#naFooter li a:hover{color:#fff;text-decoration:underline}
#naFooter .fcont{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.82)}
#naFooter .fcont a:hover{text-decoration:underline}
#naFooter .fbot{border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:12.5px;color:rgba(255,255,255,.55)}
@media (max-width:900px){#naFooter .fgrid{grid-template-columns:1fr 1fr;gap:32px}#naFooter .fwrap{padding:44px 20px 24px}}
@media (max-width:560px){#naFooter .fgrid{grid-template-columns:1fr;gap:28px}#naFooter .fbot{flex-direction:column}}

/* 5. Page blocks - hero and mobile fixes that lived in Duda's Head HTML */
.na .hero::before { background: linear-gradient(180deg, rgba(0,48,88,.15), rgba(0,48,88,.8)) !important; }
@media (max-width: 767px) {
  .na .hero { background-color: #00243F !important; background-size: 100% auto !important;
    background-position: 50% 0 !important; background-repeat: no-repeat !important; }
  .na .hero::before { background: linear-gradient(180deg, rgba(0,36,63,0) 0%, rgba(0,36,63,0) 50%, rgba(0,36,63,1) 66%) !important; }
  .na .hero .wrap { padding-top: calc(67vw + 16px) !important; }
  .na .dest { grid-template-columns: 1fr !important; gap: 12px !important; }
  .na .ds { aspect-ratio: 16/8 !important; padding: 20px !important; min-height: 168px; }
  .na .ds div { font-size: 15px !important; line-height: 1.45; }
}

/* 6. Travel guides (Getting here pages) */
.na-gh .cols > * { min-width: 0; }
.na-gh { --gh-navy: #00243F; --gh-deep: #013E5C; --gh-ink: #0A1A26; --gh-frost: #7FD3D8; --gh-frost-ink: #0B5B63; --gh-snow: #F4F8F9; --gh-paper: #FFFFFF; --gh-slate: #5B6E7A; --gh-line: #D9E4E9; --gh-line-soft: #E9F0F2; --gh-shadow: 0 1px 2px rgba(10,26,38,.06),0 8px 24px -12px rgba(10,26,38,.18); --gh-r: 4px; font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.6; color: var(--gh-ink); background: var(--gh-snow); -webkit-font-smoothing: antialiased; }
.na-gh * { box-sizing: border-box; }
.na-gh img { max-width: 100%; display: block; }
.na-gh a { color: inherit; }
.na-gh h1, .na-gh h2, .na-gh h3 { font-weight: 600; line-height: 1.12; letter-spacing: -0.015em; text-wrap: balance; margin: 0px; font-family: "Familjen Grotesk", Helvetica, Arial, sans-serif !important; color: var(--gh-ink) !important; }
.na-gh h1 { font-size: clamp(29px, 4.4vw, 44px); }
.na-gh h2 { font-size: clamp(21px, 2.6vw, 27px); margin-bottom: 14px; }
.na-gh p { margin: 0px 0px 15px; max-width: 66ch; }
.na-gh .small { font-size: 14px; color: var(--gh-slate); }
.na-gh .lede { color: var(--gh-slate); max-width: 66ch; margin-bottom: 22px; }
.na-gh .wrap, .na-gh-nav { max-width: 1140px; margin: 0px auto; }
.na-gh .wrap { padding-inline: 20px; }
.na-gh-nav { background: var(--gh-navy); color: rgb(207, 228, 234); font-size: 13px; letter-spacing: 0.03em; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 10px 20px; font-family: Lato, Arial, sans-serif; }
.na-gh-nav span { color: rgb(255, 255, 255); font-weight: 700; margin-right: 4px; }
.na-gh-nav a { text-decoration: none; opacity: 0.72; border-bottom: 1px solid transparent; padding-bottom: 1px; color: rgb(207, 228, 234); }
.na-gh-nav a.on, .na-gh-nav a:hover { opacity: 1; border-bottom-color: var(--gh-frost); }
.na-gh-nav a.on { color: var(--gh-frost); }
.na-gh .titlecard { background: var(--gh-paper); border: 1px solid var(--gh-line); border-radius: var(--gh-r); padding: 26px 28px 24px; box-shadow: var(--gh-shadow); position: relative; z-index: 2; }
@media (max-width: 640px) {
  .na-gh .titlecard { padding: 20px; }
}
.na-gh .crumbs { font-size: 12.5px; color: var(--gh-slate); margin-bottom: 12px; }
.na-gh .crumbs a { text-decoration: none; border-bottom: 1px solid var(--gh-line); }
.na-gh .kicker { font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gh-frost-ink); font-weight: 700; margin-bottom: 9px; }
.na-gh .sub { color: var(--gh-slate); margin-top: 10px; font-size: 17px; max-width: 62ch; }
.na-gh .promise { margin: 20px 0px 0px; padding: 14px 18px; background: var(--gh-snow); border-left: 3px solid var(--gh-frost); border-radius: 0px 3px 3px 0px; font-size: 15.5px; max-width: none; }
.na-gh .promise b, .na-gh th { font-family: "Familjen Grotesk", Helvetica, sans-serif; font-size: 17px; }
.na-gh .cols { display: grid; grid-template-columns: minmax(0px, 1fr) 340px; gap: 48px; padding-block: 52px 64px; align-items: start; }
@media (max-width: 900px) {
  .na-gh .cols { grid-template-columns: 1fr; gap: 36px; padding-block: 36px 48px; }
}
.na-gh section + section { margin-top: 46px; }
.na-gh .tablewrap { overflow-x: auto; border: 1px solid var(--gh-line); border-radius: var(--gh-r); background: var(--gh-paper); }
.na-gh table { border-collapse: collapse; width: 100%; font-size: 14.5px; min-width: 520px; }
.na-gh th { text-align: left; font-weight: 600; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gh-slate); padding: 11px 16px; border-bottom: 1px solid var(--gh-line); white-space: nowrap; background: 0px 0px; }
.na-gh td { padding: 12px 16px; border-bottom: 1px solid var(--gh-line-soft); vertical-align: top; font-variant-numeric: tabular-nums; }
.na-gh tbody tr:last-child td { border-bottom: 0px; }
.na-gh .panel { background: var(--gh-paper); border: 1px solid var(--gh-line); border-radius: var(--gh-r); padding: 22px 24px; }
.na-gh .panel h3 { font-size: 17px; margin-bottom: 10px; }
.na-gh .kv { display: grid; grid-template-columns: auto 1fr; gap: 8px 22px; font-size: 15px; margin: 0px; }
.na-gh .field label, .na-gh .kv dt { color: var(--gh-slate); }
.na-gh .kv dd { margin: 0px; }
@media (max-width: 520px) {
  .na-gh .kv { grid-template-columns: 1fr; gap: 2px 0px; }
  .na-gh .kv dd { margin-bottom: 10px; }
}
.na-gh .field { margin-bottom: 13px; }
.na-gh .field label { display: block; font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; }
.na-gh .field input, .na-gh .field select { width: 100%; padding: 10px 11px; border: 1px solid var(--gh-line); border-radius: 3px; background: var(--gh-snow); color: var(--gh-ink); font: inherit; font-size: 15px; }
.na-gh .field input:focus, .na-gh .field select:focus { outline: 2px solid var(--gh-frost); outline-offset: 1px; border-color: transparent; }
.na-gh .two { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.na-gh .btn { display: block; width: 100%; text-align: center; background: var(--gh-navy); border: 0px; padding: 14px 16px; border-radius: 3px; font: inherit; font-weight: 700; font-size: 15.5px; cursor: pointer; text-decoration: none; letter-spacing: 0.01em; color: rgb(255, 255, 255) !important; }
.na-gh .btn:hover { background: var(--gh-deep); color: rgb(255, 255, 255) !important; }
.na-gh .book, .na-gh .btn.alt { border: 1px solid var(--gh-line); }
.na-gh .btn.alt { background: 0px 0px; font-weight: 700; color: var(--gh-frost-ink) !important; }
.na-gh .btn.alt:hover { background: var(--gh-snow); border-color: var(--gh-frost); color: var(--gh-frost-ink) !important; }
.na-gh .pricebtns { display: grid; gap: 10px; }
.na-gh .book { position: sticky; top: 20px; background: var(--gh-paper); border-radius: var(--gh-r); padding: 22px; box-shadow: var(--gh-shadow); }
.na-gh .book h3 { font-size: 18px; margin-bottom: 4px; }
.na-gh .book .small { margin-bottom: 18px; }
.na-gh .book .note { font-size: 12.5px; color: var(--gh-slate); margin: 12px 0px 0px; text-align: center; }
.na-gh .layout { list-style: none; padding: 0px; margin: 0px; border-top: 1px solid var(--gh-line-soft); }
.na-gh .layout li { display: flex; gap: 16px; padding: 12px 0px; border-bottom: 1px solid var(--gh-line-soft); }
.na-gh .layout li b { flex: 0 0 168px; font-family: "Familjen Grotesk", Helvetica, sans-serif; font-weight: 600; }
@media (max-width: 560px) {
  .na-gh .layout li { flex-direction: column; gap: 2px; }
  .na-gh .layout li b { flex: 0 0 auto; }
}

/* ===== Unit page (.na-u) — generated pages in full/en/norway/trysil/ ===== */
.na-u *{box-sizing:border-box}
.na-u{font-family:Lato,"Helvetica Neue",Arial,sans-serif;color:#1c2b36;line-height:1.6;font-size:16px}
.na-u h1,.na-u h2,.na-u h3,.na-u b{font-family:"Familjen Grotesk",Lato,Arial,sans-serif}
.na-u .w{max-width:1140px;margin:0 auto;padding-inline:16px}
.na-u p{margin:0 0 12px}
.na-u .main,.na-u aside,.na-u .st div,.na-u .rooms div,.na-u .bk div{min-width:0}
.na-u .main img,.na-u .main table{max-width:100%}
.na-u .ga{margin-bottom:0!important}
.na-u .hd{background:#00243F;padding:26px 0 24px;margin-bottom:26px}
@media(min-width:768px){.na-u .ga{background:#00243F;padding:22px 0 0}}
.na-u .wk-s{position:relative;border-radius:10px;transition:box-shadow .3s ease}
.na-u .wk-s.pulse{box-shadow:0 0 0 3px rgba(26,134,200,.45)}
.na-u .wk-s .nav{position:absolute;top:calc(50% - 4px);transform:translateY(-50%);z-index:3;width:40px;height:40px;padding:0;border-radius:999px;border:1px solid #d7e2ea;background:#fff;box-shadow:0 2px 10px rgba(0,36,63,.18);cursor:pointer;display:none;align-items:center;justify-content:center;color:#00243F;font:400 22px/1 system-ui,sans-serif}
.na-u .wk-s .nav:hover{background:#f4f8fb;border-color:#1a86c8}
.na-u .wk-s .nav:focus-visible{outline:2px solid #1a86c8;outline-offset:2px}
.na-u .wk-s .nav.prev{left:2px}
.na-u .wk-s .nav.next{right:2px}
.na-u .wk-s::before{content:"";position:absolute;top:0;left:0;bottom:8px;width:64px;pointer-events:none;background:linear-gradient(270deg,rgba(255,255,255,0),#fff 78%);opacity:0;transition:opacity .18s ease;z-index:2}
.na-u .wk-s.scrolled::before{opacity:1}
@media(min-width:768px){.na-u .wk-s .nav{display:flex}.na-u .wk-s .nav.off{display:none}}
.na-u .wk-s::after{content:"";position:absolute;top:0;right:0;bottom:8px;width:64px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 78%);opacity:1;transition:opacity .18s ease}
.na-u .wk-s.atend::after{opacity:0}
.na-u .chips-s{position:relative}
.na-u .chips-s::after{content:"";position:absolute;top:0;right:0;bottom:0;width:56px;pointer-events:none;background:linear-gradient(90deg,rgba(0,36,63,0),#00243F 78%);opacity:1;transition:opacity .18s ease}
.na-u .chips-s.atend::after{opacity:0}
.na-u .swipe{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#7a8b96;margin:0 0 8px}
.na-u .swipe svg{width:15px;height:15px;flex:0 0 auto}
@media(min-width:768px){.na-u .swipe{display:none}}
.na-u .hd .crumb{color:#8fb9d6}
.na-u .hd .crumb a{color:#bcd9ec}
.na-u .hd h1{color:#fff!important}
.na-u .hd .kick{color:#cfe1ee;margin-bottom:16px}
.na-u .hd .chips{margin-bottom:0}
.na-u .hd .chips li{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24);color:#dbe9f3}
@media(max-width:767px){.na-u .hd{padding:18px 0 16px;margin-bottom:20px}}
/* gallery */
.na-u .ga{position:relative;margin-bottom:18px}
.na-u .ga-t{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0}
.na-u .ga-t::-webkit-scrollbar{display:none}
.na-u .ga-t img{flex:0 0 100%;width:100%;aspect-ratio:4/3;object-fit:cover;scroll-snap-align:center;display:block;cursor:zoom-in;background:#e6edf2}
.na-u .ga-c{position:absolute;right:12px;bottom:12px;background:rgba(0,36,63,.72);color:#fff;font-size:12px;letter-spacing:.04em;padding:5px 11px;border-radius:999px;pointer-events:none}
.na-u .ga-b{position:absolute;right:12px;bottom:12px;display:none;background:#fff;color:#1c2b36;border:1px solid #d7e2ea;border-radius:8px;padding:9px 14px;font:600 13px/1 Lato,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(0,36,63,.14)}
.na-u .ga-b:hover{background:#f4f8fb}
/* head */
.na-u .hd .crumb b{color:#fff;font-weight:700}
.na-u .crumb{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#6a7c89;margin:0 0 8px}
.na-u .crumb a{color:#2a6f9e;text-decoration:none}
.na-u .crumb a:hover{text-decoration:underline}
.na-u h1{font-size:clamp(24px,5.8vw,38px);line-height:1.14;letter-spacing:-.01em;color:#00243F!important;margin:0 0 10px;text-wrap:balance}
.na-u .kick{color:#41555f;font-size:16px;margin:0 0 14px;max-width:62ch}
.na-u .chips{display:flex;gap:7px;list-style:none;margin:0 0 20px;padding:0 16px 2px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px}
.na-u .chips::-webkit-scrollbar{display:none}
.na-u .chips li{flex:0 0 auto;background:#f4f8fb;border:1px solid #e3eaef;border-radius:999px;padding:6px 13px;font-size:13.5px;color:#35485a;white-space:nowrap}
/* stats */
.na-u .st{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 22px;padding:14px 0;border-top:1px solid #e6edf2;border-bottom:1px solid #e6edf2}
.na-u .st div{text-align:center}
.na-u .st b{display:block;font-size:17px;color:#00243F}
.na-u .st span{display:block;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#7a8b96;margin-top:2px}
/* booking */
.na-u .bk{background:#fff;border:1px solid #d7e2ea;border-radius:12px;padding:18px;box-shadow:0 2px 14px rgba(0,36,63,.07);margin:0 0 26px}
.na-u .bk .pr{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #e6edf2}
.na-u .bk .pr b{font-size:24px;color:#00243F}
.na-u .bk .pr span{color:#6a7c89;font-size:14px;margin-left:6px}
.na-u .bk .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.na-u .bk label{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#7a8b96;margin-bottom:4px}
.na-u .bk input,.na-u .bk select{width:100%;height:46px;border:1px solid #d7e2ea;border-radius:8px;padding:0 10px;font:400 16px/1 Lato,Arial,sans-serif;color:#1c2b36;background:#fff;appearance:none}
.na-u .bk select{background-image:linear-gradient(45deg,transparent 50%,#55707f 50%),linear-gradient(135deg,#55707f 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}
.na-u .bk .go{width:100%;height:52px;border:0;border-radius:8px;background:#E4572E;color:#fff;font:700 16px/1 "Familjen Grotesk",Lato,Arial,sans-serif;cursor:pointer}
.na-u .bk .go:hover{background:#c9451f}
.na-u .bk .note{font-size:12.5px;color:#7a8b96;text-align:center;margin:10px 0 0}
/* content */
.na-u h2{font-size:clamp(20px,4.6vw,26px);color:#00243F!important;margin:26px 0 12px;letter-spacing:-.01em}
.na-u .lede{font-size:18px;color:#17384f;margin-bottom:14px}
.na-u .rooms{display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:6px}
.na-u .rooms div{background:#f4f8fb;border:1px solid #e6edf2;border-radius:10px;padding:12px 14px}
.na-u .rooms b{display:block;color:#00243F;font-size:15px}
.na-u .rooms span{color:#41555f;font-size:14.5px}
.na-u .ticks{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:7px;grid-template-columns:1fr}
.na-u .ticks li{position:relative;padding-left:20px;color:#35485a;font-size:15px}
.na-u .ticks li::before{content:"";position:absolute;left:3px;top:9px;width:7px;height:7px;border-radius:50%;background:#1a86c8}
.na-u .quote{background:#00243F;color:#dbe9f3;border-radius:12px;padding:20px;margin:22px 0}
.na-u .quote b{display:block;color:#fff;font-size:17px;margin-bottom:7px}
.na-u .quote p{margin:0;color:#cfe1ee;font-size:15.5px}
.na-u .end{margin:22px 0 10px}
.na-u .end a{color:#2a6f9e;font-weight:700;text-decoration:none}
/* weeks */
.na-u .wk{border-top:1px solid #e6edf2;margin-top:26px;padding-top:20px}
.na-u .wk-g{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 8px;margin-inline:-16px;scrollbar-width:none}
.na-u .wk-g::-webkit-scrollbar{display:none}
.na-u .wk-g button{flex:0 0 auto;background:#fff;border:1px solid #d7e2ea;border-radius:10px;padding:9px 13px;cursor:pointer;text-align:left;font-family:Lato,Arial,sans-serif}
.na-u .wk-g button:hover{border-color:#1a86c8;background:#f4f8fb}
.na-u .wk-g b{display:block;font-size:14px;color:#00243F}
.na-u .wk-g span{display:block;font-size:12px;color:#6a7c89;white-space:nowrap}
/* sticky bar (mobile) */
.na-bar{position:fixed;left:0;right:0;bottom:0;z-index:9000;background:#fff;border-top:1px solid #d7e2ea;box-shadow:0 -3px 16px rgba(0,36,63,.12);padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .22s ease;font-family:Lato,Arial,sans-serif}
.na-bar.on{transform:translateY(0)}
.na-bar .l{flex:1;min-width:0}
.na-bar .l b{display:block;font:700 15px/1.2 "Familjen Grotesk",Lato,Arial,sans-serif;color:#00243F}
.na-bar .l span{display:block;font-size:12.5px;color:#6a7c89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.na-bar button{flex:0 0 auto;height:46px;padding:0 18px;border:0;border-radius:8px;background:#E4572E;color:#fff;font:700 15px/1 "Familjen Grotesk",Lato,Arial,sans-serif;cursor:pointer}
/* lightbox */
.na-lb{position:fixed;inset:0;z-index:99999;background:rgba(6,14,22,.96);display:none;align-items:center;justify-content:center;touch-action:pan-y}
.na-lb.on{display:flex}
.na-lb img{max-width:96vw;max-height:84vh;object-fit:contain;border-radius:6px}
.na-lb button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:999px;cursor:pointer;width:48px;height:48px;font:400 26px/1 system-ui,sans-serif;display:flex;align-items:center;justify-content:center}
.na-lb button:hover{background:rgba(255,255,255,.28)}
.na-lb .x{top:calc(16px + env(safe-area-inset-top,0px));right:16px;font-size:20px}
.na-lb .p{left:14px;top:50%;transform:translateY(-50%)}
.na-lb .n{right:14px;top:50%;transform:translateY(-50%)}
.na-lb .c{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;color:#fff;opacity:.8;font-size:13px}
@media(max-width:767px){
  .na-u .cols{display:flex;flex-direction:column}
  .na-u .cols aside{order:-1}
  .na-u .bk{margin-bottom:22px}
  .na-u .ga-b{display:none}
  .na-u .st{grid-template-columns:repeat(2,1fr);gap:12px 8px}
}
@media(min-width:768px){
  .na-bar{display:none!important}
  .na-u .ga{margin-bottom:26px}
  .na-u .ga .w{padding-inline:16px}
  .na-u .ga-t{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;overflow:hidden;border-radius:12px;max-width:1140px;margin:0 auto}
  .na-u .ga-t img{flex:none;width:100%;height:100%;aspect-ratio:auto;min-height:150px}
  .na-u .ga-t img:first-child{grid-row:span 2;aspect-ratio:4/3}
  .na-u .ga-t img:nth-child(n+6){display:none}
  .na-u .ga-c{display:none}
  .na-u .ga-b{display:block;right:calc((100% - 1140px)/2 + 28px)}
  .na-u .cols{display:grid;grid-template-columns:1fr 372px;gap:44px;align-items:start}
  .na-u .bk{position:sticky;top:96px}
  .na-u .rooms{grid-template-columns:1fr 1fr}
  .na-u .ticks{grid-template-columns:1fr 1fr;gap:9px 24px}
  .na-u .lb-hide{display:none}
  .na-lb .p{left:24px}.na-lb .n{right:24px}
}
@media(max-width:1200px) and (min-width:768px){ .na-u .ga-b{right:28px} }
@media(prefers-reduced-motion:reduce){ .na-bar{transition:none} }

/* Unit page — "Other apartments in this building" */
.na-u .others-i{color:var(--na-ink-2,#3a4a58);margin:4px 0 12px}
.na-u ul.others{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:640px){.na-u ul.others{grid-template-columns:1fr 1fr}}
.na-u ul.others li a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--na-rule,#dfe6ec);border-radius:var(--na-radius,8px);text-decoration:none;color:inherit;background:#fff}
.na-u ul.others li a:hover{border-color:var(--na-teal,#389098)}
.na-u ul.others li a b{font-family:var(--na-font-display,'Familjen Grotesk',sans-serif);font-size:16px;color:var(--na-navy,#00243F)}
.na-u ul.others li a span{font-size:14px;color:var(--na-ink-2,#3a4a58)}

/* ===== Catalogue pages (build-catalog-pages.py) ===== */
.na-u .ga-none{display:grid;place-items:center;min-height:220px;background:#17384F;color:#cfe1ee;font-size:15px;grid-column:1/-1}
.na-u .sup{font-size:14px;color:var(--na-ink-2,#4a4f63);border-left:3px solid var(--na-teal,#389098);padding-left:14px;margin:8px 0 16px}
.naPanel .naHd a{color:inherit;text-decoration:none}.naPanel .naHd a:hover{text-decoration:underline}

/* ===== Resort stays listing ===== */
.na-st{max-width:1180px;margin:0 auto;padding:28px 24px 64px}
.na-st h1{font-family:'Lato',Arial,sans-serif;font-weight:900;font-size:clamp(30px,4vw,46px);color:#003058;margin:0 0 8px;line-height:1.1}
.na-st .sub{color:#4a4f63;font-size:17px;max-width:62ch;margin:0 0 18px}
.na-st .crumbs{font-size:13px;color:#7c8194;margin:0 0 10px}.na-st .crumbs a{color:#1F6F76;text-decoration:none}
.na-st .fl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.na-st .fl button{font:700 13px 'Lato',Arial,sans-serif;border:1.5px solid #003058;color:#003058;background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer}
.na-st .fl button.on{background:#003058;color:#fff}
.na-st .fl .n{align-self:center;font-size:13px;color:#7c8194;margin-left:6px}
.na-st .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.na-st .c{display:flex;flex-direction:column;border:1px solid rgba(0,48,88,.12);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:transform .15s}
.na-st .c:hover{transform:translateY(-2px);border-color:#389098}
.na-st .c .im{aspect-ratio:4/3;background:#E8F1F7 center/cover}
.na-st .c .b{padding:12px 14px 14px}
.na-st .c b{display:block;font-size:15px;color:#003058;line-height:1.3;margin:0 0 6px}
.na-st .c span{display:block;font-size:12.5px;color:#4a4f63}
.na-st .c em{display:block;font-style:normal;font-size:12px;color:#7c8194;margin-top:6px}
.na-st .c[hidden]{display:none}
.na .stays{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.na .stays a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.na .stays .im{aspect-ratio:4/3;background:#E8F1F7 center/cover}
.na .stays .b{padding:12px 14px 14px}.na .stays b{display:block;font-size:15px;color:var(--navy);margin:0 0 6px;line-height:1.3}.na .stays span{font-size:13px;color:var(--ink2)}
@media (max-width:860px){.na .stays{grid-template-columns:1fr}}

/* ===== Unit page: supplier text collapsed, ack, request, map, weekend tabs, hotel rooms ===== */
.na-u details.supd{margin:26px 0 8px;border:1px solid var(--na-line,rgba(0,48,88,.12));border-radius:10px;padding:0 16px}
.na-u details.supd summary{cursor:pointer;list-style:none;padding:14px 0;display:flex;flex-direction:column;gap:2px}
.na-u details.supd summary::-webkit-details-marker{display:none}
.na-u details.supd summary h2{margin:0;font-size:18px}.na-u details.supd summary h2::before{content:"▸ ";color:var(--na-teal,#389098)}
.na-u details.supd[open] summary h2::before{content:"▾ "}
.na-u details.supd summary span{font-size:13px;color:var(--na-muted,#7c8194)}
.na-u details.supd .sup{margin:0 0 16px}
.na-u .bk .ack{display:flex;flex-direction:row;gap:8px;align-items:flex-start;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400;color:var(--na-ink-2,#4a4f63);margin:4px 0 2px;line-height:1.4}
.na-u .bk .ack input{width:16px;height:16px;margin:2px 0 0;flex:0 0 auto}.na-u .bk .ack span{flex:1 1 auto;display:inline}.na-u .bk .ack.nag{color:#B3261E}.na-u .bk .ack.nag input{outline:2px solid #B3261E;outline-offset:2px;border-radius:3px}.na-u .bk .pr span{display:block;margin:6px 0 0}.na-u .ack a{color:var(--na-teal-ink,#1F6F76);font-weight:700}
.na-u .go.dis,.na-bar button.dis{opacity:.55}
.na-u .req{display:block;text-align:center;border:1.5px solid var(--na-navy,#003058);color:var(--na-navy,#003058);border-radius:8px;padding:10px 14px;font-weight:700;font-size:14px;text-decoration:none;margin-top:8px}
.na-u .req:hover{background:var(--na-ice,#E8F1F7)}
.na-u .umap{height:340px;border-radius:12px;overflow:hidden;border:1px solid var(--na-line,rgba(0,48,88,.12));background:var(--na-ice,#E8F1F7);margin:0 0 6px}
.na-u .wk-tabs{display:flex;gap:6px;margin:0 0 10px}.na-u .wk-tabs button{font:700 13px Lato,Arial,sans-serif;border:1.5px solid var(--na-navy,#003058);color:var(--na-navy,#003058);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}.na-u .wk-tabs button.on{background:var(--na-navy,#003058);color:#fff}
.na-u .rooms-live{border:1px dashed var(--na-line,rgba(0,48,88,.2));border-radius:10px;padding:14px 16px;margin:0 0 10px}.na-u .rooms-live .note{margin:0;font-size:14px;color:var(--na-ink-2,#4a4f63)}

/* hotel room categories */
.na-u .rooms-live.live{border-style:solid;padding:0;overflow:hidden}
.na-u .rooms-live .note.ex{margin:0;padding:10px 16px;background:#FFF4E5;color:#7a4a00;font-size:13px;border-bottom:1px solid #f1dcc0}
.na-u .rt{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--na-line,rgba(0,48,88,.12))}
.na-u .rt:first-child{border-top:0}
.na-u .rt-i b{display:block;font-size:16px;color:#00243F}.na-u .rt-i span{display:block;font-size:13.5px;color:var(--na-ink-2,#4a4f63);margin-top:2px}.na-u .rt-i em{display:block;font-style:normal;font-size:13px;color:#1F6F76;margin-top:4px}
.na-u .rt-p{text-align:right;flex:0 0 auto}.na-u .rt-p b{display:block;font-size:18px;color:#00243F}.na-u .rt-p span{display:block;font-size:12px;color:var(--na-ink-2,#4a4f63);margin:2px 0 8px}
.na-u .rt-p .go.sm{display:inline-block;padding:10px 16px;border-radius:8px;background:#E4572E;color:#fff;font:700 14px/1 "Familjen Grotesk",Lato,Arial,sans-serif;text-decoration:none}.na-u .rt-p .go.sm:hover{background:#c9451f}
@media (max-width:600px){.na-u .rt{flex-direction:column;gap:8px}.na-u .rt-p{text-align:left}}
.na-u .wk .wk-i{margin:-6px 0 12px;font-size:14px;color:var(--na-ink-2,#4a4f63)}
.na-u .bk .pr .bookNow{display:inline-block;margin:8px 0 4px;background:#E4572E;color:#fff;border-radius:8px;padding:10px 16px;font:700 14px 'Familjen Grotesk',Lato,Arial,sans-serif;text-decoration:none}.na-u .bk .pr .bookNow:hover{background:#c9451f}

/* ---------- Nordic Alps date picker ---------- */
.na-dp{position:relative;display:block;width:100%}
.na-dp .na-dp-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;left:0;bottom:0;margin:0;padding:0;border:0}
.na-dp .na-dp-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:46px;padding:0 12px;border:1px solid #d7e2ea;border-radius:8px;background:#fff;font:400 15px/1 Lato,Arial,sans-serif;color:#1c2b36;text-align:left;cursor:pointer;grid-column:auto}
.na-dp-btn b{font-weight:700}.na-dp-btn.empty span{color:#7c8194}
.na-dp-btn:after{content:'';width:9px;height:9px;border-right:2px solid #55707f;border-bottom:2px solid #55707f;transform:rotate(45deg);margin:-4px 4px 0 0;flex:0 0 auto}
.na-dp-btn:focus-visible{outline:3px solid rgba(56,144,152,.5);outline-offset:1px}
.na-dp-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:260px;background:#fff;border:1px solid #d7e2ea;border-radius:12px;box-shadow:0 14px 40px -12px rgba(0,36,63,.35);padding:10px;color:#1c2b36;font:400 13px/1.3 Lato,Arial,sans-serif;text-transform:none;letter-spacing:0;font-weight:400}
.na-dp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.na-dp-months{display:flex;flex:1;justify-content:space-around;font:700 14px/1 'Familjen Grotesk',Lato,Arial,sans-serif;color:#003058;text-transform:none;letter-spacing:0}
.na-dp .na-dp-nav{width:28px;height:28px;grid-column:auto;border:1px solid #d7e2ea;border-radius:50%;background:#fff;font:700 20px/1 Lato,Arial,sans-serif;color:#003058;cursor:pointer;padding:0}
.na-dp-nav:hover{background:#E8F1F7}
.na-dp-grid{display:flex;gap:12px}
.na-dp-m{border-collapse:collapse;table-layout:fixed;width:232px;margin:0}
.na-dp-m th{font:700 10px/1 Lato,Arial,sans-serif;color:#7c8194;text-transform:uppercase;letter-spacing:.04em;padding:2px 0 4px;text-align:center}
.na-dp-m th.we{color:#003058}
.na-dp-m td,.na-dp-m th{border:0!important;background:none}.na-dp-m td{padding:1px;text-align:center;height:30px}
.na-dp-m td.wk{font:700 9px/1 Lato,Arial,sans-serif;color:#9aa5b1;width:22px}
.na-dp .na-dp-m td button{width:28px;height:28px;min-height:0;border:0;border-radius:50%;background:transparent;font:400 13px/1 Lato,Arial,sans-serif;color:#1c2b36;cursor:pointer;padding:0;margin:0 auto;display:block;grid-column:auto;box-shadow:none}
.na-dp .na-dp-m td.arr button{font-weight:700;color:#003058;box-shadow:inset 0 0 0 1.5px #9ccbd0}
.na-dp .na-dp-m td button:hover{background:#E8F1F7}
.na-dp .na-dp-m td.past button{color:#c3cad2;cursor:default;box-shadow:none;font-weight:400}
.na-dp-m td.in{background:#E8F1F7!important}
.na-dp-m td.sel{background:linear-gradient(90deg,transparent 50%,#E8F1F7 50%)}.na-dp-m td.end{background:linear-gradient(90deg,#E8F1F7 50%,transparent 50%)}
.na-dp .na-dp-m td.sel button,.na-dp .na-dp .na-dp-m td.end button{background:#003058;color:#fff;box-shadow:none;font-weight:700;border-radius:50%}
.na-dp .na-dp-m td.end button{background:#389098}
.na-dp .na-dp-m td.today button{text-decoration:underline;text-underline-offset:3px}
@media (max-width:699px){.na-dp-pop{position:fixed;left:12px;right:12px;top:auto;bottom:12px;min-width:0;max-height:80vh;overflow:auto;padding-top:18px}.na-dp-pop:before{content:'';position:absolute;top:7px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#d7e2ea}.na-dp-m{width:100%}.na-dp .na-dp-m td button{width:36px;height:36px;font-size:15px}.na-dp-m td{height:38px}}

/* cancellation line under prices */
.na-u .cx{display:block;margin-top:6px;font:700 13px/1.3 Lato,Arial,sans-serif;color:#2d7a3a}
.na-u .cx.non{color:#b3261e}.na-u .cx.part{color:#9a5b00}.na-u .cx.unk{color:#7c8194;font-weight:400}
.na-u .rt-p .cx{font-size:12px;margin-top:4px}
/* results: change-search form stays closed until asked for */
.na-r .tp.rs[hidden]{display:none}

/* several rates for one unit */
.na-u .bk .rates{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.na-u .bk .rate{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;border:1px solid #d7e2ea;border-radius:10px;padding:10px 12px;background:#fff}
.na-u .bk .rate b{font:700 18px/1.1 'Familjen Grotesk',Lato,Arial,sans-serif;color:#003058}
.na-u .bk .rate .cx{margin:0;grid-column:1}.na-u .bk .rate small{grid-column:1;color:#7c8194;font-size:12px}
.na-u .bk .rate a{grid-column:2;grid-row:1/4;align-self:center;border-radius:999px;padding:9px 14px;font:700 13px/1 Lato,Arial,sans-serif;text-decoration:none;background:#389098;color:#fff}

.na-u .bk .go.book,.na-u #naBarGo.book{background:#d8641c}

/* booking panel: form first, price result under the button, request as a line */
.na-u .bk .bk-h{margin:0 0 10px;font:700 15px/1.2 'Familjen Grotesk',Lato,Arial,sans-serif;color:#003058}
.na-u .bk .pr{margin:12px 0 0!important;padding:12px!important;border:1px solid #d7e2ea!important;border-bottom:1px solid #d7e2ea!important;border-radius:12px;background:#F4F8F9}
.na-u .bk .note{margin:12px 0 0;font-size:12px;line-height:1.45;color:#55707f}
.na-u .bk .note a.req{display:inline!important;margin:0!important;padding:0!important;border:0!important;background:none;color:#003058;font-weight:700;text-decoration:underline;text-underline-offset:2px;font-size:12px}
.na-u .bk .go.book{background:#d8641c}

/* ---------- booking panel A (price first) ---------- */
.na-u .bk.bkA{padding:18px}
.na-u .bkA .bk-top{margin:0 0 12px}.na-u .bkA .bk-top b{display:block;font:700 26px/1.1 'Familjen Grotesk',Lato,Arial,sans-serif;color:#003058}.na-u .bkA .bk-top span{display:block;font-size:13px;color:#55707f;margin-top:3px}
.na-u .bkA .bk-top span a{color:#003058;font-weight:700}
.na-u .bkA .bk-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7e2ea;border-radius:12px;overflow:visible;background:#fff}.na-u .bkA .bk-grid .c{position:relative}.na-u .bkA .bk-grid .c:has(.na-dp-pop:not([hidden])){z-index:70}
.na-u .bkA .bk-grid .c{padding:8px 10px 8px 12px;border-right:1px solid #d7e2ea}.na-u .bkA .bk-grid .c:nth-child(2){border-right:0}.na-u .bkA .bk-grid .c.full{grid-column:1/-1;border-top:1px solid #d7e2ea;border-right:0}
.na-u .bkA .bk-grid label{display:block;font:700 10px/1 Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7c8194;margin:0 0 2px}
.na-u .bkA .bk-grid select,.na-u .bkA .bk-grid .na-dp-btn{border:0;height:32px;padding:0;background:#fff;font:700 15px Lato,Arial,sans-serif;color:#1c2b36;width:100%;appearance:auto}
.na-u .bkA .bk-grid .na-dp-btn:after{display:none}.na-u .bkA .bk-grid .na-dp-btn{justify-content:flex-start}
.na-u .bkA .bk-grid .gs{display:flex;align-items:center;gap:6px}.na-u .bkA .bk-grid .gs select{width:auto;min-width:52px}.na-u .bkA .bk-grid .gs span{font-size:13px;color:#55707f;margin-right:8px}
.na-u .bkA .rates{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.na-u .bkA .rate{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border:1.5px solid #d7e2ea;border-radius:12px;padding:12px;cursor:pointer;background:#fff}
.na-u .bkA .rate.on{border-color:#003058;background:#F4F8F9}
.na-u .bkA .rate input{margin:3px 0 0;accent-color:#003058}
.na-u .bkA .rate .rn b{display:block;font:700 15px Lato,Arial,sans-serif;color:#1c2b36}.na-u .bkA .rate .rn em{display:block;font-style:normal;font-size:13px;margin-top:2px}.na-u .bkA .rate .rn small{display:block;color:#7c8194;font-size:12px}
.na-u .bkA .rate details{margin-top:4px;font-size:12px;color:#55707f}.na-u .bkA .rate summary{cursor:pointer;color:#003058;text-decoration:underline;text-underline-offset:2px;list-style:none}.na-u .bkA .rate details p{margin:4px 0 0}
.na-u .bkA .rate .rp{font:700 18px/1 'Familjen Grotesk',Lato,Arial,sans-serif;color:#003058;white-space:nowrap}
.na-u .bkA .go{margin-top:12px;height:50px;font-size:16px;background:#389098}.na-u .bkA .go.book{background:#d8641c}.na-u .bkA .go.req{background:#003058}.na-u .bkA .go.busy{background:#9aa5b1;cursor:wait}
.na-u .bkA .note{margin:10px 0 0;font-size:12px;line-height:1.5;color:#55707f}
.na-u .bkA .pr{display:none}
.na-u .cx.free{color:#2d7a3a}.na-u .cx.non{color:#b3261e}.na-u .cx.part{color:#9a5b00}.na-u .cx.unk{color:#7c8194}
.na-u .bkA .rate{text-transform:none;letter-spacing:0;font-weight:400}
.na-u .bkA .rate input[type=radio]{appearance:auto;-webkit-appearance:radio;width:18px;height:18px;margin:2px 0 0;padding:0;border:0}
.na-u .bkA .rate summary{text-transform:none;letter-spacing:0;font-weight:400}
.na-u .bkA .rates .rh{margin:10px 0 2px;font:700 11px/1 Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7c8194}
.na-u .bkA .rates .star{margin:6px 0 0;font-size:11px;line-height:1.4;color:#7c8194}
.na-u .bkA .rates .one{margin:8px 0 0;font-size:13px}
.na-u .bkA .rate.room .rn small{color:#55707f}
.na-u .bkA .links{margin:12px 0 0;font-size:13px}.na-u .bkA .links a{color:#003058;font-weight:700;text-decoration:none}.na-u .bkA .links a:hover{text-decoration:underline}

/* room cards with rate pills */
.na-u .bkA .rate.room{display:block;cursor:default}
.na-u .bkA .pills{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.na-u .bkA .pill{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1.5px solid #d7e2ea;border-radius:10px;background:#fff;padding:9px 12px;cursor:pointer;font:700 13px/1.1 Lato,Arial,sans-serif;color:#1c2b36;text-transform:none;letter-spacing:0;height:auto;text-align:left}
.na-u .bkA .pill b{font:700 15px/1 'Familjen Grotesk',Lato,Arial,sans-serif;color:#003058}
.na-u .bkA .pill.on{border-color:#003058;background:#003058;color:#fff}.na-u .bkA .pill.on b{color:#fff}
.na-u .bkA .rate.room .cx{display:block;font-size:12px;margin-top:6px;min-height:0}.na-u .bkA .rate.room .cx:empty{display:none}

.na-u .bkA .pill{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;cursor:default}
.na-u .bkA .pill .pn b{display:block;font:700 13px/1.1 Lato,Arial,sans-serif;color:#1c2b36}.na-u .bkA .pill .pn em{display:block;font-style:normal;font-size:12px;margin-top:2px}.na-u .bkA .pill .pn small{display:block;font-size:11px;color:#7c8194}
.na-u .bkA .pill .pp{font:700 16px/1 'Familjen Grotesk',Lato,Arial,sans-serif;color:#003058;white-space:nowrap}
.na-u .bkA .pill .pb{border:0;border-radius:999px;background:#d8641c;color:#fff;font:700 13px/1 Lato,Arial,sans-serif;padding:9px 14px;cursor:pointer;height:auto;width:auto;margin:0}
.na-u .bkA .rate.room.on{border-color:#d7e2ea;background:#fff}

/* week buttons with cached price / sold out */
.na-u .wk-g button em{display:block;font-style:normal;font:700 13px/1.1 'Familjen Grotesk',Lato,Arial,sans-serif;color:#003058;margin-top:4px}
.na-u .wk-g button em.so{color:#b3261e;font:700 11px/1.1 Lato,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.na-u .wk-g button.so{opacity:1;cursor:default;background:#f6f8fa}.na-u .wk-g button.so b,.na-u .wk-g button.so>span{opacity:.55}
.na-u .wk-g button em.oth{color:#d8641c;font:700 11px/1.1 Lato,Arial,sans-serif;margin-top:4px;cursor:pointer;text-decoration:underline}
.na-u .wk-g button.part{opacity:1}.na-u .wk-g button.part em.so{font-size:10px}.na-u .wk-g button em.alt{color:#003058;font:700 12px/1.1 Lato,Arial,sans-serif;margin-top:2px}

/* ===== Last minute page ===== */
.na-lm{max-width:1280px;margin:0 auto;padding:28px 24px 64px;font-family:Lato,Arial,sans-serif}
.na-lm h1{font-family:'Lato',Arial,sans-serif;font-weight:900;font-size:clamp(30px,4vw,46px);color:#003058;margin:0 0 8px;line-height:1.1}
.na-lm .sub{color:#4a4f63;font-size:17px;max-width:66ch;margin:0 0 18px}
.na-lm .crumbs{font-size:13px;color:#7c8194;margin:0 0 10px}.na-lm .crumbs a{color:#1F6F76;text-decoration:none}
.na-lm .lm-ctl{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:flex-end;margin:0 0 14px;padding:14px 16px;border:1px solid #d7e2ea;border-radius:14px;background:#F4F8F9}
.na-lm .lm-ctl .g>span{display:block;font:700 11px Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7c8194;margin:0 0 6px}
.na-lm .seg{display:inline-flex;border:1.5px solid #003058;border-radius:999px;overflow:hidden;background:#fff}
.na-lm .seg button{font:700 13px Lato,Arial,sans-serif;border:0;background:transparent;color:#003058;padding:8px 14px;cursor:pointer}
.na-lm .seg button.on{background:#003058;color:#fff}
.na-lm select{font:700 13px Lato,Arial,sans-serif;border:1.5px solid #003058;border-radius:999px;background:#fff;color:#003058;padding:7px 12px;height:36px}
.na-lm .lm-n{font-size:14px;color:#4a4f63;margin:0 0 14px}
.na-lm .lm-wrap{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:20px;align-items:start}
.na-lm .lm-grid{display:grid;gap:12px}
.na-lm .lm-c{display:grid;grid-template-columns:200px 1fr 170px;border:1px solid rgba(0,48,88,.12);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit}
.na-lm .lm-c.hl{border-color:#389098;box-shadow:0 0 0 2px rgba(56,144,152,.25)}
.na-lm .lm-c .im{background:#E8F1F7 center/cover;min-height:140px}
.na-lm .lm-c .b{padding:14px 16px}.na-lm .lm-c b{display:block;font-size:16px;color:#003058;margin:0 0 6px;line-height:1.3}.na-lm .lm-c span{font-size:13px;color:#4a4f63}
.na-lm .lm-c .pr{padding:14px 16px;border-left:1px solid rgba(0,48,88,.08);display:flex;flex-direction:column;justify-content:center;text-align:right}
.na-lm .lm-c .pr strong{font-size:22px;font-weight:900;color:#003058;font-family:Lato,Arial,sans-serif}.na-lm .lm-c .pr em{font-style:normal;font-size:12px;color:#7c8194;line-height:1.4;margin-top:2px}
.na-lm .lm-c .pr i{font-style:normal;display:inline-block;margin:8px 0 0 auto;background:#389098;color:#fff;border-radius:8px;padding:9px 12px;font-weight:700;font-size:13px}
.na-lm .lm-map{position:sticky;top:12px;height:calc(100vh - 40px);min-height:420px;border-radius:14px;overflow:hidden;border:1px solid rgba(0,48,88,.12);background:#E8F1F7}
.na-lm #naLmMap{width:100%;height:100%}
.na-lm .lm-foot{font-size:15px;color:#4a4f63;margin:18px 0 0}.na-lm .lm-foot[hidden]{display:none}.na-lm .lm-foot a{color:#1F6F76;font-weight:700}
@media (max-width:899px){.na-lm .lm-wrap{grid-template-columns:1fr}.na-lm .lm-map{display:none}}
@media (max-width:600px){.na-lm{padding:18px 16px 48px}.na-lm .lm-ctl{gap:10px 16px;padding:12px}.na-lm .seg button{padding:7px 10px;font-size:12px}
 .na-lm .lm-c{grid-template-columns:1fr}.na-lm .lm-c .im{aspect-ratio:4/3;min-height:0}.na-lm .lm-c .pr{border-left:0;border-top:1px solid rgba(0,48,88,.08);flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:10px}.na-lm .lm-c .pr i{margin:0}}

/* week picker on unit pages removed 28.10.2026 (pages still carry the markup until the next rebuild) */
.na-u .wk{display:none!important}

/* ===== My booking ===== */
.na-mb{font-family:Lato,Arial,sans-serif;color:#1c2b36}
.na-mb .wrap{max-width:1180px;margin:0 auto;padding:28px 24px 64px}
.na-mb .crumbs{font-size:13px;color:#7c8194;margin:0 0 10px}.na-mb .crumbs a{color:#1F6F76;text-decoration:none}
.na-mb h1{font-family:'Lato',Arial,sans-serif;font-weight:900;font-size:clamp(28px,4vw,42px);color:#003058;margin:0 0 8px;line-height:1.1}
.na-mb .sub{color:#4a4f63;font-size:17px;max-width:62ch;margin:0 0 18px}
.na-mb .kick{font:700 12px Lato,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#389098;margin:0 0 8px}
.na-mb .muted{font-size:14px;color:#55707f}
.na-mb .mb-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;max-width:760px;padding:18px;border:1px solid #d7e2ea;border-radius:14px;background:#F4F8F9}
.na-mb .mb-form label{display:block;font:700 11px Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7c8194}
.na-mb .mb-form input{display:block;width:100%;margin-top:6px;height:46px;border:1px solid #d7e2ea;border-radius:10px;padding:0 12px;font:700 15px Lato,Arial,sans-serif;color:#1c2b36;background:#fff}
.na-mb .btn{display:inline-block;height:46px;line-height:46px;padding:0 18px;border-radius:10px;background:#003058;color:#fff;font:700 15px Lato,Arial,sans-serif;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.na-mb .btn.teal{background:#389098}.na-mb .btn.alt{background:#fff;color:#003058;border:1.5px solid #003058;line-height:43px}.na-mb .btn.ghost{background:#fff;color:#003058;border:1.5px solid #003058;line-height:43px}
.na-mb .mb-err{color:#b3261e;font-size:14px;margin:12px 0 0}.na-mb .mb-err[hidden]{display:none}.na-mb .mb-help{font-size:13px;color:#7c8194;margin:14px 0 0}
.na-mb .mb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:0 0 20px}
.na-mb .chip{display:inline-block;font:700 13px Lato,Arial,sans-serif;border-radius:999px;padding:8px 14px;background:#eef2f5;color:#003058}
.na-mb .chip.ok{background:#e3f3e6;color:#2d7a3a}.na-mb .chip.part{background:#fff3df;color:#9a5a00}.na-mb .chip.no{background:#fde9e7;color:#b3261e}
.na-mb .mb-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.na-mb .mb-card{background:#fff;border:1px solid #d7e2ea;border-radius:16px;padding:20px 22px;margin:0 0 18px}
.na-mb .mb-card h2{font-family:'Familjen Grotesk',Lato,Arial,sans-serif;font-size:21px;color:#003058;margin:0 0 12px}.na-mb .mb-card h3{font-family:'Familjen Grotesk',Lato,Arial,sans-serif;font-size:18px;color:#003058;margin:0 0 8px}
.na-mb .mb-stay{display:grid;grid-template-columns:260px 1fr;padding:0;overflow:hidden}
.na-mb .mb-stay .im{display:block;background:#E8F1F7 center/cover;min-height:220px}.na-mb .mb-stay .b{padding:18px 22px}
.na-mb .mb-stay .facts{font-size:13px;color:#4a4f63;margin:0 0 12px}
.na-mb .mb-dl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 12px;padding:12px 0;border-top:1px solid #eef2f5;border-bottom:1px solid #eef2f5}
.na-mb .mb-dl dt{font:700 10px Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7c8194;margin:0 0 3px}.na-mb .mb-dl dd{margin:0;font-weight:700;font-size:15px;color:#003058}.na-mb .mb-dl dd small{display:block;font-weight:400;font-size:12px;color:#55707f}
.na-mb .mb-stay .links a{font-weight:700;color:#1F6F76;text-decoration:none;margin-right:16px;font-size:14px}
.na-mb .mb-pay .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef2f5;font-size:15px}.na-mb .mb-pay .row b{color:#003058}.na-mb .mb-pay .row.due b{font-size:18px}.na-mb .mb-pay .row.ok{color:#2d7a3a}.na-mb .mb-pay .btn{margin:14px 0 8px}
.na-mb .mb-list{margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.55}.na-mb .mb-list li{margin:0 0 8px}.na-mb .mb-list a{color:#1F6F76}
.na-mb .mb-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.na-mb .mb-addons{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}
.na-mb .ad{display:block;border:1px solid #d7e2ea;border-radius:12px;padding:14px;text-decoration:none;color:inherit;transition:border-color .15s}.na-mb .ad:hover{border-color:#389098}
.na-mb .ad b{display:block;color:#003058;font-size:15px;margin:0 0 4px}.na-mb .ad span{display:block;font-size:13px;color:#4a4f63;min-height:36px}.na-mb .ad em{display:block;font-style:normal;font-weight:700;font-size:13px;color:#1F6F76;margin-top:8px}
.na-mb .mb-act .btn{display:block;text-align:center;margin:10px 0 0}.na-mb .mb-act .lnk{display:block;text-align:center;margin:14px 0 0;font-size:13px;color:#7c8194}.na-mb .mb-act .cx{font-size:12.5px;color:#55707f;margin:12px 0 0;line-height:1.5}
.na-mb .mb-contact p{font-size:14px;line-height:1.6;margin:0}.na-mb .mb-contact a{color:#1F6F76;font-weight:700}
.na-mb section[hidden]{display:none}
@media (max-width:900px){.na-mb .mb-grid{grid-template-columns:1fr}.na-mb .mb-stay{grid-template-columns:1fr}.na-mb .mb-stay .im{aspect-ratio:16/9;min-height:0}.na-mb .mb-dl{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.na-mb .wrap{padding:18px 16px 48px}.na-mb .mb-form{grid-template-columns:1fr}.na-mb .mb-card{padding:16px}}

/* ===== Checkout (/book) + confirmation (/booked) ===== */
.na-ck{font-family:Lato,Arial,sans-serif;color:#1c2b36;background:#F4F8F9}
.na-ck .wrap{max-width:1180px;margin:0 auto;padding:22px 24px 64px}
.na-ck .steps{display:flex;gap:18px;list-style:none;margin:0 0 22px;padding:0;font-size:13px;color:#7c8194;counter-reset:s}
.na-ck .steps li{counter-increment:s;display:flex;align-items:center;gap:8px}.na-ck .steps li:before{content:counter(s);display:inline-flex;width:22px;height:22px;border-radius:50%;border:1.5px solid #c7d3dc;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.na-ck .steps li.done{color:#2d7a3a}.na-ck .steps li.done:before{content:'✓';background:#2d7a3a;border-color:#2d7a3a;color:#fff}.na-ck .steps li.on{color:#003058;font-weight:700}.na-ck .steps li.on:before{background:#003058;border-color:#003058;color:#fff}
.na-ck .ck-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}
.na-ck .ck-form{background:#fff;border:1px solid #d7e2ea;border-radius:16px;padding:26px 28px}
.na-ck h1{font-family:'Lato',Arial,sans-serif;font-weight:900;font-size:clamp(26px,3.4vw,36px);color:#003058;margin:0 0 6px;line-height:1.1}
.na-ck .sub{color:#4a4f63;font-size:16px;margin:0 0 20px;max-width:60ch}
.na-ck fieldset{border:0;padding:0;margin:0 0 22px}.na-ck legend{font-family:'Familjen Grotesk',Lato,Arial,sans-serif;font-size:20px;color:#003058;font-weight:700;margin:0 0 12px;padding:0}
.na-ck .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.na-ck label{display:block;font:700 11px Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7c8194;margin:0 0 12px}
.na-ck label .opt{font-weight:400;letter-spacing:0;text-transform:none;color:#9aa5ae}
.na-ck input[type=text],.na-ck input[type=email],.na-ck input[type=tel],.na-ck select,.na-ck textarea{display:block;width:100%;margin-top:6px;height:46px;border:1px solid #d7e2ea;border-radius:10px;padding:0 12px;font:400 15px Lato,Arial,sans-serif;color:#1c2b36;background:#fff;text-transform:none;letter-spacing:0}
.na-ck textarea{height:auto;padding:10px 12px;resize:vertical}.na-ck input:focus,.na-ck select:focus,.na-ck textarea:focus{outline:2px solid #389098;outline-offset:1px;border-color:#389098}
.na-ck label small{display:block;font:400 12px Lato,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#7c8194;margin-top:5px}
.na-ck label.bad input,.na-ck label.bad select{border-color:#b3261e;outline:2px solid #f3d6d3}
.na-ck .payopt{display:grid;gap:10px;margin:0 0 14px}.na-ck .payopt[hidden]{display:none}
.na-ck .radio{display:flex;gap:12px;align-items:flex-start;border:1.5px solid #d7e2ea;border-radius:12px;padding:12px 14px;cursor:pointer;text-transform:none;letter-spacing:0;font-weight:400}
.na-ck .radio:has(input:checked){border-color:#003058;background:#F4F8F9}.na-ck .radio input{margin-top:3px}.na-ck .radio b{display:block;font-size:15px;color:#003058}.na-ck .radio small{display:block;font-size:13px;color:#4a4f63;margin-top:2px}.na-ck .radio em{font-style:normal;font-weight:700}
.na-ck .card{border:1px solid #d7e2ea;border-radius:12px;padding:14px;background:#fbfdfe}
.na-ck .stripe{display:flex;justify-content:space-between;align-items:center;height:46px;border:1px dashed #9fb6c4;border-radius:10px;padding:0 12px;color:#7c8194;font-size:14px;margin:0 0 10px}.na-ck .stripe em{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#389098;font-weight:700}
.na-ck .secure{font-size:12px;color:#55707f;margin:0}
.na-ck .chk{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font:400 14px Lato,Arial,sans-serif;color:#1c2b36;margin:0 0 16px}.na-ck .chk a{color:#1F6F76}.na-ck .chk.bad{color:#b3261e}
.na-ck .go{display:block;width:100%;height:54px;border:0;border-radius:12px;background:#d8641c;color:#fff;font:700 17px Lato,Arial,sans-serif;cursor:pointer}.na-ck .go[disabled]{opacity:.7}
.na-ck .fine{font-size:12.5px;color:#7c8194;margin:12px 0 0;line-height:1.5}
.na-ck .ck-sum .box{background:#fff;border:1px solid #d7e2ea;border-radius:16px;overflow:hidden}
.na-ck .ck-sum .im{display:block;aspect-ratio:16/9;background:#E8F1F7 center/cover}.na-ck .ck-sum .b{padding:16px 18px 18px}
.na-ck .kick{font:700 11px Lato,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#389098;margin:0 0 6px}
.na-ck .ck-sum h2{font-family:'Familjen Grotesk',Lato,Arial,sans-serif;font-size:18px;color:#003058;margin:0 0 6px;line-height:1.3}
.na-ck .ck-sum .facts{font-size:13px;color:#4a4f63;margin:0 0 12px}
.na-ck .ck-sum dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px;padding:12px 0;border-top:1px solid #eef2f5;border-bottom:1px solid #eef2f5}
.na-ck .ck-sum dt{font:700 10px Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7c8194;margin:0 0 2px}.na-ck .ck-sum dd{margin:0;font-weight:700;font-size:14px;color:#003058}
.na-ck .ck-sum .cx{font-size:12.5px;color:#2d7a3a;font-weight:700;margin:0 0 12px}
.na-ck .price .row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0}.na-ck .price .row.sub{color:#7c8194;font-size:13px}.na-ck .price .row.tot{border-top:1px solid #eef2f5;margin-top:4px;padding-top:10px;font-weight:700}
.na-ck .price .row.now{background:#F4F8F9;border-radius:10px;padding:10px 12px;margin-top:8px;font-weight:700;color:#003058}.na-ck .price .row.now b{font-size:20px;font-family:'Familjen Grotesk',Lato,Arial,sans-serif}.na-ck .price .row.later{color:#55707f;font-size:13px}.na-ck .price .row.later[hidden]{display:none}.na-ck .price em{font-style:normal}
.na-ck .change{margin:12px 0 0;font-size:13px}.na-ck .change a{color:#1F6F76;font-weight:700;text-decoration:none}
.na-ck .trust{margin-top:14px;font-size:13.5px;color:#4a4f63;padding:0 6px}.na-ck .trust p{margin:0 0 6px;color:#003058}.na-ck .trust ul{margin:0;padding-left:18px;line-height:1.6}
/* confirmation */
.na-done .done-head{display:flex;gap:18px;align-items:flex-start;margin:0 0 22px}.na-done .tick{flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#2d7a3a;color:#fff;font:900 28px Lato,Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.na-done .done-head .sub{margin:0}.na-done .done-head .kick{margin:0 0 6px}
.na-done .next h2,.na-done .addons h2{font-family:'Familjen Grotesk',Lato,Arial,sans-serif;font-size:20px;color:#003058;margin:0 0 10px}
.na-done .next ol{margin:0;padding-left:20px;line-height:1.6;font-size:15px}.na-done .next li{margin:0 0 8px}.na-done .next em{font-style:normal;font-weight:700}.na-done .next a{color:#1F6F76;font-weight:700}
.na-done .cta2{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}
.na-done .btn{display:inline-block;height:46px;line-height:46px;padding:0 18px;border-radius:10px;background:#003058;color:#fff;font:700 15px Lato,Arial,sans-serif;text-decoration:none}.na-done .btn.teal{background:#389098}.na-done .btn.alt{background:#fff;color:#003058;border:1.5px solid #003058;line-height:43px}
.na-done .muted{font-size:14px;color:#55707f;margin:0 0 12px}
.na-done .ad-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.na-done .ad{display:block;border:1px solid #d7e2ea;border-radius:12px;padding:12px;text-decoration:none;color:inherit}.na-done .ad:hover{border-color:#389098}.na-done .ad b{display:block;color:#003058;font-size:14px}.na-done .ad em{display:block;font-style:normal;font-weight:700;font-size:12.5px;color:#1F6F76;margin-top:6px}
@media (max-width:900px){.na-ck .ck-grid{grid-template-columns:1fr}.na-ck .ck-sum{order:-1}.na-ck .ck-sum .im{aspect-ratio:21/9}}
@media (max-width:600px){.na-ck .wrap{padding:16px 16px 48px}.na-ck .ck-form{padding:18px 16px}.na-ck .row2{grid-template-columns:1fr}.na-ck .steps{gap:10px;font-size:12px}.na-ck .steps li span{display:none}}
.na-ck .hold{display:grid;gap:4px;border:1.5px solid #389098;background:#eef7f8;border-radius:12px;padding:14px 16px;margin:0 0 12px;font-size:14px;color:#1c2b36}.na-ck .hold b{font-size:16px;color:#003058}.na-ck .hold em{font-style:normal;font-weight:700}.na-ck .hold.now{border-color:#d7e2ea;background:#F4F8F9}
.na-ck fieldset[hidden]{display:none}

/* inputs at width:100% overflowed their grid cell (no border-box on these pages) */
.na-ck *,.na-ck *:before,.na-ck *:after,.na-mb *,.na-mb *:before,.na-mb *:after,.na-lm *,.na-lm *:before,.na-lm *:after{box-sizing:border-box}

/* legal pages (/terms /privacy /cookies) */
.na-legal{background:#fff;color:#1c2b36;font-family:Lato,Arial,sans-serif}
.na-legal .lwrap{max-width:820px;margin:0 auto;padding:40px 20px 64px}
.na-legal .ltabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px}
.na-legal .ltabs a{padding:7px 14px;border-radius:999px;border:1px solid #d5dde3;color:#003058;text-decoration:none;font-size:14px;font-weight:700}
.na-legal .ltabs a.on{background:#003058;color:#fff;border-color:#003058}
.na-legal h1{font-family:'Familjen Grotesk',Lato,sans-serif;font-size:clamp(30px,5vw,42px);color:#003058;margin:0 0 4px;line-height:1.1}
.na-legal .upd{color:#6b7480;font-size:14px;margin:0 0 22px}
.na-legal h2{font-family:'Familjen Grotesk',Lato,sans-serif;color:#003058;font-size:22px;margin:34px 0 10px;scroll-margin-top:90px}
.na-legal h3{font-size:16px;color:#003058;margin:20px 0 6px}
.na-legal p,.na-legal li{font-size:16px;line-height:1.6}
.na-legal ul,.na-legal ol{padding-left:22px}.na-legal li{margin:0 0 6px}
.na-legal a{color:#1f7a82}
.na-legal .lead{font-size:18px}
.na-legal .short{background:#eef7f8;border:1.5px solid #389098;border-radius:14px;padding:6px 22px 10px;margin:0 0 10px}
.na-legal .short h2{margin-top:14px}
.na-legal .ltab{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0 14px;display:block;overflow-x:auto}
.na-legal .ltab th,.na-legal .ltab td{border-bottom:1px solid #e3e8ec;padding:10px 10px;text-align:left;vertical-align:top;line-height:1.5}
.na-legal .ltab th{background:#f4f7f9;color:#003058}
.na-legal code{font-size:13px;background:#f1f4f6;padding:1px 4px;border-radius:4px}
.na-legal .btn{background:#003058;color:#fff;border:0;border-radius:10px;padding:11px 18px;font:700 15px Lato,Arial,sans-serif;cursor:pointer}
.na-legal .lfoot{margin-top:40px;padding-top:16px;border-top:1px solid #e3e8ec;color:#6b7480;font-size:14px}
.na-footer .flegal a{color:inherit;text-decoration:underline}
/* cookie banner */
.na-cc{position:fixed;left:16px;right:16px;bottom:16px;z-index:2147483000;display:flex;justify-content:center;pointer-events:none}
.na-cc .in{pointer-events:auto;max-width:560px;width:100%;background:#fff;color:#1c2b36;border-radius:16px;box-shadow:0 12px 40px rgba(0,32,58,.28);padding:18px 20px;font:15px/1.5 Lato,Arial,sans-serif;box-sizing:border-box}
.na-cc .t{font-weight:900;color:#003058;margin:0 0 4px;font-size:17px}
.na-cc p{margin:0 0 12px}.na-cc a{color:#1f7a82}
.na-cc .opts{display:grid;gap:8px;margin:0 0 12px}.na-cc .opts[hidden]{display:none}
.na-cc .opts label{display:flex;gap:8px;align-items:center;font-weight:700}.na-cc .opts small{font-weight:400;color:#6b7480}
.na-cc .bt{display:flex;gap:8px;flex-wrap:wrap}
.na-cc button{flex:1 1 auto;border:1.5px solid #003058;background:#003058;color:#fff;border-radius:10px;padding:10px 14px;font:700 15px Lato,Arial,sans-serif;cursor:pointer}
.na-cc button[data-a=none]{background:#fff;color:#003058}
.na-cc button.ln{flex:0 0 auto;background:none;border-color:transparent;color:#1f7a82;text-decoration:underline}