/* Fælles for alle sider: menuen, afslutningen med butiksknappen og sidefoden.
   Farverne står direkte her, så filen kan ligge oven på både landing.css og
   undersidernes egne stylesheets uden at overskrive deres variabler. */

/* Menu: tynd, halvgennemsigtig */
.nav { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.78); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid rgba(0,0,0,.06); font-family: "Outfit", -apple-system, "Segoe UI", Arial, sans-serif; }
.nav__in { max-width: 1040px; margin: 0 auto; padding: 0 22px; height: 56px; display: flex; align-items: center; gap: 28px; }
.nav__logo { display: flex; }
.nav__logo img { display: block; height: 26px; width: auto; }
.nav nav { display: flex; gap: 26px; margin-left: auto; }
.nav nav a { text-decoration: none; font-size: .9rem; color: #3b4245; }
.nav nav a:hover, .nav nav a[aria-current] { color: #0D1315; }
.nav__cta { text-decoration: none; font-size: .85rem; font-weight: 500; line-height: 1.5; color: #fff; background: #0D1315; padding: 6px 14px; border-radius: 999px; }
@media (max-width: 700px) { .nav nav { display: none; } .nav__cta { margin-left: auto; } }

/* Afslutning */
.final { background: #0D1315; color: #EAF2F1; text-align: center; padding: clamp(96px, 12vw, 160px) 22px; font-family: "Outfit", -apple-system, "Segoe UI", Arial, sans-serif; }
.final h2 { font-size: clamp(2.6rem, 6.4vw, 5rem); font-weight: 600; letter-spacing: -0.035em; line-height: 1.05; text-wrap: balance; max-width: 14ch; margin: 0 auto 40px; color: #EAF2F1; }
.store { display: inline-flex; align-items: center; gap: 12px; padding: 11px 24px 11px 20px; border-radius: 14px; background: #fff; color: #0D1315; text-decoration: none; }
.store svg { width: 24px; height: 24px; fill: currentColor; }
.store span { display: grid; text-align: left; font-weight: 600; font-size: 1.2rem; line-height: 1.1; }
.store small { font-weight: 400; font-size: .72rem; }
.store:hover { filter: brightness(.94); }

/* Sidefod */
.site-foot { background: #f5f5f7; font-size: .82rem; line-height: 1.5; color: #646b6e; font-family: "Outfit", -apple-system, "Segoe UI", Arial, sans-serif; }
.site-foot__in { max-width: 1040px; margin: 0 auto; padding: 22px; display: flex; gap: 12px 20px; justify-content: space-between; flex-wrap: wrap; }
.site-foot nav { display: flex; gap: 20px; flex-wrap: wrap; }
.site-foot a { color: inherit; text-decoration: none; }
.site-foot a:hover { color: #0D1315; }
.site-foot__note { flex-basis: 100%; margin: 0; }