/* Nomly – nyt look (Figma "Nyt look – lyst & feminint"), 1:1 fra Figma-frames. Mobil = 390-frames, desktop (>=900px) = 1440-frames. Statisk, ingen animation. */
:root{--bg:#fbf8f4;--beige:#f3ece3;--ink:#2f2a26;--muted:#7a726b;--body:#4a443f;--line:#e4dbd0;--or:#ff6d1f;--tint:#fff1e8;
--sans:"Google Sans Flex",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Newsreader",Georgia,"Times New Roman",serif;--sh:0 10px 30px rgba(0,0,0,.06)}
*,*::before,*::after{box-sizing:border-box;animation:none!important;transition:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.27 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0;padding:0;font-weight:400}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
img{display:block;max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.nl-in{width:calc(100% - 48px);margin:0 auto}
@media(min-width:900px){.nl-in{width:min(1120px,calc(100% - 64px))}}
.serif{font-family:var(--serif);font-weight:400}
.eyebrow{font:500 11px/14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--or)}
.lbl{font:500 11px/14px var(--sans);letter-spacing:.145em;text-transform:uppercase;color:var(--muted)}
.pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:11px;background:var(--tint);color:var(--or);font:500 11px/16px var(--sans);white-space:nowrap}
.pill.grey{background:#f3ece3;color:var(--muted)}
.pill.green{background:#e8f1e6;color:#2f6b3a}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:26px;background:var(--or);color:#fff;font:500 16px/21px var(--sans);width:100%;text-align:center}
.btn:disabled{opacity:.6;cursor:default}
.btn-w{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink);font:500 14px/20px var(--sans)}
.olink{color:var(--or);font:500 14px/20px var(--sans)}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh)}

/* ---------- Header ---------- */
.nl-top{background:var(--bg);height:64px;position:relative;z-index:40}
.nl-top .nl-in{display:flex;align-items:flex-start;height:100%;padding-top:16px}
.nl-logo{display:block;flex:none}
.nl-logo img{width:96px;height:36px}
.nl-top .nl-logo{margin-left:3px}
.nl-nav{display:none}
.nl-ics{margin-left:auto;display:flex;gap:20px;padding-top:4px}
.nl-ic{display:block;width:24px;height:24px}
.nl-ic img{width:24px;height:24px}
@media(max-width:899px){
 body.nl-menu-open .nl-nav{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:64px;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--sh);padding:4px 24px 12px}
 body.nl-menu-open .nl-nav a{font:400 17px/22px var(--sans);color:var(--ink);padding:14px 0;border-bottom:1px solid var(--line)}
 body.nl-menu-open .nl-nav a:last-child{border-bottom:0}
}
@media(min-width:900px){
 .nl-top{height:80px}
 .nl-top .nl-in{padding-top:24px}
 .nl-top .nl-logo{margin-left:0}
 .nl-ics{display:none}
 .nl-nav{display:flex;margin-left:auto;margin-right:14px;padding-top:6px;gap:0}
 .nl-nav a{font:400 15px/19px var(--sans);color:var(--muted);white-space:nowrap}
 .nl-nav a+a{margin-left:29px}
 .nl-nav a[aria-current=page]{color:var(--ink)}
}

/* ---------- Footer ---------- */
.nl-foot{background:var(--bg);height:120px}
.nl-foot .nl-in{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:25px}
.nl-foot.lined .nl-in{border-top:1px solid var(--line)}
.nl-flinks{display:flex;justify-content:center;margin-top:11px;font:400 12px/15px var(--sans);color:var(--muted)}
.nl-flinks a+a::before{content:"·";margin:0 4px}
@media(min-width:900px){
 .nl-foot{height:140px}
 .nl-foot .nl-in{flex-direction:row;align-items:flex-start;justify-content:space-between;padding-top:53px}
 .nl-flinks{margin-top:7px;font:400 14px/18px var(--sans)}
 .nl-flinks a+a::before{content:"";margin:0 0 0 28px}
}

/* ---------- Side-hero (fælles) ---------- */
.ph{background:var(--beige);padding:36px 0 0}
.ph .eyebrow{display:block;margin-bottom:10px}
.ph h1{font:400 40px/46px var(--serif)}
.ph .sub{font:400 15px/22px var(--sans);color:var(--muted);margin-top:10px}
@media(min-width:900px){
 .ph{padding-top:64px}
 .ph .eyebrow{margin-bottom:14px}
 .ph h1{font-size:64px;line-height:70px}
 .ph .sub{font-size:18px;line-height:27px;margin-top:16px;max-width:640px}
}
.note{font:400 13px/19px var(--sans);color:var(--muted)}
.notice{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font:400 13px/19px var(--sans);color:var(--body);margin-top:12px}

