/* ---- Udforsk pakker (pakker.html). Prefix pk- ---- */
.pk-wrap{max-width:1240px;margin:0 auto}
.pk-hero{position:relative;padding:150px 24px 40px;text-align:center}
.pk-hero h1{margin:18px auto 0;font-size:clamp(42px,6vw,84px);line-height:.95;font-weight:800;max-width:900px}
.pk-hero p{margin:20px auto 0;max-width:600px;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#5A4D43}
.pk-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid #EADFD3;font-size:14px;color:#5A4D43}
.pk-eyebrow b{background:#FCE9DB;color:#8A3A10;font-weight:600;padding:4px 10px;border-radius:999px;font-size:12px}

.pk-config{padding:24px 24px 40px}
.pk-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:stretch}
@media (max-width:960px){.pk-grid{grid-template-columns:1fr}}
.pk-card{background:rgba(255,255,255,.72);border:1px solid #EADFD3;border-radius:32px;padding:32px;box-shadow:0 30px 60px -40px rgba(26,20,16,.35)}
.pk-card.dark{background:#1A1410;color:#FBF7F2;border-color:#1A1410;position:relative;overflow:hidden}
.pk-card.dark::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(235,122,52,.35),transparent 65%);pointer-events:none}
@media (max-width:600px){.pk-card{padding:22px;border-radius:26px}}

/* pakkevalg */
.pk-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:#F1E7DC;border:1px solid #EADFD3}
.pk-seg button{position:relative;z-index:1;border:0;background:transparent;height:48px;border-radius:999px;font:600 15px 'Geist',system-ui,sans-serif;color:#6B5E54;transition:color .3s}
.pk-seg button.on{color:#1A1410}
.pk-seg i{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:#fff;box-shadow:0 6px 16px -8px rgba(26,20,16,.35);transition:transform .5s cubic-bezier(.2,.9,.2,1)}
.pk-seg[data-v="unlimited"] i{transform:translateX(100%)}
.pk-badge{display:inline-flex;align-items:center;gap:8px;margin:20px auto 0;padding:7px 14px;border-radius:999px;border:1px solid #F3C9A8;background:#FFF4EB;color:#8A3A10;font:500 12px 'Geist Mono',monospace;letter-spacing:.08em}
.pk-badge svg{width:15px;height:15px}
.pk-pname{text-align:center;margin-top:12px}
.pk-pname h2{margin:0;font-size:clamp(30px,3vw,40px);font-weight:800;line-height:1}
.pk-pname p{margin:6px 0 0;color:#6B5E54;font-size:15px}

/* sliders */
.pk-q{margin-top:28px;padding-top:24px;border-top:1px solid #EADFD3}
.pk-q-k{font:500 12px 'Geist Mono',monospace;letter-spacing:.12em;color:#8C7B6E}
.pk-q-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px}
.pk-q-h b{font-size:18px;font-weight:600}
.pk-q-h output{font:800 22px 'Bricolage Grotesque',sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.pk-q small{display:block;color:#8C7B6E;font-size:13px;margin-top:2px}
.pk-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;margin:18px 0 6px;background:linear-gradient(90deg,#EB7A34 var(--p,30%),#EADFD3 var(--p,30%));outline:none}
.pk-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid #EB7A34;box-shadow:0 4px 12px rgba(26,20,16,.25);transition:transform .2s}
.pk-range:active::-webkit-slider-thumb{transform:scale(1.15)}
.pk-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #EB7A34;box-shadow:0 4px 12px rgba(26,20,16,.25)}
.pk-range:focus-visible{box-shadow:0 0 0 4px rgba(235,122,52,.3)}
.pk-ticks{display:flex;justify-content:space-between;font-size:12px;color:#8C7B6E}
.pk-tiers{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pk-tier{font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid #EADFD3;color:#8C7B6E;background:rgba(255,255,255,.6);transition:all .35s}
.pk-tier.on{border-color:#EB7A34;background:#FFF4EB;color:#8A3A10;box-shadow:0 0 0 3px rgba(235,122,52,.12)}

/* pris */
.pk-price{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}
.pk-price-k{font:500 12px 'Geist Mono',monospace;letter-spacing:.12em;color:#C9B8A8}
.pk-big{display:flex;align-items:flex-end;gap:12px;margin-top:14px;flex-wrap:wrap}
.pk-big strong{font:800 clamp(72px,9vw,120px)/0.85 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.pk-big span{color:#C9B8A8;font-size:15px;line-height:1.3;padding-bottom:8px}
.pk-incl{margin-top:12px;display:inline-flex;align-self:flex-start;gap:8px;align-items:center;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:rgba(235,122,52,.16);color:#F6B489}
.pk-split{margin-top:16px;display:grid;gap:9px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);animation:fadeUp .4s both}
.pk-split[hidden]{display:none}
.pk-split-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}
.pk-split-bar i{display:block;height:100%;transition:width .7s cubic-bezier(.2,.9,.2,1)}
.pk-split i.fee{background:#FBF7F2}.pk-split i.use{background:#EB7A34}
.pk-split-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#C9B8A8}
.pk-split-row>span{display:inline-flex;align-items:center;gap:8px}
.pk-split-row>span>i{width:10px;height:10px;border-radius:3px;flex:none}
.pk-split-row b{color:#FBF7F2;font-variant-numeric:tabular-nums;white-space:nowrap}
.pk-split p{margin:2px 0 0;font-size:12.5px;color:#8C7B6E}
.pk-total{margin-top:18px;color:#C9B8A8;font-size:15px}
.pk-total b{color:#FBF7F2;font-size:18px}
.pk-rec{margin-top:24px;border-radius:22px;padding:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:grid;gap:14px}
.pk-rec-h{display:flex;gap:12px;align-items:center}
.pk-rec-h .ic{width:40px;height:40px;border-radius:12px;background:#EB7A34;color:#1A1410;display:grid;place-items:center;flex:none;animation:pulseRing 2.4s infinite}
.pk-rec-h .ic svg{width:20px;height:20px}
.pk-rec-h b{display:block;font-size:16px}
.pk-rec-h span{font-size:13.5px;color:#C9B8A8}
.pk-cmp{display:grid;gap:10px}
.pk-cmp-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;font-size:13.5px;color:#C9B8A8}
.pk-cmp-row.best{color:#FBF7F2}
.pk-cmp-row .pk-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.pk-cmp-row .pk-bar i{display:block;height:100%;border-radius:inherit;background:rgba(255,255,255,.35);transition:width .7s cubic-bezier(.2,.9,.2,1)}
.pk-cmp-row.best .pk-bar i{background:linear-gradient(90deg,#EB7A34,#F6B489)}
.pk-cmp-row b{font-variant-numeric:tabular-nums;white-space:nowrap}
.pk-switch{justify-self:start;border:1px solid rgba(255,255,255,.25);background:transparent;color:#FBF7F2;font:600 13px 'Geist',sans-serif;padding:8px 14px;border-radius:999px;transition:background .2s}
.pk-switch:hover{background:rgba(255,255,255,.1)}
.pk-cta{margin-top:auto;padding-top:24px;display:grid;gap:12px}
.pk-cta .btn{display:flex;justify-content:center;align-items:center;gap:10px;padding:18px;border-radius:999px;background:#EB7A34;color:#1A1410;font-weight:600;font-size:17px;text-decoration:none;border:0;min-height:52px}
.pk-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;font-size:12.5px;color:#C9B8A8}
.pk-trust span{display:inline-flex;align-items:center;gap:6px}
.pk-trust svg{width:14px;height:14px;color:#F6B489}
.pk-note{margin:0;text-align:center;font-size:12px;color:#8C7B6E}
.pk-bump{animation:pkBump .45s cubic-bezier(.2,.9,.2,1)}
@keyframes pkBump{40%{transform:scale(1.04)}}

/* formular */
.pk-form{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(26,20,16,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}
.pk-form.open{opacity:1;pointer-events:auto}
.pk-form form,.pk-form .pk-done{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#FBF7F2;border-radius:28px;padding:28px;box-shadow:0 40px 80px -30px rgba(26,20,16,.6);transform:translateY(20px) scale(.97);transition:transform .45s cubic-bezier(.2,.9,.2,1)}
.pk-form.open form,.pk-form.open .pk-done{transform:none}
.pk-form h3{margin:0;font:800 30px/1 'Bricolage Grotesque',sans-serif}
.pk-form p{margin:8px 0 0;color:#5A4D43;font-size:15px}
.pk-sum{margin:18px 0 4px;display:flex;flex-wrap:wrap;gap:8px}
.pk-sum span{font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;background:#FCE9DB;color:#8A3A10}
.pk-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
@media (max-width:560px){.pk-fields{grid-template-columns:1fr}}
.pk-fields label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.pk-fields input{width:100%;height:50px;border-radius:14px;border:1px solid #E0D3C5;background:#fff;padding:0 14px;font:500 15px 'Geist',sans-serif;color:#1A1410;transition:border-color .2s,box-shadow .2s}
.pk-fields input:focus{outline:none;border-color:#EB7A34;box-shadow:0 0 0 4px rgba(235,122,52,.18)}
.pk-form-act{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.pk-form-act button{flex:1;min-height:52px;border-radius:999px;font:600 16px 'Geist',sans-serif;border:1px solid #1A1410;background:transparent;color:#1A1410}
.pk-form-act button[type=submit]{background:#1A1410;color:#FBF7F2;flex:2}
.pk-done{text-align:center}
.pk-done .ok{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;background:#1F7A4D;color:#fff;display:grid;place-items:center;animation:pulseRing 2s infinite}
.pk-done .ok svg{width:30px;height:30px}

/* moduler og funktioner */
.pk-sec{padding:80px 24px 40px}
.pk-sec-h{text-align:center;max-width:720px;margin:0 auto}
.pk-sec-h h2{margin:14px 0 0;font-size:clamp(34px,4.4vw,60px);line-height:1;font-weight:800}
.pk-sec-h p{margin:14px auto 0;font-size:17px;line-height:1.6;color:#5A4D43}
.pk-mods{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px}
.pk-mod{position:relative;background:rgba(255,255,255,.72);border:1px solid #EADFD3;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.9,.2,1),box-shadow .4s}
.pk-mod:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(26,20,16,.35)}
.pk-viz{position:relative;height:136px;background:linear-gradient(160deg,#FBF1E7,#F4E6D8);border-bottom:1px solid #EADFD3;overflow:hidden}
.pk-mod-b{padding:16px 18px 18px;display:grid;gap:6px}
.pk-mod-t{display:flex;align-items:center;gap:10px}
.pk-mod-t b{font-size:16.5px;flex:1}
.pk-mod-b p{margin:0;font-size:14px;line-height:1.5;color:#5A4D43}
.pk-tag{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pk-tag.incl{background:#E3F2EA;color:#1F7A4D}
.pk-tag.add{background:#FCE9DB;color:#8A3A10}
.pk-filter{display:flex;justify-content:center;gap:8px;margin-top:28px;flex-wrap:wrap}
.pk-filter button{border:1px solid #EADFD3;background:rgba(255,255,255,.7);border-radius:999px;padding:9px 16px;font:600 14px 'Geist',sans-serif;color:#6B5E54;transition:all .25s}
.pk-filter button.on{background:#1A1410;border-color:#1A1410;color:#FBF7F2}
.pk-mod.hidden{display:none}

/* visualiseringer */
.v-card{position:absolute;background:#fff;border:1px solid #EADFD3;border-radius:10px;box-shadow:0 8px 18px -10px rgba(26,20,16,.3)}
.v-line{height:7px;border-radius:99px;background:#EADFD3;margin:7px 10px}
.v-acc{background:#EB7A34}
.v-bars{position:absolute;left:18px;right:18px;bottom:16px;top:26px;display:flex;align-items:flex-end;gap:8px}
.v-bars i{flex:1;border-radius:6px 6px 3px 3px;background:#EB7A34;opacity:.8;transform-origin:bottom}
.reveal.is-in .v-bars i{animation:pkGrow .9s cubic-bezier(.2,.9,.2,1) both}
.v-bars i:nth-child(2){animation-delay:.06s}.v-bars i:nth-child(3){animation-delay:.12s}.v-bars i:nth-child(4){animation-delay:.18s}.v-bars i:nth-child(5){animation-delay:.24s}.v-bars i:nth-child(6){animation-delay:.3s}.v-bars i:nth-child(7){animation-delay:.36s}
@keyframes pkGrow{from{transform:scaleY(.1)}to{transform:none}}
.v-grid{position:absolute;inset:16px 18px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.v-grid i{border-radius:4px;background:#fff;border:1px solid #EADFD3}
.v-grid i.e{background:#EB7A34;border-color:transparent}
.v-dot{width:10px;height:10px;border-radius:50%;background:#1F7A4D;display:inline-block;animation:blink 1.6s infinite;flex:none}
.v-wave{position:absolute;left:20px;right:20px;top:50%;height:46px;transform:translateY(-50%);display:flex;align-items:center;gap:4px}
.v-wave i{flex:1;border-radius:99px;background:#EB7A34;animation:wave 1.1s ease-in-out infinite}
.v-av{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#FCE9DB;color:#8A3A10;font-size:11px;font-weight:700;margin-right:-8px;border:2px solid #fff}
.v-bub{position:absolute;padding:8px 11px;font-size:11px;border-radius:12px;max-width:62%;line-height:1.35}
.v-pill{position:absolute;font:600 10px 'Geist Mono',monospace;padding:4px 8px;border-radius:99px}