/* ---------- Forside ---------- */
.fhero{background:linear-gradient(var(--beige) 0 300px,transparent 300px);position:relative}
.fhero .nl-in{padding-top:36px}
.fhero h1,.fhero .lead{text-align:center}
.fhero .eyebrow{display:none}
.fhero h1{font:400 34px/39px var(--serif);max-width:334px;margin:0 auto}
.fhero .lead{font:400 15px/22.5px var(--sans);color:var(--muted);max-width:326px;margin:16px auto 0}
.fquote{display:none}
.fwrap{position:relative;margin-top:29px}
#f.fcard{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 32px rgba(89,71,51,.07);padding:24px 23px 32px;margin:0 -8px}
.fcard h2{font:400 26px/26px var(--serif);margin-bottom:16px}
.steps{display:grid;gap:8px}
.stepper{display:flex;align-items:center;height:52px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:0 15px}
.stepper>span{font:400 15px/19px var(--sans);flex:1}
.stepper button{width:32px;height:32px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font:400 16px/20px var(--sans)}
.stepper output{width:20px;margin:0 6px;text-align:center;font:500 16px/20px var(--sans)}
.fcard .lbl{display:block;margin:24px 0 10px}
.stores{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.store{position:relative;height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.store:has(input:checked){background:var(--tint);border:1.5px solid var(--or)}
.store input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.store:has(input:focus-visible){outline:2px solid var(--or);outline-offset:2px}
.store img{object-fit:contain}
.store small{position:absolute;left:2px;right:2px;bottom:1px;font:400 8px/9px var(--sans);color:var(--muted);text-align:center}
.lg-rema1000{width:44px;height:27px}.lg-netto{width:27px;height:27px}.lg-foetex{width:48px;height:27px}.lg-meny{width:51px;height:21px}
.lg-bilka{width:51px;height:14px}.lg-superbrugsen{width:51px;height:24px}.lg-lidl{width:27px;height:27px}.lg-coop365{width:44px;height:27px}
.frow{display:grid;gap:0}
.budget{position:relative;display:flex;align-items:center;height:48px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:0 15px}
.budget input{flex:1;min-width:0;border:0;background:transparent;font:400 15px/19px var(--sans);color:var(--ink);padding:0;outline:0;-moz-appearance:textfield}
.budget input::-webkit-outer-spin-button,.budget input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.budget input::placeholder{color:var(--muted);opacity:1}
.budget:has(input:focus-visible){outline:2px solid var(--or);outline-offset:2px}
.budget span{font:400 15px/19px var(--sans);color:var(--muted);margin-right:9px}
.seg-days{display:flex;height:48px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:3px}
.seg-days button{flex:1;height:40px;border-radius:9px;font:400 14px/18px var(--sans);color:var(--muted);text-align:center}
.seg-days button[aria-checked=true]{background:#fff;color:var(--ink);font-weight:500;box-shadow:0 2px 6px rgba(77,64,51,.08)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{height:38px;padding:0 17px;border-radius:19px;background:#fff;border:1px solid var(--line);font:400 14px/18px var(--sans);color:var(--ink)}
.chip[aria-pressed=true]{background:var(--tint);border-color:var(--or)}
.allergy{margin-top:12px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px}
.al-head{display:flex;justify-content:space-between;font:500 13px/18px var(--sans);margin-bottom:10px}
.al-count{color:var(--or)}
.al-grid{display:flex;flex-wrap:wrap;gap:6px}
.al-chip{height:32px;padding:0 12px;border-radius:16px;background:#fff;border:1px solid var(--line);font:400 13px/18px var(--sans)}
.al-chip[aria-pressed=true]{background:var(--tint);border-color:var(--or)}
.al-note{font:400 12px/17px var(--sans);color:var(--muted);margin-top:10px}
.fcard .cta{margin-top:28px;height:52px;border-radius:28px;font-size:17px}
.ferr{font:400 13px/19px var(--sans);color:#b3261e;margin-top:10px;text-align:center}
.ferr:empty{display:none}
#meta{display:none}
.dishes{padding:44px 0 38px}
.dishes h2{font:400 26px/26px var(--serif);text-align:center;max-width:342px;margin:0 auto}
.dgrid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:14px;row-gap:18px;margin-top:24px}
.dgrid img{width:100%;height:auto;aspect-ratio:164/205;object-fit:cover;border-radius:4px}
.dcat{display:block;margin-top:14px;font:500 10px/13px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center}
.dname{display:block;margin-top:5px;font:400 16px/20px var(--serif);text-align:center}
.lsec{background:var(--beige);padding:37px 0 46px}
.lsec img{width:100%;height:auto;aspect-ratio:342/400;object-fit:cover;border-radius:4px}
.lsec h2{font:400 32px/32px var(--serif);margin-top:32px}
.lsec .lbl{display:block;margin-top:18px;color:var(--muted)}
.lsec .ltxt{margin-top:20px;font:400 15px/24px var(--sans);color:var(--body)}
.lsec .ltxt p+p{margin-top:24px}
.lsec .lsig{display:block;margin-top:24px;font:400 15px/24px var(--sans);color:var(--body)}
@media(min-width:900px){
 .fhero{height:582px;background:var(--beige)}
 .fhero h1,.fhero .lead{text-align:left}
 .fhero .nl-in{text-align:left;padding-top:96px;position:relative}
 .fhero .eyebrow{display:block;font-size:12px;line-height:15px;letter-spacing:.133em;margin-bottom:17px}
 .fhero h1{font-size:64px;line-height:69px;max-width:540px;margin:0}
 .fhero .lead{font-size:18px;line-height:27.9px;max-width:460px;margin:25px 0 0}
 .fquote{display:flex;align-items:center;gap:16px;margin-top:44px}
 .fquote img{width:56px;height:56px;border-radius:50%;object-fit:cover}
 .fquote blockquote{font:italic 400 16px/20px var(--serif)}
 .fquote cite{display:block;margin-top:5px;font:500 10px/13px var(--sans);font-style:normal;letter-spacing:.16em;color:var(--muted)}
 .fwrap{position:absolute;top:62px;right:0;width:560px;margin:0}
 #f.fcard{margin:0;padding:24px 23px 55px}
 .fcard h2{margin-bottom:17px}
 .steps{grid-template-columns:1fr 1fr;column-gap:12px}
 .stepper{height:52px}
 .stores{gap:8px}
 .store{height:52px}
 .lg-rema1000{width:48px;height:29px}.lg-netto{width:29px;height:29px}.lg-foetex{width:52px;height:29px}.lg-meny{width:70px;height:29px}
 .lg-bilka{width:88px;height:24px}.lg-superbrugsen{width:61px;height:29px}.lg-lidl{width:29px;height:29px}.lg-coop365{width:47px;height:29px}
 .frow{grid-template-columns:1fr 1fr;column-gap:12px}
 .fcard .cta{height:56px}
 .dishes{padding:178px 0 62px}
 .dishes h2{font-size:40px;line-height:40px;max-width:none}
 .dgrid{grid-template-columns:repeat(4,1fr);column-gap:28px;margin-top:48px}
 .dgrid img{aspect-ratio:259/337}
 .dname{font-size:20px;line-height:25px}
 .lsec{padding:84px 0 98px}
 .lsec .nl-in{display:grid;grid-template-columns:520px 1fr;column-gap:96px;align-items:center}
 .lsec img{aspect-ratio:520/620}
 .lsec .ltxt-wrap{max-width:504px}
 .lsec h2{font-size:52px;line-height:52px;margin-top:0}
 .lsec .lbl{font-size:12px;line-height:15px;letter-spacing:.133em;margin-top:30px}
 .lsec .ltxt{font-size:17px;line-height:28px;margin-top:25px;max-width:464px}
 .lsec .ltxt p+p{margin-top:28px}
 .lsec .lsig{display:block;margin-top:27px;font:400 17px/28px var(--sans);color:var(--body)}
}

/* ---------- Madplan-resultat ---------- */
.php{background:var(--beige);height:220px;position:relative}
.php .nl-in{padding-top:36px;position:relative;height:100%}
.php h1{font:400 40px/46px var(--serif);margin-top:10px}
.php .sub{font:400 15px/22px var(--sans);color:var(--muted);margin-top:10px;max-width:342px}
.pacts{position:absolute;right:0;bottom:-20px;display:flex;gap:8px}
.pacts .btn-w{height:44px;border-radius:22px;padding:0 22px 0 17px;box-shadow:var(--sh)}
.pacts img{width:18px;height:18px}
.ptitle{font:400 26px/32px var(--serif);margin:44px 0 16px}
.meals{display:grid;gap:12px;margin:0 -8px}
.meal{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);height:144px;padding:12px;display:grid;grid-template-columns:88px 1fr;column-gap:16px}
.meal.open{border:1.5px solid var(--or);padding:11.5px}
.mimg{width:88px;height:88px;border-radius:12px;object-fit:cover;background:var(--beige)}
.noimg{visibility:hidden}
.mbody{position:relative;padding-top:6px;min-width:0}
.mday{display:block;font:500 11px/14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--or)}
.mname{display:block;margin-top:2px;font:400 17px/22px var(--serif);text-align:left;width:100%;padding-right:0;color:var(--ink)}
.meal .mname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mmeta{position:absolute;top:72px;left:0;right:0;font:400 12px/16px var(--sans);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swap{position:absolute;top:92px;left:0;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 16px 0 16px;border-radius:14px;background:#fff;border:1px solid var(--line);font:500 13px/16px var(--sans);color:var(--ink)}
.swap img{width:14px;height:14px}
.mpill{position:absolute;top:10px;right:12px}
.meal.open .mpill{top:9.5px;right:11.5px}
.sumc{background:var(--beige);border-radius:20px;padding:28px 24px 24px;position:relative;margin-top:12px}
.sumc .lbl{color:var(--muted);letter-spacing:.08em}
.sumc .amt{display:block;font:400 44px/50px var(--serif);margin-top:8px}
.sumc .ppl{display:none}
.sumc .pill{position:absolute;top:28px;right:24px}
.sumc .btn{margin-top:24px}
.sumc .split,.sumc .budget-ok,.sumc .budget-bad,.sumc .stl{font:400 13px/19px var(--sans);color:var(--muted);margin-top:8px}
.sumc .budget-ok{color:#2f6b3a}.sumc .budget-bad{color:#b3261e}
.sumc .stl li{display:flex;justify-content:space-between}
.pnote{margin:32px 0 48px}
/* udfoldet ret */
.mexp{position:relative;background:#fff;border:1.5px solid var(--or);border-top:0;border-radius:0 0 18px 18px;margin-top:-30px;padding:26px 16px 34px;box-shadow:var(--sh);z-index:1}
.meals .meal.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;box-shadow:none;z-index:2}
.xhead{display:none}
.xbody{position:relative}
.xcont{border-top:1px solid var(--line);padding-top:19px}
.xmeta{font:400 12px/16px var(--sans);color:var(--muted)}
.xcols h3{font:400 18px/24px var(--serif);margin-top:16px}
.xings{margin-top:11px}
.xing{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:8px 0 7px;border-top:1px solid var(--line)}
.xing:first-child{border-top:0;padding-top:8px}
.xing .in{font:400 14px/20px var(--sans)}
.xing .is{font:400 12px/16px var(--sans);color:var(--muted);grid-column:1}
.xing .ip{font:500 14px/20px var(--sans);text-align:right;grid-column:2;grid-row:1}
.xing .pill{grid-column:2;grid-row:2;justify-self:end;margin-top:1px}
.xextra{font:400 12px/17px var(--sans);color:var(--muted);margin-top:8px}
.xsteps{margin-top:12px;display:grid;gap:8px}
.xsteps li{display:grid;grid-template-columns:26px 1fr;column-gap:14px}
.xsteps .n{width:26px;height:26px;border-radius:13px;background:var(--tint);color:var(--or);font:500 12px/26px var(--sans);text-align:center}
.xsteps .t{font:400 14px/20px var(--sans);color:var(--body);padding-top:3px}
.xmore{display:inline-block;margin-top:16px}
.locked .xcont{filter:blur(3.5px);user-select:none;pointer-events:none}
.lockc{position:absolute;top:77px;left:0;right:0;margin:0 auto;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 36px rgba(0,0,0,.10);padding:24px 24px 24px;text-align:center;z-index:3}
.lockc img{width:40px;height:40px;margin:0 auto}
.lockc h3{font:400 22px/28px var(--serif);margin-top:16px}
.lockc p.s{font:400 13px/19px var(--sans);color:var(--muted);margin-top:8px}
.lockc .pr{font:400 28px/34px var(--serif);margin-top:16px}
.lockc .pm{font:400 12px/17px var(--sans);color:var(--muted);margin-top:2px}
.lockc .btn{margin-top:16px}
.fold{display:none}
@media(min-width:900px){
 .php{height:300px}
 .php .nl-in{padding-top:64px}
 .php h1{font-size:64px;line-height:70px;margin-top:14px}
 .php .sub{font-size:18px;line-height:27px;margin-top:16px;max-width:620px}
 .pacts{right:8px;bottom:-18px;gap:12px}
 .ptitle{font-size:36px;line-height:42px;margin:64px 0 24px}
 .meals{grid-template-columns:repeat(4,1fr);column-gap:28px;row-gap:30px;margin:0}
 .meal{display:block;height:448px;padding:0;border-radius:20px;overflow:hidden}
 .meal.open{padding:0}
 .meals .meal.open{border:1.5px solid var(--or);border-radius:20px;box-shadow:var(--sh)}
 .mimg{width:100%;height:240px;border-radius:0}
 .mbody{padding:22px 20px 0;position:static}
 .mname{font-size:21px;line-height:27px;padding-right:0;margin-top:8px}
 .mmeta{top:356px;left:20px;right:20px;font-size:13px;line-height:18px}
 .swap{top:392px;left:20px;right:20px;height:36px;border-radius:18px;justify-content:center}
 .mpill{top:12px;left:12px;right:auto}
 .meal.open .mpill{top:10.5px;left:10.5px;right:auto}
 .meal.open .mmeta{left:18.5px;right:18.5px}.meal.open .swap{left:18.5px;right:18.5px}
 .sumc{height:448px;margin:0;padding:32px 24px}
 .sumc .amt{font-size:52px;line-height:58px;margin-top:10px}
 .sumc .ppl{display:block;font:400 14px/20px var(--sans);color:var(--muted);margin-top:10px}
 .sumc .pill{position:static;margin-top:32px}
 .sumc .btn{position:absolute;left:24px;right:24px;bottom:48px;width:auto;margin:0}
 .pnote{margin:38px 0 48px}
 .mexp{grid-column:1/-1;margin:-6px 0 0;border:1.5px solid var(--or);border-radius:20px;padding:34.5px 38.5px 34.5px;min-height:597px}
 .xhead{display:block;position:relative;margin-bottom:38px}
 .xhead .mday{line-height:14px}
 .xhead h2{font:400 32px/38px var(--serif);margin-top:6px}
 .xhead .xmeta{font-size:13px;line-height:18px;margin-top:8px}
 .fold{display:flex;position:absolute;right:0;top:4px;height:36px;width:130px;border-radius:18px;font-size:13px;line-height:18px}
 .xcont{border-top:0;padding-top:0}
 .xcont>.xmeta{display:none}
 .xcols{display:grid;grid-template-columns:420px 540px;column-gap:80px}
 .xcols h3{font-size:20px;line-height:26px;margin-top:0}
 .xings{margin-top:17px}
 .xing:first-child{padding-top:0}
 .xsteps{margin-top:14px}
 .xsteps .t{padding-top:3px}
 .xmore{position:absolute;left:0;top:401px;margin:0}
 .xbody{min-height:421px}
 .lockc{top:71px;left:0;right:0;width:420px;max-width:none}
 .lockc h3{margin-top:16px}
}

/* ---------- Indkøbsliste ---------- */
.lhero{background:var(--beige);height:200px;position:relative}
.lhero .nl-in{padding-top:24px;position:relative}
.back{height:36px;border-radius:18px;padding:0 18px 0 11px;font:500 13px/18px var(--sans);gap:4px}
.back img{width:20px;height:20px}
.lhero h1{font:400 40px/46px var(--serif);margin-top:16px}
.lstat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px}
.lstat .st{font:400 14px/22px var(--sans);color:var(--muted)}
.reset{position:absolute;right:0;top:33px;font:500 13px/18px var(--sans);color:var(--or)}
.lbar{display:flex;align-items:center;justify-content:space-between;margin-top:24px}
.vis{display:flex;height:44px;width:260px;background:var(--beige);border-radius:22px;padding:4px}
.vis button{flex:1;border-radius:18px;font:400 13px/18px var(--sans);color:var(--muted);text-align:center}
.vis button[aria-pressed=true]{background:#fff;color:var(--ink);font-weight:500;box-shadow:var(--sh)}
.lgrid{margin:28px -8px 0}
.dep{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:20px 20px 11px;margin-bottom:16px;break-inside:avoid}
.dep h2{font:400 20px/26px var(--serif);margin-bottom:14px}
.dep h2 small{font:400 13px/18px var(--sans);color:var(--muted);margin-left:6px}
.li{display:grid;grid-template-columns:22px 1fr auto;column-gap:14px;align-items:center;padding:10px 0 9px;position:relative}
.li+.li::before{content:"";position:absolute;top:0;left:36px;right:0;border-top:1px solid var(--line)}
.li input{position:absolute;opacity:0;width:1px;height:1px}
.cb{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line);background:#fff;display:block}
.li.done .cb{background:var(--or) url("img/nl/check-on.svg") center/22px no-repeat;border-color:var(--or)}
.li:has(input:focus-visible) .cb{outline:2px solid var(--or);outline-offset:2px}
.lt{min-width:0}
.lt .in{display:block;font:400 15px/20px var(--sans)}
.lt .is{display:block;font:400 12px/16px var(--sans);color:var(--muted);margin-top:1px}
.lr{display:flex;align-items:center;gap:6px}
.lr .ip{font:500 14px/20px var(--sans);text-align:right;min-width:36px;white-space:nowrap}
.li.done .in,.li.done .ip{color:var(--muted)}
.lnote{margin:24px 0 48px}
.info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:8px;border:1px solid var(--line);font:500 10px/1 var(--sans);color:var(--muted);margin-left:4px;vertical-align:middle}
.infotxt{display:block;font:400 12px/17px var(--sans);color:var(--muted);margin-top:4px;grid-column:1/-1}
@media(min-width:900px){
 .lhero{height:260px}
 .lhero .nl-in{padding-top:40px}
 .lhero h1{font-size:64px;line-height:70px;margin-top:24px}
 .lstat{flex-direction:row;align-items:center;gap:12px;margin-top:14px}
 .lstat .st{font-size:17px;line-height:22px}
 .reset{position:static}
 .lbar .reset{display:block}
 .lhero .reset{display:none}
 .vis{width:300px}
 .lgrid{columns:2;column-gap:28px;margin:28px 0 0}
 .dep{margin-bottom:28px}
 .lnote{margin:8px 0 48px}
}
@media(max-width:899px){.lbar .reset{display:none}}

/* ---------- Konto / login ---------- */
.auth{padding:24px 0 48px}
.acard{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh);padding:28px 23px 23px;margin:0 -8px}
.acard h1{font:400 34px/40px var(--serif)}
.acard .lead{font:400 15px/22px var(--sans);color:var(--muted);margin-top:8px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:26px;background:#fff;border:1px solid var(--line);font:500 16px/21px var(--sans);margin-top:24px}
.gbtn img{width:20px;height:20px}
.orrow{position:relative;text-align:center;margin:20px 0 0;height:20px}
.orrow::before{content:"";position:absolute;left:0;right:0;top:10px;border-top:1px solid var(--line)}
.orrow span{position:relative;background:#fff;padding:0 10px;font:400 12px/18px var(--sans);color:var(--muted)}
.fld{display:block;margin-top:20px}
.fld .lbl{display:block;letter-spacing:.08em;margin-bottom:8px}
.fld input{display:block;width:100%;height:50px;border-radius:14px;border:1px solid var(--line);background:var(--bg);padding:0 15px;font:400 15px/20px var(--sans);color:var(--ink);outline:0}
.fld input::placeholder{color:var(--muted);opacity:1}
.fld input:focus-visible{outline:2px solid var(--or);outline-offset:1px}
.fld+.fld{margin-top:16px}
.forgot{display:block;text-align:right;margin-top:10px;font:500 13px/18px var(--sans);color:var(--or);width:100%}
.aerr{font:400 13px/19px var(--sans);color:#b3261e;margin-top:10px}
.aerr:empty{display:none}
.acard .btn{margin-top:18px}
.terms{font:400 12px/17px var(--sans);color:var(--muted);text-align:center;margin-top:16px}
.terms a{text-decoration:none}
.switch{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:20px;border-top:1px solid var(--line)}
.switch span{font:400 14px/20px var(--sans);color:var(--muted)}
.switch button{height:40px;width:150px;border-radius:20px;background:#fff;border:1px solid var(--line);font:500 14px/21px var(--sans);text-align:center}
.backl{display:block;font:500 13px/18px var(--sans);color:var(--muted);margin-bottom:18px}
.hint{font:400 13px/18px var(--sans);color:var(--muted);text-align:center;margin-top:16px}
.okbox{display:flex;gap:10px;background:var(--tint);border-radius:16px;padding:16px;margin-top:28px;font:400 14px/20px var(--sans)}
.okbox img{width:20px;height:20px;flex:none}
.exp-lbl{display:block;margin-top:56px;letter-spacing:.08em}
.expbox{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:18px 19px 19px;margin-top:10px}
.expbox h2{font:400 18px/24px var(--serif)}
.expbox p{font:400 13px/19px var(--sans);color:var(--muted);margin-top:6px}
.expbox a{display:inline-block;margin-top:11px}
.aside{display:none}
@media(min-width:900px){
 .auth{padding:0;position:relative}
 .auth::before{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--beige);z-index:-1}
 .auth .nl-in{display:grid;grid-template-columns:440px 480px;column-gap:200px;padding:80px 0 56px}
 .aside{display:block}
 .aside img{width:440px;height:520px;object-fit:cover;border-radius:4px}
 .aside blockquote{font:italic 400 22px/30px var(--serif);margin-top:32px}
 .aside .lbl{display:block;margin-top:18px;letter-spacing:.08em}
 .acard{margin:0;padding:44px 39px 39px}
 .exp-lbl{margin-top:56px}
}
/* Mit Nomly */
.mh{background:var(--beige);height:190px}
.mh .nl-in{padding-top:36px}
.mh h1{font:400 40px/46px var(--serif);margin-top:10px}
.mn{position:relative}
.subc{position:relative;margin:-36px -8px 0;height:72px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:13px 15px}
.subc .t{font:500 12px/16px var(--sans);color:var(--muted)}
.subc .row{display:flex;align-items:center;gap:14px;margin-top:4px}
.stat{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 12px;border-radius:12px;background:#e8f1e6;color:#2f6b3a;font:500 12px/18px var(--sans)}
.stat.warn{background:#fdecea;color:#b3261e}.stat.none{background:var(--beige);color:var(--muted)}
.subc .row span.p{font:400 13px/18px var(--sans);color:var(--muted)}
.subc .adm{position:absolute;right:19px;top:25px;font:500 14px/20px var(--sans);color:var(--or)}
.mn h2.sec{font:400 26px/32px var(--serif);margin-top:20px}
.saved{display:grid;gap:12px;margin:14px -8px 0}
.sv{position:relative;display:grid;grid-template-columns:72px 1fr auto;column-gap:16px;align-items:center;height:96px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);padding:0 19px 0 11px}
.sv img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--beige)}
.sv strong{display:block;font:400 18px/26px var(--serif)}
.sv .d{display:block;font:400 13px/18px var(--sans);color:var(--muted);margin-top:4px}
.sv .s{font:500 16px/22px var(--sans);text-align:right}
.sv .del{position:absolute;right:8px;bottom:6px;font:400 11px/14px var(--sans);color:var(--muted);text-decoration:underline}
.sv a.ov{position:absolute;inset:0;border-radius:18px}
.svempty{font:400 14px/20px var(--sans);color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin:0 -8px}
.svempty a{color:var(--or)}
.mn .note{margin-top:16px}
.logout{display:block;height:44px;width:120px;border-radius:22px;background:#fff;border:1px solid var(--line);font:500 14px/21px var(--sans);text-align:center;margin-top:28px}
.q{font:400 13px/19px var(--sans);color:var(--muted);margin-top:24px}
.forsl{background:var(--beige);border-radius:20px;padding:24px 24px 24px;margin:55px -8px 0}
.forsl>img{display:none}
.forsl h2{font:400 22px/28px var(--serif)}
.forsl p{font:400 14px/20px var(--sans);color:var(--muted);margin-top:10px}
.forsl .btn{height:48px;border-radius:24px;margin-top:20px}
.anote{background:var(--tint);border-radius:16px;padding:14px 16px;font:400 14px/20px var(--sans);margin:16px -8px 0}
@media(min-width:900px){
 .mh{height:240px}
 .mh .nl-in{padding-top:64px}
 .mh h1{font-size:64px;line-height:70px;margin-top:14px}
 .mn .nl-in{display:grid;grid-template-columns:740px 340px;column-gap:40px}
 .subc{margin:-44px 0 0;padding:15px 19px}
 .subc .adm{top:25px}
 .mn h2.sec{font-size:36px;line-height:42px;margin-top:48px}
 .saved{margin:20px 0 0}
 .sv strong{font-size:20px}
 .svempty{margin:0}
 .forsl{grid-column:2;grid-row:1/span 9;align-self:start;background:#fff;margin:-47px 0 0;padding:32px 28px 32px}
 .forsl>img{display:block;width:40px;height:40px;margin-bottom:20px}
 .forsl h2{font-size:24px;line-height:31px}
 .forsl p{margin-top:12px}
 .forsl .btn{margin-top:28px}
 .anote{margin:16px 0 0}
}
/* Abonnement */
.abh{background:var(--beige);height:260px}
.abh .nl-in{padding-top:36px}
.abh h1{font:400 40px/46px var(--serif);margin-top:10px}
.abh .sub{font:400 15px/22px var(--sans);color:var(--muted);margin-top:8px}
.prisk{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh);padding:23px 23px 23px;margin:-24px -8px 0;z-index:1}
.prisk .amt{font:400 56px/60px var(--serif)}
.prisk .per{font:400 16px/22px var(--sans);color:var(--muted);margin-left:8px}
.prisk .im{font:400 14px/20px var(--sans);color:var(--muted);margin-top:8px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.prisk .nb{position:absolute;right:23px;top:17px;height:28px;width:104px;border-radius:14px;background:var(--tint);color:var(--or);font:500 12px/28px var(--sans);text-align:center}
.bens{margin-top:23px;display:grid;gap:24px}
.bens li{display:grid;grid-template-columns:40px 1fr;column-gap:16px}
.bens .ic{width:40px;height:40px;border-radius:20px;background:var(--tint);display:flex;align-items:center;justify-content:center}
.bens .ic img{width:18px;height:18px}
.bens strong{display:block;font:500 15px/20px var(--sans)}
.bens span.d{display:block;font:400 13px/19px var(--sans);color:var(--muted);margin-top:1px}
.prisk .btn{margin-top:32px}
.prisk .plegal{font:400 12px/17px var(--sans);color:var(--muted);text-align:center;margin-top:14px}
.prisk .plegal a{text-decoration:none}
.lq{display:flex;align-items:center;gap:16px;background:var(--beige);border-radius:20px;padding:28px 20px;margin:40px -8px 56px}
.lq img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.lq blockquote{font:italic 400 17px/23px var(--serif)}
.lq .lbl{display:block;margin-top:6px;letter-spacing:.08em}
@media(min-width:900px){
 .abwrap{position:relative;background:var(--beige);height:400px}
 .abh{height:auto;background:none}
 .abh .nl-in{padding-top:72px}
 .abh h1{font-size:64px;line-height:70px;margin-top:18px}
 .abh .sub{font-size:18px;line-height:27px;margin-top:18px;max-width:520px}
 .abgrid{position:relative}
 .prisk{position:absolute;right:0;top:-336px;width:480px;margin:0;padding:39px 39px 39px}
 .prisk .nb{right:39px;top:33px}
 .lq{position:absolute;left:0;top:120px;background:none;padding:0;margin:0}
 .lq blockquote{font-size:16px;line-height:20px}
 .lq .lbl{margin-top:5px}
 .abspace{height:372px}
}

/* ---------- Opskrifter / tema / opskrift ---------- */
.oh{background:var(--beige);height:240px}
.oh .nl-in{padding-top:36px}
.oh h1{font:400 40px/46px var(--serif);margin-top:10px}
.oh .sub{font:400 15px/22px var(--sans);color:var(--muted);margin-top:10px}
.ochips{display:flex;gap:8px;margin-top:28px;overflow-x:auto;scrollbar-width:none;margin-right:-24px;padding-right:24px}
.ochips::-webkit-scrollbar{display:none}
.ochips button{flex:none;height:36px;padding:0 20px;border-radius:18px;background:#fff;border:1px solid var(--line);font:400 13px/18px var(--sans)}
.ochips button[aria-pressed=true]{background:var(--tint);border-color:var(--or);font-weight:500}
.rgrid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:14px;row-gap:24px;margin-top:32px}
.rcard{display:block}
.rcard img{width:100%;height:auto;aspect-ratio:164/205;object-fit:cover;border-radius:4px;background:var(--beige)}
.rcard .rc-meta{display:block;margin-top:14px;font:500 10px/13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rcard .rc-name{display:block;margin-top:5px;font:400 16px/20px var(--serif)}
.rgrid.c{text-align:center}
.more{display:flex;align-items:center;justify-content:center;height:52px;border-radius:26px;background:#fff;border:1px solid var(--line);font:500 16px/21px var(--sans);width:100%;margin-top:32px}
.osec{padding-bottom:64px}
.crumbs{display:block;font:400 13px/18px var(--sans);color:var(--muted);padding-top:20px}
.crumbs a:hover{color:var(--ink)}
.rhero{display:grid;grid-template-columns:minmax(0,1fr)}
.rhero .rimg{width:100vw;margin:14px 0 0 -24px;height:320px;object-fit:cover;object-position:50% 55%;max-width:none}
.rhero .eyebrow{display:block;margin-top:24px}
.rhero h1{font:400 36px/42px var(--serif);margin-top:10px}
.facts{display:flex;gap:0;margin-top:20px}
.facts div{width:114px}
.facts .lbl{display:block;letter-spacing:.08em}
.facts b{display:block;font:500 15px/22px var(--sans);margin-top:6px}
.rintro{font:400 15px/22px var(--sans);color:var(--body);margin-top:24px}
.rhero .btn{margin-top:24px}
.rcols{display:grid;margin-top:40px}
.ingc{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:23px 23px 20px;margin:0 -8px}
.ingc h2{font:400 22px/28px var(--serif)}
.ingc ul{margin-top:20px}
.ingc li{display:flex;justify-content:space-between;padding:8px 0 16px;border-top:1px solid var(--line);font:400 15px/20px var(--sans)}
.ingc li:first-child{border-top:0;padding-top:8px}
.ingc li span+span{color:var(--muted);text-align:right}
.ingc .extra{font:400 13px/19px var(--sans);color:var(--muted);margin-top:-6px}
.stepsec h2{font:400 22px/28px var(--serif);margin-top:24px}
.rsteps{margin-top:16px;display:grid;gap:22px}
.rsteps li{display:grid;grid-template-columns:32px 1fr;column-gap:16px}
.rsteps .n{width:32px;height:32px;border-radius:16px;background:var(--tint);color:var(--or);font:500 14px/32px var(--sans);text-align:center}
.rsteps .t{font:400 15px/22px var(--sans);color:var(--body);padding-top:5px}
.alg{background:var(--beige);border-radius:20px;padding:20px 23px 20px;margin:42px -8px 0}
.alg h2{font:400 18px/24px var(--serif)}
.alg p{font:400 13px/19px var(--sans);color:var(--body);margin-top:8px}
.rel h2{font:400 24px/30px var(--serif);margin-top:48px}
.rel .rgrid{margin-top:18px;row-gap:20px}
.rel .rcard img{aspect-ratio:164/180;border-radius:16px}
.faq{margin-top:40px}
.faq h2{font:400 24px/30px var(--serif)}
.faq dl{margin:16px 0 0}
.faq dt{font:500 15px/20px var(--sans);margin-top:16px}
.faq dd{margin:6px 0 0;font:400 14px/21px var(--sans);color:var(--body)}
.theme-copy{font:400 15px/23px var(--sans);color:var(--body);margin-top:24px}
.theme-copy p+p{margin-top:12px}
@media(min-width:900px){
 .oh{height:320px}
 .oh .nl-in{padding-top:64px}
 .oh h1{font-size:64px;line-height:70px;margin-top:14px}
 .oh .sub{font-size:18px;line-height:27px;margin-top:16px;max-width:640px}
 .ochips{margin-top:28px;margin-right:0;padding-right:0}
 .rgrid{grid-template-columns:repeat(4,1fr);column-gap:28px;row-gap:24px;margin-top:32px}
 .rcard img{aspect-ratio:259/337}
 .rcard .rc-name{font-size:20px;line-height:25px}
 .more{width:320px;margin:24px auto 0}
 .osec{padding-bottom:64px}
 .crumbs{padding-top:32px}
 .rhero{grid-template-columns:560px 1fr;column-gap:80px;margin-top:26px}
 .rhero .rimg{grid-row:1/span 6;width:560px;height:560px;margin:0;border-radius:20px;object-fit:cover;object-position:50% 55%}
 .rhero .eyebrow{margin-top:40px}
 .rhero h1{font-size:56px;line-height:62px;margin-top:10px}
 .facts{margin-top:20px}
 .facts div{width:160px}
 .facts b{font-size:17px}
 .rintro{font-size:17px;line-height:26px;margin-top:24px}
 .rhero .btn{width:340px}
 .rcols{grid-template-columns:560px 1fr;column-gap:80px;margin-top:72px;align-items:start}
 .ingc{margin:0}
 .ingc li{padding:8px 0 16px}
 .stepsec h2{font-size:28px;line-height:34px;margin-top:0}
 .rsteps{margin-top:22px;gap:13px}
 .rsteps .t{font-size:15px}
 .alg{margin:24px 0 0}
 .rel h2{font-size:32px;line-height:38px}
 .rel .rgrid{margin-top:22px}
 .rel .rcard img{aspect-ratio:259/300}
}
.tgrid{display:grid;gap:8px;margin:40px -8px 0}
.tcard{display:grid;grid-template-columns:48px 1fr auto;column-gap:14px;align-items:center;height:72px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);padding:0 19px 0 11px}
.tcard img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--beige)}
.tcard strong{display:block;font:400 16px/21px var(--serif)}
.tcard small{display:block;font:400 12px/16px var(--sans);color:var(--muted);margin-top:3px}
.tcard i{font:400 20px/26px var(--sans);font-style:normal;color:var(--muted)}
.tsec{padding-bottom:56px}
@media(min-width:900px){
 .tgrid{grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:20px;margin:40px 0 0}
 .tcard{height:84px;grid-template-columns:52px 1fr auto;column-gap:16px;border-radius:20px;padding:0 23px 0 15px}
 .tcard img{width:52px;height:52px}
 .tcard strong{font-size:18px;line-height:23px}
 .tcard small{font-size:13px;line-height:17px;margin-top:5px}
 .tcard i{font-size:22px;line-height:28px}
 .tsec{padding-bottom:76px}
}
/* ---------- Jura ---------- */
.jh{background:var(--beige);height:200px}
.jh .nl-in{padding-top:40px}
.jh h1{font:400 36px/42px var(--serif);margin-top:10px}
.toc{display:none}
.legal{padding:32px 0 56px}
.legal h2{font:400 22px/28px var(--serif);margin-top:20px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{font:400 15px/23px var(--sans);color:var(--body)}
.legal p{margin-top:10px}
.legal ul{margin-top:10px;padding-left:20px;list-style:disc}
.legal li+li{margin-top:6px}
.legal a{color:var(--or)}
.legal strong{font-weight:500;color:var(--ink)}
.kontakt{background:var(--beige);border-radius:20px;padding:20px 23px;margin:32px -8px 0}
.kontakt h2{font:400 20px/26px var(--serif);margin:0}
.kontakt a{display:block;margin-top:6px;font:500 15px/22px var(--sans);color:var(--or)}
@media(min-width:900px){
 .jh{height:280px}
 .jh .nl-in{padding-top:72px}
 .jh h1{font-size:64px;line-height:70px;margin-top:14px}
 .legal{padding:64px 0 56px}
 .legal .nl-in{display:grid;grid-template-columns:256px 680px;column-gap:64px;align-items:start}
 .toc{display:block;position:sticky;top:24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:23px 23px 17px}
 .toc .lbl{display:block;letter-spacing:.08em;margin-bottom:12px}
 .toc a{display:block;font:400 14px/20px var(--sans);color:var(--body);margin-top:12px}
 .toc a:first-of-type{margin-top:0}
 .toc a.on{color:var(--or);font-weight:500}
 .legal h2{font-size:28px;line-height:34px;margin-top:28px}
 .legal p,.legal li{font-size:17px;line-height:27px}
 .legal p{margin-top:10px}
 .kontakt{margin:44px 0 0}
}
/* ---------- Ark (gem/del, paywall, opskrift) ---------- */
.sheet,.rsheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}
.sheet-backdrop,.rs-back{position:absolute;inset:0;background:rgba(47,42,38,.45)}
.sheet-panel,.rs-panel{position:relative;width:100%;max-width:480px;max-height:92vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:20px 24px 28px}
@media(min-width:900px){.sheet,.rsheet{align-items:center}.sheet-panel,.rs-panel{border-radius:24px;border:1px solid var(--line);padding:32px 39px 32px}}
.sheet-grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 16px}
@media(min-width:900px){.sheet-grab{display:none}}
.sheet-panel h2,.pw-title{font:400 28px/34px var(--serif)}
.sheet-opt{display:flex;align-items:center;gap:14px;width:100%;margin-top:18px;padding:14px 16px;border-radius:18px;background:var(--or);color:#fff;text-align:left}
.gem-ic{width:40px;height:40px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.gem-txt{flex:1}.gem-txt strong{display:block;font:500 16px/21px var(--sans)}.gem-txt .sub{display:block;font:400 13px/18px var(--sans);color:#fff;opacity:.9}
.gem-txt .sub a{text-decoration:underline}
.share-lbl{margin-top:20px;font:500 11px/14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.share-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--line);border-radius:16px;background:var(--bg);font:400 12px/16px var(--sans);text-align:center}
.share-btn img{width:28px;height:28px}
.share-msg{font:400 13px/19px var(--sans);color:var(--muted);margin-top:10px;min-height:19px}
.sheet-close,.pw-later{display:block;width:100%;height:44px;margin-top:12px;border-radius:22px;background:#fff;border:1px solid var(--line);font:500 14px/21px var(--sans);text-align:center}
.pw-lead{font:400 15px/22px var(--sans);color:var(--muted);margin-top:8px}
.pw-price{position:relative;margin-top:20px}
.pw-amt{font:400 56px/60px var(--serif)}.pw-per{font:400 16px/22px var(--sans);color:var(--muted);margin-left:8px}
.pw-price p{font:400 14px/20px var(--sans);color:var(--muted);margin-top:8px}
.pw-nb{position:absolute;right:0;top:0;height:28px;padding:0 12px;border-radius:14px;background:var(--tint);color:var(--or);font:500 12px/28px var(--sans)}
.pw-nb svg{display:none}
.pw-benefits{margin-top:28px;display:grid;gap:20px}
.pw-benefits li{display:grid;grid-template-columns:40px 1fr;column-gap:16px}
.pw-ic{width:40px;height:40px;border-radius:20px;background:var(--tint);display:flex;align-items:center;justify-content:center}
.pw-ic svg{width:18px;height:18px}
.pw-benefits strong{display:block;font:500 15px/20px var(--sans)}
.pw-benefits li>span:last-child{font:400 13px/19px var(--sans);color:var(--muted)}
.pw-cta{display:block;width:100%;height:52px;border-radius:26px;background:var(--or);color:#fff;font:500 16px/21px var(--sans);text-align:center;margin-top:28px}
.pw-legal,.pw-fine,.pw-login{font:400 12px/17px var(--sans);color:var(--muted);text-align:center;margin-top:12px}
.pw-legal a,.pw-login a{text-decoration:underline}
.acct-err{font:400 13px/19px var(--sans);color:#b3261e;margin-top:10px}.acct-err:empty{display:none}
.rs-x{position:absolute;right:16px;top:12px;width:36px;height:36px;border-radius:18px;border:1px solid var(--line);font:400 20px/34px var(--sans);text-align:center}
.rs-body h2{font:400 28px/34px var(--serif);padding-right:40px}
.rs-meta{font:400 13px/18px var(--sans);color:var(--muted);margin-top:6px}
.rs-body h3{font:400 20px/26px var(--serif);margin-top:20px}
.rs-ings li{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font:400 14px/20px var(--sans)}
.rs-ings li:first-child{border-top:0}
.rs-extra{font:400 12px/17px var(--sans);color:var(--muted)}
.rs-steps{margin-top:10px;counter-reset:s;display:grid;gap:10px}
.rs-steps li{font:400 14px/20px var(--sans);color:var(--body)}
.floatsave,#saveWrap,.img-toggle{display:none!important}
.pill .lgx{display:none}
@media(min-width:900px){.pill .sm{display:none}.pill .lgx{display:inline}}
.linkbtn{font:inherit;color:inherit;text-decoration:underline}
.noimg-b{display:block;width:72px;height:72px;border-radius:12px;background:var(--beige)}
.sv .del{z-index:1}
.backl{margin-top:-4px}
#forgotForm .fld{margin-top:24px}#forgotForm .btn{margin-top:28px}
#rsForm .fld:first-child{margin-top:24px}#rsForm .btn{margin-top:24px}
@media(min-width:900px){#rsForm .fld:first-child{margin-top:46px}}
.mn{padding-bottom:33px}@media(min-width:900px){.mn{padding-bottom:56px}}
.tcta{width:auto;display:inline-flex;padding:0 28px;margin-top:24px}
.oh .sub a{color:inherit}
.theme-copy a{color:var(--or)}
@media(max-width:899px){.rel .rgrid li:nth-child(n+3){display:none}}
@media(max-width:899px){.oh.tem{height:250px}.oh.tem h1{font-size:36px;line-height:42px}}
.legal .kontakt h2{margin:0;font-size:20px;line-height:26px}
@media(min-width:900px){.legal .kontakt h2{font-size:20px;line-height:26px;margin:0}}
.lbody h2{scroll-margin-top:24px}
.lbody p+p{margin-top:0}
.lbody a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}
.lbody .kontakt a{color:var(--or);text-decoration:none}
.recipe-page{padding-bottom:48px}@media(min-width:900px){.recipe-page{padding-bottom:72px}}
@media(min-width:900px){.auth{margin-bottom:48px}.auth .nl-in{padding:80px 0 40px;align-items:start}.aside{padding-bottom:30px}}
#rsBad{border-top:1px solid var(--line);margin-top:32px}
#rsBad .exp-lbl{margin-top:23px}
#rsBad .expbox{margin-top:10px}
/* hurtig tap: ingen double-tap-zoom-forsinkelse på knapper/felter */
html{touch-action:manipulation}
a,button,label,input,select,summary,.store,.chip,.stepper button,.seg-days button{touch-action:manipulation}
.llock{position:relative;min-height:470px;margin-top:28px}
.llock .lgrid{margin-top:0}
.llock .lockc{top:40px}
img.mimg.meal-toggle{cursor:pointer}
.llock{min-height:600px}.llock .lockc{top:170px}

/* Skift ret – hele det hvide kort (og evt. udfoldet panel) glider ud/ind */
.meals.sw-anim{overflow-x:clip;overflow-clip-margin:40px}
html:has(.meals.sw-anim){overflow-x:clip}
.meals>.sw-out{animation:nlSwOut .22s cubic-bezier(.4,0,1,1) forwards!important;pointer-events:none}
.meals>.sw-in{animation:nlSwIn .28s cubic-bezier(0,0,.2,1) both!important}
@keyframes nlSwOut{to{opacity:0;transform:translateX(-110%)}}
@keyframes nlSwIn{from{opacity:0;transform:translateX(110%)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.meals>.sw-out,.meals>.sw-in{animation:none!important}}

.nlc{display:flex;gap:10px;align-items:flex-start;margin:4px 0 12px;font:400 13px/19px var(--sans);color:var(--muted);text-align:left;cursor:pointer}.nlc[hidden]{display:none}.nlc input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#FF6D1F}

/* ---------- Sticky top (mobil) ---------- */
@media(max-width:899px){
 .nl-top{position:sticky;position:-webkit-sticky;top:0;z-index:60;background:var(--bg);height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
 body.nl-menu-open .nl-nav{top:calc(64px + env(safe-area-inset-top))}
 html{scroll-padding-top:calc(72px + env(safe-area-inset-top))}
 .lbody h2{scroll-margin-top:calc(80px + env(safe-area-inset-top))}
}
/* Frosted glass på sticky top (mobil) */
@media(max-width:899px){
 @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .nl-top{background:rgba(251,248,244,.78);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px)}
 }
}
/* Mobilmenu: topbaren selv udvides (én flade) */
@media(max-width:899px){
 body.nl-menu-open .nl-top{height:auto;min-height:calc(64px + env(safe-area-inset-top));z-index:61}
 body.nl-menu-open .nl-top .nl-in{flex-wrap:wrap;height:auto;padding-bottom:8px}
 body.nl-menu-open .nl-top .nl-logo{order:1}
 body.nl-menu-open .nl-top .nl-ics{order:2}
 body.nl-menu-open .nl-nav{order:3;position:static;flex:0 0 100%;display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;padding:14px 0 0;margin:0}
 body.nl-menu-open .nl-nav a{font:500 18px/24px var(--sans);color:var(--ink);padding:15px 0;border-bottom:1px solid var(--line)}
 body.nl-menu-open .nl-nav a:last-child{border-bottom:0}
 body.nl-menu-open #nlBurger img{content:url(/img/nl/close.svg)}
 body.nl-menu-open::after{content:"";position:fixed;inset:0;z-index:59;background:rgba(47,42,38,.06)}
 body.nl-menu-open .nl-top{box-shadow:0 8px 24px rgba(47,42,38,.08)}
}
/* "Mit Nomly" ved brugerikon når logget ind */
.nl-ics .nl-ic[href="/konto"]:has(.nl-acct){width:auto;display:flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none}
.nl-acct{font:500 15px/24px var(--sans);color:var(--ink);white-space:nowrap}

/* Menu: Madpakkeplan NYT!-mærke (alle sider) */
.mp-nyt{display:inline-block;margin-left:6px;width:40px;height:20px;border-radius:10px;background:#FF6D1F;color:#fff;font:500 10px/20px "Google Sans Flex",system-ui,sans-serif;letter-spacing:.04em;text-align:center;vertical-align:1px}
#nlBurger{position:relative}.mp-dot{position:absolute;right:-4px;top:-2px;width:8px;height:8px;border-radius:50%;background:#FF6D1F}
body.nl-menu-open .mp-dot{display:none}
body.nl-menu-open .nl-nav a .mp-nyt{vertical-align:2px}
@media(min-width:900px){.nl-nav a .mp-nyt{vertical-align:0}}

/* Forside-tællere (variant A, Figma 2188:2 / 2188:401) */
.fhero{background:linear-gradient(var(--beige) 0 362px,transparent 362px)}
.fcnt{margin:19px auto 0;max-width:326px;text-align:center;min-height:40px}
.fcnt p{font:400 14px/20px var(--sans);color:var(--muted)}
.fcnt .l1{font-weight:500;color:var(--ink)}
.fcnt .l1.on::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF6D1F;margin-right:8px;vertical-align:1px}
.fcnt+.fwrap{margin-top:24px}
@media(min-width:900px){
 .fhero{height:610px;background:var(--beige)}
 .fcnt{margin:27px 0 0;max-width:460px;text-align:left}
 .fcnt p{position:relative;padding-left:16px}
 .fcnt .l1.on::before{position:absolute;left:0;top:6px;margin:0}
 .fcnt+.fwrap{margin-top:0}
}

/* Konvertering (24. okt): Første madplan på os + tilbudsværdi i paywall + CTA på delte links */
#f.fcard{position:relative}
.lock-val{display:inline-block;background:var(--tint);border:1px solid rgba(255,109,31,.35);border-radius:14px;padding:6px 12px;font:500 12px/16px var(--sans);color:var(--ink);margin-top:12px}
.lock-sub{font:400 12px/17px var(--sans);color:var(--muted);margin-top:14px}
.lock-sub .linkbtn{font:500 12px/17px var(--sans);color:var(--or);text-decoration:none}
.pw-val{background:var(--tint);border:1px solid rgba(255,109,31,.35);border-radius:14px;padding:10px 14px;font:500 13px/18px var(--sans);color:var(--ink);margin-top:14px}
.pw-first{background:var(--bg);border:1.5px solid var(--or);border-radius:18px;padding:18px;margin-top:16px}
.pw-first .eyebrow{display:block;font-size:10px;line-height:13px;letter-spacing:.08em}
.pw-first h3{font:400 22px/27px var(--serif);margin-top:4px;color:var(--ink)}
.pw-first p{font:400 13px/19px var(--sans);color:var(--body);margin-top:6px}
.pw-first .btn{height:48px;border-radius:24px;margin-top:14px;font-size:15px}
.scta{background:#fff;border:1.5px solid var(--or);border-radius:20px;box-shadow:var(--sh);padding:24px 20px 22px;margin:28px -8px 0;text-align:center}
.scta .eyebrow{display:block;letter-spacing:.08em}
.scta h2{font:400 24px/30px var(--serif);color:var(--ink);margin-top:8px}
.scta p{font:400 14px/21px var(--sans);color:var(--muted);max-width:520px;margin:8px auto 0}
.scta .btn{max-width:300px;margin:18px auto 0}
.scta .scta-sub{font:400 12px/17px var(--sans);color:var(--muted);margin-top:10px}
@media(min-width:900px){
 .scta{margin:36px 0 0;padding:36px 48px 32px}
 .scta h2{font-size:32px;line-height:38px}
 .scta p{font-size:16px;line-height:24px;margin-top:10px}
 .scta .btn{margin-top:22px}
}
/* A/B-test: Første måned for 1 kr. */
html[data-ab="1kr"] .ab-c{display:none!important}html:not([data-ab="1kr"]) .ab-1{display:none!important}
.lockc.lock1{background:#FBF8F4;border-color:#efe6dc;padding:28px 24px 22px;text-align:center}
.lock1 .l1-ic{display:inline-flex;width:36px;height:36px;border-radius:50%;background:#fde9dc;align-items:center;justify-content:center}
.lock1 .l1-k{font:400 13px/18px var(--sans);color:var(--muted);margin-top:12px}
.lock1 .l1-amt{font:400 48px/52px var(--serif);color:#2b2622;margin-top:6px}
.lock1 .l1-per{font:italic 400 20px/24px var(--serif);color:#2b2622;margin-top:0}
.lock1 .l1-then{font:400 13px/19px var(--sans);color:var(--muted);margin-top:10px}
.lock1 .l1-ben{list-style:none;margin:18px auto 0;padding:0;display:inline-block;text-align:left}
.lock1 .l1-ben li{font:400 14px/20px var(--sans);color:#2b2622;padding-left:26px;position:relative;margin-top:8px}
.lock1 .l1-ben li:before{content:"";position:absolute;left:4px;top:4px;width:10px;height:6px;border-left:2px solid #FF6D1F;border-bottom:2px solid #FF6D1F;transform:rotate(-45deg)}
.lock1 .btn{margin-top:20px;width:100%}
.lock1 .lock-sub{font:400 12px/17px var(--sans);color:var(--muted);margin-top:12px}
.pw-panel .pw-1kr{font:400 13px/19px var(--sans);color:var(--muted);margin-top:6px}
.tak1{max-width:560px;margin:0 auto 32px;background:#fff;border:1px solid #efe6dc;border-radius:20px;box-shadow:0 12px 36px rgba(0,0,0,.08);padding:28px 24px}
.tak1 .ey{font:500 12px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#FF6D1F}
.tak1 h2{font:400 32px/38px var(--serif);margin-top:8px}
.tak1 .amt{display:flex;align-items:baseline;gap:10px;margin-top:18px}.tak1 .amt b{font:400 40px/44px var(--serif)}.tak1 .amt span{font:400 13px/18px var(--sans);color:var(--muted)}
.tak1 .nx{font:400 14px/20px var(--sans);color:#2b2622;margin-top:6px;padding-bottom:16px;border-bottom:1px solid #efe6dc}
.tak1 ul{list-style:none;padding:0;margin:16px 0 0}.tak1 li{font:400 14px/20px var(--sans);padding-left:26px;position:relative;margin-top:10px}
.tak1 li:before{content:"";position:absolute;left:4px;top:4px;width:10px;height:6px;border-left:2px solid #FF6D1F;border-bottom:2px solid #FF6D1F;transform:rotate(-45deg)}
.tak1 .btn{margin-top:22px;width:100%}.tak1 .fine{font:400 12px/18px var(--sans);color:var(--muted);margin-top:12px;text-align:center}
.prisk .p1-then{font:400 13px/19px var(--sans);color:var(--muted);margin-top:6px}