:root{
  --bg:#080c18; --bg2:#0e1426; --card:#131b33; --line:#222d52;
  --text:#f2f3f5; --mute:#a3a9b3;
  --accent:#8DC63F; --accent2:#FFD400; --blue:#4B9CD3; --navy:#283A87; --red:#E4002B; --on:#0b1a05; --ok:#8DC63F;
  --r:18px;
  --ff-h:'Barlow Condensed',Impact,sans-serif; --ff:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--text);font-family:var(--ff);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
h1,h2,h3{font-family:var(--ff-h);text-transform:uppercase;line-height:1;letter-spacing:.01em}
h2{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800}
h3{font-size:1.7rem;font-weight:700}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.eyebrow::before{content:"";width:34px;height:3px;background:var(--accent);border-radius:2px}
.lead{color:var(--mute);font-size:1.1rem;max-width:640px;margin-top:16px}
section{padding:110px 0;position:relative}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:.95rem;border:2px solid transparent;cursor:pointer;transition:.25s;font-family:var(--ff)}
.btn-primary{background:var(--accent);color:var(--on);box-shadow:0 10px 30px -8px rgba(141,198,63,.6)}
.btn-primary:hover{transform:translateY(-2px);background:#a3d95a}
.btn-ghost{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(6px)}
.btn-ghost:hover{background:#fff;color:#000}
.btn-sm{padding:11px 20px;font-size:.85rem}
.btn-block{width:100%}

/* NAV */
nav{position:fixed;inset:0 0 auto 0;z-index:100;transition:.3s;padding:16px 0}
nav.solid{background:rgba(8,12,24,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:10px 0}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-family:var(--ff-h);font-weight:800;font-size:1.6rem;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:10px}
.logo i{width:34px;height:34px;border-radius:9px;background:var(--accent);display:grid;place-items:center;font-style:normal;font-size:1.1rem}
.logo small{display:block;font-family:var(--ff);font-size:.62rem;letter-spacing:.2em;color:var(--mute);font-weight:600;margin-top:-2px}
.links{display:flex;gap:28px;align-items:center}
.links a:not(.btn){font-weight:600;font-size:.92rem;color:#d7dae0;transition:.2s}
.links a:not(.btn):hover{color:var(--accent)}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 90px;overflow:hidden}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .poster{background:url('https://angalundsgard.se/wp-content/uploads/2024/09/DJI_20240628123235_0066_D-scaled.webp') center/cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,24,.55) 0%,rgba(8,12,24,.55) 50%,var(--bg) 100%),radial-gradient(ellipse at 20% 50%,rgba(8,12,24,.7),transparent 70%)}
.hero .wrap{position:relative;z-index:2}
.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);font-size:.85rem;font-weight:600;margin-bottom:26px}
.stars{color:var(--accent2);letter-spacing:2px}
.hero h1{font-size:clamp(3.4rem,10vw,8rem);font-weight:800;max-width:900px}
.hero h1 em{font-style:normal;color:var(--accent);display:block}
.hero p{font-size:1.2rem;color:#dfe2e7;max-width:560px;margin:24px 0 36px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.stripe{position:absolute;bottom:0;left:0;right:0;height:14px;z-index:3;background:repeating-conic-gradient(#fff 0 25%,#080c18 0 50%) 0 0/28px 28px;opacity:.9}

/* STATS */
.stats{padding:0;margin-top:-1px;background:var(--bg)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transform:translateY(-50%)}
.stat{background:var(--bg2);padding:30px 24px;text-align:center}
.stat b{font-family:var(--ff-h);font-size:3rem;font-weight:800;color:#fff;display:block;line-height:1}
.stat b span{color:var(--accent)}
.stat small{color:var(--mute);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.stats-wrap{height:60px}

/* FEATURED */
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:54px}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feat{position:relative;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;transition:.35s}
.feat:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 30px 60px -20px rgba(141,198,63,.35)}
.feat .img{height:230px;background-size:cover;background-position:center;position:relative}
.feat .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--card))}
.tag{position:absolute;top:16px;left:16px;z-index:2;background:var(--accent2);color:#111;font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.tag.hot{background:var(--accent);color:var(--on)}
.feat .body{padding:6px 28px 30px;display:flex;flex-direction:column;flex:1}
.feat .sub{color:var(--accent);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.feat h3{font-size:2.1rem;margin:4px 0 14px}
.feat ul{list-style:none;margin-bottom:22px;flex:1}
.feat li{padding:7px 0 7px 28px;position:relative;color:#d3d7de;font-size:.93rem;border-bottom:1px dashed var(--line)}
.feat li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.price{display:flex;align-items:baseline;gap:8px;margin-bottom:18px}
.price b{font-family:var(--ff-h);font-size:3rem;font-weight:800;line-height:1}
.price span{color:var(--mute);font-size:.9rem}

/* ACTIVITIES */
#aktiviteter{background:var(--bg2)}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.tab{background:var(--card);border:1px solid var(--line);color:#d7dae0;padding:11px 20px;border-radius:999px;font-weight:600;font-size:.9rem;cursor:pointer;transition:.2s;font-family:var(--ff)}
.tab:hover{border-color:var(--accent)}
.tab.on{background:var(--accent);border-color:var(--accent);color:var(--on)}
.act{display:none;grid-template-columns:1fr 1.25fr;gap:44px;align-items:start;animation:fade .5s}
.act.on{display:grid}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.act-img{border-radius:var(--r);overflow:hidden;position:sticky;top:100px;aspect-ratio:4/5;background-size:cover;background-position:center;border:1px solid var(--line);position:relative}
.act-img .chips{position:absolute;left:16px;bottom:16px;right:16px;display:flex;gap:8px;flex-wrap:wrap}
.chip{background:rgba(8,12,24,.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:600}
.act-txt h3{font-size:3.2rem;font-weight:800;margin-bottom:12px}
.act-txt>p{color:var(--mute);margin-bottom:28px}
.tiers{display:grid;gap:14px}
.tier{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:center;padding:20px 24px;border-radius:14px;background:var(--card);border:1px solid var(--line);transition:.25s;position:relative}
.tier:hover{border-color:var(--accent);transform:translateX(6px)}
.tier.pop{border-color:var(--accent);background:linear-gradient(135deg,rgba(141,198,63,.14),var(--card))}
.tier .t-name{font-family:var(--ff-h);font-size:1.5rem;font-weight:700;text-transform:uppercase}
.tier .t-note{color:var(--mute);font-size:.88rem;grid-column:1}
.tier .t-price{font-family:var(--ff-h);font-size:2.2rem;font-weight:800;text-align:right;grid-row:1/3;grid-column:2;line-height:1}
.tier .t-price small{font-size:.8rem;font-family:var(--ff);color:var(--mute);display:block;font-weight:500}
.tier .pill{position:absolute;top:-10px;right:20px;background:var(--accent);color:var(--on);font-size:.65rem;font-weight:800;letter-spacing:.12em;padding:4px 10px;border-radius:999px;text-transform:uppercase}
.tier .t-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tier .t-list span{font-size:.78rem;background:rgba(255,255,255,.06);padding:4px 10px;border-radius:999px;color:#cfd3da}
.tier .t-go{grid-column:1/-1;margin-top:10px}
.info{margin-top:22px;padding:18px 22px;border-left:3px solid var(--accent2);background:rgba(255,183,3,.07);border-radius:0 12px 12px 0;color:#e8d9a6;font-size:.92rem}

/* BUILDER */
#bygg{background:radial-gradient(ellipse at 80% 0%,rgba(141,198,63,.16),transparent 55%),var(--bg)}
.builder{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}
.pick{display:grid;gap:12px}
.pick-row{display:grid;grid-template-columns:1.2fr 1.4fr;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;transition:.2s}
.pick-row.has{border-color:var(--accent);background:linear-gradient(135deg,rgba(141,198,63,.1),var(--card))}
.pick-row label{font-weight:700;font-size:.98rem}
.pick-row select,.f select,.f input,.f textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:#fff;padding:12px 14px;border-radius:10px;font:inherit;font-size:.92rem;outline:none;transition:.2s}
.pick-row select:focus,.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--accent)}
.summary{position:sticky;top:100px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.summary h3{margin-bottom:18px}
.ppl{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.ppl button{width:44px;height:44px;border-radius:12px;background:var(--bg);border:1px solid var(--line);color:#fff;font-size:1.4rem;cursor:pointer;transition:.2s}
.ppl button:hover{background:var(--accent);border-color:var(--accent)}
.ppl input{width:80px;text-align:center;font-size:1.5rem;font-weight:800;background:transparent;border:0;color:#fff;font-family:var(--ff-h)}
.ppl span{color:var(--mute);font-size:.9rem}
#lines{min-height:60px;margin-bottom:18px}
#lines div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.9rem;color:#d3d7de}
#lines .empty{color:var(--mute);border:0;font-style:italic}
.total{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 4px}
.total b{font-family:var(--ff-h);font-size:3.2rem;font-weight:800;color:var(--accent);line-height:1}
.per{color:var(--mute);font-size:.88rem;margin-bottom:20px}
.discount{background:rgba(125,220,106,.1);border:1px solid rgba(125,220,106,.35);color:var(--ok);padding:10px 14px;border-radius:10px;font-size:.85rem;margin-bottom:16px;display:none}

/* VENUE */
.venue{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:240px 240px;gap:14px}
.collage div{border-radius:var(--r);background-size:cover;background-position:center;border:1px solid var(--line)}
.collage div:first-child{grid-row:1/3}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}
.ft{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.ft i{font-style:normal;font-size:1.6rem}
.ft b{display:block;font-size:.95rem}
.ft span{color:var(--mute);font-size:.82rem}

/* GALLERY */
#galleri{background:var(--bg2);padding-bottom:0}
.marquee{display:flex;gap:16px;overflow:hidden;padding:10px 0 110px}
.marquee .track{display:flex;gap:16px;animation:scroll 55s linear infinite;flex-shrink:0}
.marquee:hover .track{animation-play-state:paused}
.marquee .track div{width:360px;height:250px;border-radius:var(--r);background-size:cover;background-position:center;flex-shrink:0;border:1px solid var(--line)}
@keyframes scroll{to{transform:translateX(calc(-100% - 16px))}}
.vid-wrap{margin-top:50px;position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#000}
.vid-wrap video{width:100%;height:100%;object-fit:cover}

/* REVIEWS */
.rev-top{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-bottom:44px}
.score{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);padding:18px 28px;border-radius:var(--r)}
.score b{font-family:var(--ff-h);font-size:3.8rem;font-weight:800;line-height:1}
.score .stars{font-size:1.3rem;display:block}
.score small{color:var(--mute)}
.g{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#d7dae0}
.g i{font-style:normal;width:26px;height:26px;border-radius:50%;background:#fff;color:#4285f4;display:grid;place-items:center;font-weight:800;font-family:Arial}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rev{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px;position:relative}
.rev::before{content:"“";position:absolute;top:6px;right:22px;font-family:Georgia,serif;font-size:6rem;color:rgba(141,198,63,.2);line-height:1}
.rev p{margin:14px 0 22px;color:#e0e3e8}
.who{display:flex;align-items:center;gap:12px}
.av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:800;color:#111}
.who small{display:block;color:var(--mute);font-size:.8rem}
.note{color:var(--mute);font-size:.8rem;margin-top:22px}

/* FAQ */
#faq{background:var(--bg2)}
.faq{max-width:860px;margin:44px auto 0}
.q{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-bottom:12px;overflow:hidden}
.q button{width:100%;text-align:left;background:none;border:0;color:#fff;padding:20px 24px;font:600 1.02rem var(--ff);cursor:pointer;display:flex;justify-content:space-between;gap:16px}
.q button::after{content:"+";color:var(--accent);font-size:1.5rem;line-height:1;transition:.3s}
.q.open button::after{transform:rotate(45deg)}
.q .a{max-height:0;overflow:hidden;transition:.35s;color:var(--mute);padding:0 24px}
.q.open .a{max-height:300px;padding-bottom:22px}

/* CONTACT */
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.cbox{display:grid;gap:14px;margin-top:30px}
.ci{display:flex;gap:16px;padding:18px 20px;background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center}
.ci i{font-style:normal;font-size:1.5rem;width:46px;height:46px;border-radius:12px;background:rgba(141,198,63,.15);display:grid;place-items:center;flex-shrink:0}
.ci b{display:block}
.ci span{color:var(--mute);font-size:.9rem}
.form{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:34px}
.form h3{margin-bottom:6px}
.form>p{color:var(--mute);font-size:.9rem;margin-bottom:22px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.f.full{grid-column:1/-1}
.f label{font-size:.78rem;font-weight:700;color:#cfd3da;letter-spacing:.06em;text-transform:uppercase}
.f textarea{min-height:100px;resize:vertical}
.fine{font-size:.78rem;color:var(--mute);margin-top:12px;text-align:center}
footer{border-top:1px solid var(--line);padding:50px 0 30px;color:var(--mute);font-size:.9rem}
.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.foot b{color:#fff}
.foot a:hover{color:var(--accent)}

.mcall{display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:90;gap:10px}
.mcall a{flex:1}

.rv{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s}
.rv.in{opacity:1;transform:none}

@media(max-width:980px){
  section{padding:80px 0}
  .feat-grid,.rev-grid{grid-template-columns:1fr}
  .act.on{grid-template-columns:1fr}.act-img{position:relative;top:0;aspect-ratio:16/10}
  .builder,.venue,.contact{grid-template-columns:1fr}
  .summary{position:relative;top:0}
  .stats-grid{grid-template-columns:1fr 1fr}
  .links{position:fixed;inset:64px 0 auto 0;background:rgba(8,12,24,.98);flex-direction:column;padding:26px;gap:20px;transform:translateY(-130%);transition:.35s;border-bottom:1px solid var(--line)}
  .links.open{transform:none}
  .burger{display:block}
  .mcall{display:flex}
  body{padding-bottom:70px}
}
@media(max-width:560px){
  .pick-row,.fgrid,.feats{grid-template-columns:1fr}
  .collage{grid-template-rows:180px 180px}
  .tier .t-price{font-size:1.8rem}
  .score b{font-size:3rem}
}

/* ===== v2 ===== */
.prog{position:fixed;top:0;left:0;height:4px;width:0;z-index:200;background:linear-gradient(90deg,var(--accent),var(--blue),var(--accent2))}
.brand{display:flex;align-items:center;gap:16px}
.brand img{height:48px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.brand .sep{width:1px;height:34px;background:rgba(255,255,255,.25)}
nav.solid .brand img{height:40px}
.lockup{display:inline-flex;align-items:center;gap:22px;padding:14px 26px;border-radius:22px;background:rgba(8,12,24,.55);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);margin-bottom:28px}
.lockup img:first-child{height:84px}.lockup img:last-child{height:72px}
.lockup .sep{width:1px;height:60px;background:rgba(255,255,255,.25)}
.hero h1 em{background:linear-gradient(90deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary{box-shadow:0 10px 30px -8px rgba(141,198,63,.55)}
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.who-c{position:relative;border-radius:var(--r);overflow:hidden;min-height:340px;display:flex;align-items:flex-end;background-size:cover;background-position:center;border:1px solid var(--line);transition:.35s;cursor:pointer;text-align:left;color:#fff;font-family:var(--ff)}
.who-c::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,24,.1) 20%,rgba(8,12,24,.92));transition:.35s}
.who-c:hover{transform:translateY(-8px);border-color:var(--accent)}
.who-c:hover::before{background:linear-gradient(180deg,rgba(40,58,135,.35) 10%,rgba(8,12,24,.95))}
.who-c div{position:relative;padding:24px}
.who-c h3{font-size:2rem}
.who-c p{color:#cfd6ea;font-size:.88rem;margin:6px 0 12px}
.who-c span{color:var(--accent);font-weight:700;font-size:.85rem}
.places{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.place{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column}
.place .ph{height:300px;background-size:cover;background-position:center;position:relative}
.place .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--card))}
.place .ph img{position:absolute;z-index:2;left:24px;bottom:18px;height:90px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.7))}
.place .pb{padding:8px 28px 30px}
.place.n{border-top:4px solid var(--accent2)}
.place.a{border-top:4px solid var(--accent)}
.place h3{font-size:1.9rem;margin-bottom:8px}
.place p{color:var(--mute);margin-bottom:16px}
.place ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.place li{font-size:.8rem;font-weight:600;background:rgba(255,255,255,.07);padding:6px 14px;border-radius:999px}
.place .ad{font-size:.88rem;color:#cfd6ea}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;counter-reset:s}
.steps::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:3px;background:repeating-linear-gradient(90deg,var(--accent) 0 12px,transparent 12px 22px);opacity:.5}
.step{position:relative;text-align:center;padding:0 10px}
.step i{font-style:normal;width:70px;height:70px;border-radius:50%;background:var(--card);border:3px solid var(--accent);display:grid;place-items:center;font-size:1.8rem;margin:0 auto 18px;position:relative;z-index:2;transition:.3s}
.step:hover i{background:var(--accent);transform:scale(1.12) rotate(-6deg)}
.step h4{font-family:var(--ff-h);font-size:1.5rem;text-transform:uppercase;margin-bottom:6px}
.step p{color:var(--mute);font-size:.9rem}
.step small{color:var(--accent);font-weight:700;letter-spacing:.1em;font-size:.7rem}
.cmp-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line)}
table.cmp{width:100%;border-collapse:collapse;min-width:760px;background:var(--card)}
.cmp th,.cmp td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--line);font-size:.92rem}
.cmp th:first-child,.cmp td:first-child{text-align:left;font-weight:600;color:#dfe6f7}
.cmp thead th{font-family:var(--ff-h);font-size:1.4rem;text-transform:uppercase;background:var(--bg2);vertical-align:bottom}
.cmp thead th small{display:block;font-family:var(--ff);font-size:.72rem;color:var(--mute);text-transform:none;font-weight:500}
.cmp .hl{background:rgba(141,198,63,.08)}
.cmp thead .hl{background:rgba(141,198,63,.2);color:var(--accent)}
.cmp .y{color:var(--accent);font-weight:800}.cmp .no{color:#4a5680}
.cmp tfoot td{font-family:var(--ff-h);font-size:1.9rem;font-weight:800;border:0}
.cmp tfoot td:first-child{font-size:1rem;font-family:var(--ff)}
.presets{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.pre{background:var(--card);border:1px solid var(--line);color:#fff;padding:10px 18px;border-radius:999px;font:600 .88rem var(--ff);cursor:pointer;transition:.2s}
.pre:hover{border-color:var(--accent);transform:translateY(-2px)}
.pre.on{background:var(--accent);color:var(--on);border-color:var(--accent)}
.addons{margin-top:6px;padding:18px 20px;border:1px dashed var(--line);border-radius:14px}
.addons h4{font-family:var(--ff-h);font-size:1.25rem;text-transform:uppercase;margin-bottom:12px}
.addons div{display:flex;flex-wrap:wrap;gap:10px}
.addons label{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);padding:8px 14px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:.2s}
.addons label:has(input:checked){border-color:var(--accent);background:rgba(141,198,63,.14)}
.addons input{accent-color:#8DC63F}
.addons small{display:block;margin-top:10px;color:var(--mute);font-size:.78rem}
.copy{margin-top:10px}
.marquee .track div{cursor:zoom-in;transition:.3s}.marquee .track div:hover{transform:scale(1.04)}
.lb{position:fixed;inset:0;z-index:300;background:rgba(4,6,14,.94);display:none;align-items:center;justify-content:center;padding:30px}
.lb.on{display:flex}.lb img{max-width:100%;max-height:90vh;border-radius:14px}
.lb button{position:absolute;top:18px;right:24px;font-size:2.4rem;background:none;border:0;color:#fff;cursor:pointer}
.map{margin-top:14px;border-radius:14px;overflow:hidden;border:1px solid var(--line);height:240px}
.map iframe{width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg) saturate(.7)}
.totop{position:fixed;right:18px;bottom:22px;z-index:95;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--on);border:0;font-size:1.3rem;font-weight:800;cursor:pointer;opacity:0;pointer-events:none;transition:.3s}
.totop.on{opacity:1;pointer-events:auto}
.wave{position:absolute;left:0;right:0;bottom:-1px;height:60px;line-height:0}
.wave svg{width:100%;height:100%}
.foot-logos{display:flex;align-items:center;gap:20px;margin-bottom:18px}.foot-logos img{height:60px}
.feat:hover{box-shadow:0 30px 60px -20px rgba(141,198,63,.35)}
@media(max-width:980px){.who-grid{grid-template-columns:1fr 1fr}.places{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps::before{display:none}.lockup img:first-child{height:60px}.lockup img:last-child{height:52px}.brand img{height:36px}.totop{bottom:84px}}
@media(max-width:560px){.who-grid,.steps{grid-template-columns:1fr}.lockup{padding:10px 16px;gap:14px}.brand .sep,.brand img+img{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ================= v3 – flersidig sajt ================= */
nav .wrap.nav-in{gap:22px}
.menu{display:flex;align-items:center;gap:6px}
.menu>li{list-style:none;position:relative}
.menu>li>a,.menu>li>button{display:flex;align-items:center;gap:5px;padding:10px 13px;border-radius:10px;font:600 .92rem var(--ff);color:#dbe3f6;background:none;border:0;cursor:pointer;transition:.2s}
.menu>li>a:hover,.menu>li>button:hover,.menu>li:hover>button{color:var(--accent);background:rgba(255,255,255,.06)}
.menu>li>a.cur{color:var(--accent)}
.dd{position:absolute;top:100%;left:0;min-width:270px;padding:12px;background:rgba(14,20,38,.98);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;margin-top:6px}
.dd.wide{min-width:430px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.menu>li:hover .dd,.menu>li:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:.9rem;font-weight:600;color:#dbe3f6}
.dd a:hover{background:rgba(141,198,63,.14);color:#fff}
.dd a i{font-style:normal;width:32px;height:32px;display:grid;place-items:center;background:rgba(255,255,255,.07);border-radius:9px;font-size:1rem}
.dd a small{display:block;color:var(--mute);font-weight:400;font-size:.74rem}
.nav-cta{display:flex;align-items:center;gap:10px}
.cartbtn{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;height:44px;padding:0 16px;border-radius:999px;font:700 .85rem var(--ff);cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}
.cartbtn:hover{background:#fff;color:#000}
.cartbtn b{min-width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on);display:grid;place-items:center;font-size:.75rem}
.cartbtn b.zero{background:#4a5680;color:#fff}
.burger{display:none}
.mnav{display:none}
@media(max-width:1100px){
  .menu,.nav-cta .btn-primary{display:none}
  .burger{display:block}
  .mnav{display:block;position:fixed;inset:0;z-index:99;background:rgba(8,12,24,.985);padding:90px 24px 40px;overflow-y:auto;transform:translateX(100%);transition:.35s}
  .mnav.open{transform:none}
  .mnav h5{font:700 .75rem var(--ff);letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin:22px 0 8px}
  .mnav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:1.05rem}
  .mnav .btn{margin-top:22px;display:flex}
}
.cur-page{color:var(--accent)}

/* cart drawer + toast */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);z-index:250;background:var(--bg2);border-left:1px solid var(--line);transform:translateX(105%);transition:.35s;display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.6)}
.drawer.on{transform:none}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}
.drawer header h3{font-size:1.8rem}
.drawer header button{background:none;border:0;color:#fff;font-size:2rem;cursor:pointer;line-height:1}
.drawer .items{flex:1;overflow-y:auto;padding:16px 24px}
.ditem{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.ditem .th{width:64px;height:64px;border-radius:12px;background-size:cover;background-position:center}
.ditem b{display:block;font-size:.95rem}.ditem small{color:var(--mute)}
.ditem button{background:none;border:0;color:var(--mute);cursor:pointer;font-size:1.3rem}
.ditem button:hover{color:var(--red)}
.drawer footer{padding:20px 24px;border-top:1px solid var(--line);display:grid;gap:10px}
.dempty{color:var(--mute);text-align:center;padding:50px 0}
.scrim{position:fixed;inset:0;z-index:240;background:rgba(4,6,14,.6);opacity:0;pointer-events:none;transition:.3s}
.scrim.on{opacity:1;pointer-events:auto}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,140%);z-index:260;background:var(--card);border:1px solid var(--accent);color:#fff;padding:14px 20px;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.6);display:flex;gap:16px;align-items:center;transition:.35s;font-size:.92rem;max-width:calc(100% - 28px)}
.toast.on{transform:translate(-50%,0)}
.toast a{color:var(--accent);font-weight:700;white-space:nowrap}

/* page hero */
.phero{position:relative;padding:170px 0 90px;overflow:hidden;min-height:520px;display:flex;align-items:flex-end}
.phero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,24,.7) 0%,rgba(8,12,24,.55) 40%,var(--bg) 100%),linear-gradient(90deg,rgba(8,12,24,.75),transparent 70%)}
.phero .wrap{position:relative;z-index:2}
.phero h1{font-size:clamp(3rem,8vw,6.2rem);font-weight:800;max-width:900px}
.phero h1 em{font-style:normal;color:var(--accent)}
.phero p{font-size:1.15rem;color:#dfe6f7;max-width:620px;margin:18px 0 28px}
.crumbs{font-size:.82rem;color:var(--mute);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a:hover{color:var(--accent)}
.phero .stripe{height:10px}
.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.hero-chips span{background:rgba(8,12,24,.65);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:999px;font-size:.82rem;font-weight:600;backdrop-filter:blur(6px)}
section.tight{padding:70px 0}
.alt{background:var(--bg2)}

/* package cards */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pgrid.two{grid-template-columns:repeat(2,1fr)}
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.35s;position:relative}
.pc:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 30px 60px -22px rgba(141,198,63,.4)}
.pc.in-cart{border-color:var(--accent);box-shadow:0 0 0 2px rgba(141,198,63,.35)}
.pc-img{height:210px;background-size:cover;background-position:center;position:relative}
.pc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--card))}
.pc-img .tag{top:14px;left:14px}
.pc-img .tag.new{left:auto;right:14px;background:var(--blue);color:#06121f}
.pc-body{padding:4px 26px 26px;display:flex;flex-direction:column;flex:1}
.pc .sub{color:var(--accent);font-weight:700;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.pc h3{font-size:2rem;margin:4px 0 8px}
.pc-d{color:var(--mute);font-size:.9rem;margin-bottom:12px}
.pc ul{list-style:none;margin-bottom:18px;flex:1}
.pc li{padding:6px 0 6px 26px;position:relative;font-size:.9rem;color:#d4dcf0;border-bottom:1px dashed var(--line)}
.pc li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.pc-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.pc .price{margin:0}
.pc .price b{font-size:2.6rem}
.pc .price small{display:block;color:var(--mute);font-size:.74rem;max-width:150px;line-height:1.3}
.pc-btns{display:flex;gap:8px}
.btn.added{background:rgba(141,198,63,.18);border-color:var(--accent);color:var(--accent)}
.derived{font-size:.72rem;color:var(--mute);margin-top:10px}

/* filters */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px;align-items:center}
.filters .lbl{color:var(--mute);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-right:6px}
.fchip{background:var(--card);border:1px solid var(--line);color:#dbe3f6;padding:10px 18px;border-radius:999px;font:600 .88rem var(--ff);cursor:pointer;transition:.2s}
.fchip:hover{border-color:var(--accent)}
.fchip.on{background:var(--accent);color:var(--on);border-color:var(--accent)}
.fsort{margin-left:auto;background:var(--card);border:1px solid var(--line);color:#fff;padding:10px 14px;border-radius:999px;font:600 .85rem var(--ff)}
.pc.hide{display:none}
.group-h{margin:50px 0 24px;display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap}
.group-h:first-child{margin-top:0}
.group-h h3{font-size:2.3rem}
.group-h::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--line),transparent)}
.group-h small{color:var(--mute);font-size:.9rem}

/* activity cards */
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ac{position:relative;border-radius:var(--r);overflow:hidden;min-height:340px;display:flex;align-items:flex-end;background-size:cover;background-position:center;border:1px solid var(--line);transition:.35s}
.ac::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,24,.05) 25%,rgba(8,12,24,.94));transition:.35s}
.ac:hover{transform:translateY(-8px);border-color:var(--accent)}
.ac:hover::before{background:linear-gradient(180deg,rgba(40,58,135,.4) 5%,rgba(8,12,24,.96))}
.ac>div{position:relative;padding:24px;width:100%}
.ac h3{font-size:2.1rem}
.ac p{color:#cfd6ea;font-size:.88rem;margin:4px 0 12px}
.ac .row{display:flex;justify-content:space-between;align-items:center}
.ac .from{font-family:var(--ff-h);font-size:1.7rem;font-weight:800;color:var(--accent)}
.ac .from small{font-family:var(--ff);font-size:.7rem;color:var(--mute);font-weight:500;margin-right:4px}
.ac .go{width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--on);display:grid;place-items:center;font-weight:800;transition:.3s}
.ac:hover .go{transform:translateX(6px)}
.ac .ico{position:absolute;top:18px;left:18px;width:46px;height:46px;border-radius:14px;background:rgba(8,12,24,.7);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:1.4rem;border:1px solid rgba(255,255,255,.2)}

/* detail layout */
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start}
.split.rev{grid-template-columns:1fr 1.2fr}
.prose p{color:#c5cee6;margin-bottom:16px;font-size:1.04rem}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fact{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.fact small{display:block;color:var(--mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.fact b{font-size:1.02rem}
.checks{list-style:none;margin:18px 0}
.checks li{padding:9px 0 9px 32px;position:relative;color:#d4dcf0;border-bottom:1px dashed var(--line)}
.checks li::before{content:"✓";position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;background:rgba(141,198,63,.2);color:var(--accent);display:grid;place-items:center;font-size:.8rem;font-weight:800}
.photo{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background-size:cover;background-position:center}
.photos{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:200px 200px;gap:12px}
.photos div{border-radius:14px;background-size:cover;background-position:center;border:1px solid var(--line)}
.photos div:first-child{grid-row:1/3}
.vid{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#000;margin-top:20px}
.vid video{width:100%;height:100%;object-fit:cover}
.safe{display:flex;gap:16px;padding:22px 24px;border:1px solid rgba(75,156,211,.4);background:rgba(75,156,211,.08);border-radius:16px;margin-top:24px;align-items:flex-start}
.safe i{font-style:normal;font-size:1.6rem}
.safe p{color:#c9dcf0;font-size:.92rem;margin:0}

/* CTA band */
.band{position:relative;border-radius:28px;overflow:hidden;padding:64px 48px;background:linear-gradient(135deg,var(--navy),#1b2a66 55%,#0f4b3a);border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}
.band::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(var(--accent),transparent 65%);opacity:.25}
.band h2{font-size:clamp(2.2rem,4.6vw,3.6rem)}
.band p{color:#d5def5;margin-top:10px}
.band .btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:2}

/* steps booking (home) */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:h}
.how div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px;position:relative;overflow:hidden}
.how div::before{counter-increment:h;content:counter(h);position:absolute;right:18px;top:-8px;font-family:var(--ff-h);font-size:7rem;font-weight:800;color:rgba(141,198,63,.1);line-height:1}
.how h4{font-family:var(--ff-h);font-size:1.7rem;text-transform:uppercase;margin-bottom:6px}
.how p{color:var(--mute);font-size:.94rem}

/* audience grid */
.aud6{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.aud6 .who-c{min-height:300px}

/* lodging cards */
.lcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lc .ph{height:200px;background-size:cover;background-position:center}
.lc div.b{padding:22px 24px}
.lc h4{font-family:var(--ff-h);font-size:1.7rem;text-transform:uppercase}
.lc .beds{display:inline-block;margin:6px 0 10px;background:rgba(141,198,63,.15);color:var(--accent);font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:999px}
.lc p{color:var(--mute);font-size:.9rem}
.addgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.addgrid.c3{grid-template-columns:repeat(3,1fr)}
.addgrid .ft{flex-direction:column;gap:6px;text-align:left}

/* schedule */
.sched{max-width:760px;margin:0 auto;position:relative;padding-left:34px}
.sched::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:3px;background:linear-gradient(var(--accent),var(--blue))}
.sched .row{position:relative;padding:0 0 28px 20px}
.sched .row::before{content:"";position:absolute;left:-31px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:4px solid var(--accent)}
.sched time{font-family:var(--ff-h);font-size:1.5rem;font-weight:700;color:var(--accent)}
.sched h4{font-size:1.05rem}
.sched p{color:var(--mute);font-size:.92rem}

/* benefits */
.ben{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ben div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
.ben i{font-style:normal;font-size:2rem;display:block;margin-bottom:10px}
.ben h4{font-size:1.02rem;margin-bottom:4px}
.ben p{color:var(--mute);font-size:.86rem}

/* ================= BOKNING ================= */
.bk{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start;padding-top:10px}
.bsteps{display:flex;gap:10px;margin-bottom:26px}
.bs{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;font-weight:700;font-size:.9rem;color:var(--mute);cursor:pointer;transition:.2s;font-family:var(--ff);text-align:left}
.bs i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--line);font-size:.85rem;flex-shrink:0}
.bs.on{color:#fff;border-color:var(--accent)}
.bs.on i{background:var(--accent);color:var(--on);border-color:var(--accent)}
.bs.done i{background:rgba(141,198,63,.25);border-color:var(--accent);color:var(--accent)}
.bpanel{display:none;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:34px;animation:fade .4s}
.bpanel.on{display:block}
.bpanel h3{font-size:2.2rem;margin-bottom:4px}
.bpanel>p.sub{color:var(--mute);margin-bottom:24px}
.sel{display:grid;gap:10px;margin-bottom:22px}
.sitem{display:grid;grid-template-columns:56px 1fr auto auto;gap:14px;align-items:center;padding:12px 16px;background:var(--bg);border:1px solid var(--line);border-radius:14px}
.sitem .th{width:56px;height:56px;border-radius:10px;background-size:cover;background-position:center}
.sitem b{display:block}.sitem small{color:var(--mute);font-size:.8rem}
.sitem .pr{font-family:var(--ff-h);font-size:1.4rem;font-weight:800;color:var(--accent)}
.sitem button{background:none;border:0;color:var(--mute);font-size:1.4rem;cursor:pointer}
.sitem button:hover{color:var(--red)}
.empty-sel{padding:26px;text-align:center;border:2px dashed var(--line);border-radius:14px;color:var(--mute)}
.sugg{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sugg button{background:var(--bg);border:1px solid var(--line);color:#fff;padding:9px 16px;border-radius:999px;font:600 .84rem var(--ff);cursor:pointer;transition:.2s}
.sugg button:hover{border-color:var(--accent);color:var(--accent)}
.sugg button.on{border-color:var(--accent);background:rgba(141,198,63,.15)}
.lab{font-size:.78rem;font-weight:700;color:#cfd6ea;letter-spacing:.08em;text-transform:uppercase;margin:20px 0 8px;display:block}
.who-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.who-pick button{background:var(--bg);border:2px solid var(--line);color:#fff;padding:16px 10px;border-radius:14px;font:600 .88rem var(--ff);cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:4px;align-items:center}
.who-pick button i{font-style:normal;font-size:1.5rem}
.who-pick button:hover{border-color:var(--accent)}
.who-pick button.on{border-color:var(--accent);background:rgba(141,198,63,.14)}
.bnav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
.bk .ppl{margin-bottom:8px}
.qp{display:flex;gap:8px;flex-wrap:wrap}
.qp button{background:var(--bg);border:1px solid var(--line);color:#fff;padding:8px 14px;border-radius:999px;font:600 .82rem var(--ff);cursor:pointer}
.qp button:hover{border-color:var(--accent)}
.tgl{display:flex;gap:10px;flex-wrap:wrap}
.tgl label{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);padding:10px 16px;border-radius:999px;font-size:.88rem;cursor:pointer;transition:.2s}
.tgl label:has(input:checked){border-color:var(--accent);background:rgba(141,198,63,.14)}
.tgl input{accent-color:#8DC63F}
.bsum{position:sticky;top:100px}
.bsum .summary{position:static}
.contact-alt{margin-top:18px;display:grid;gap:10px}
.contact-alt a{display:flex;gap:12px;align-items:center;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;font-weight:600;font-size:.92rem;transition:.2s}
.contact-alt a:hover{border-color:var(--accent)}
.success{text-align:center;padding:40px 10px}
.success .big{font-size:4rem}
.err{color:#ff8a8a;font-size:.82rem;margin-top:6px;display:none}
.f.bad input,.f.bad textarea{border-color:#ff6b6b}.f.bad .err{display:block}

.quick{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.quick h3{font-size:1.9rem;margin-bottom:12px}

footer{background:#050810}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.fcols h5{font:700 .75rem var(--ff);letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}
.fcols a{display:block;padding:4px 0;color:var(--mute)}
.fcols a:hover{color:var(--accent)}
.fcols p{font-size:.9rem;margin-top:6px}
.fbot{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8rem}

@media(max-width:1000px){
  .pgrid,.agrid,.aud6,.lcards,.how{grid-template-columns:1fr 1fr}
  .split,.split.rev,.bk,.band{grid-template-columns:1fr}
  .bsum{position:relative;top:0}
  .ben,.addgrid,.addgrid.c3{grid-template-columns:1fr 1fr}
  .fcols{grid-template-columns:1fr 1fr}
  .band{padding:40px 26px}.band .btns{justify-content:flex-start}
  .phero{padding:130px 0 70px;min-height:440px}
}
@media(max-width:620px){
  .pgrid,.pgrid.two,.agrid,.aud6,.lcards,.how,.ben,.addgrid,.addgrid.c3,.facts,.fcols,.who-pick{grid-template-columns:1fr}
  .bsteps .bs span{display:none}
  .sitem{grid-template-columns:48px 1fr auto}.sitem .pr{display:none}
  .bpanel{padding:22px}
  .photos{grid-template-rows:140px 140px}
  .fsort{margin-left:0}
}
@media(max-width:620px){.cartbtn span{display:none}.cartbtn{padding:0 12px}.nav-cta{gap:8px}.brand img{height:34px}}
.split>*,.bk>*,.band>*{min-width:0}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
@media(max-width:620px){h2{font-size:clamp(2rem,9vw,2.6rem)}}

/* ===== v4: bygg eget, bläddrare, mina bokningar, admin ===== */
.menu>li>a.build-link{background:rgba(255,212,0,.14);color:var(--accent2);border:1px solid rgba(255,212,0,.4)}
.menu>li>a.build-link:hover{background:var(--accent2);color:#111}
.buildban{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;margin-bottom:34px;border-radius:var(--r);background:linear-gradient(120deg,rgba(255,212,0,.16),rgba(141,198,63,.14));border:1px solid rgba(255,212,0,.4)}
.buildban h3{font-size:1.9rem}.buildban p{color:#d5def5;margin-top:4px}
.builder{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}
.brow{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;transition:.25s;align-items:center}
.brow.has{border-color:var(--accent);background:linear-gradient(135deg,rgba(141,198,63,.12),var(--card))}
.brow .th{height:92px;border-radius:12px;background-size:cover;background-position:center}
.brow .bm>b{display:block;font-size:1.05rem;margin-bottom:8px}
.tiers-pick{display:flex;flex-wrap:wrap;gap:8px}
.tp{display:flex;flex-direction:column;align-items:flex-start;gap:0;background:var(--bg);border:2px solid var(--line);color:#fff;padding:8px 14px;border-radius:12px;cursor:pointer;font:600 .85rem var(--ff);transition:.2s;min-width:92px}
.tp em{font-style:normal;font-family:var(--ff-h);font-size:1.25rem;font-weight:800;color:var(--accent)}
.tp:hover{border-color:var(--accent)}
.tp.on{background:var(--accent);border-color:var(--accent);color:var(--on)}.tp.on em{color:var(--on)}
.addons{margin-top:6px}
.builder .summary .btn{margin-top:8px}
#sl b .x{background:none;border:0;color:var(--mute);margin-left:8px;cursor:pointer;font-size:1.1rem}
#sl b .x:hover{color:var(--red)}
.hint{color:var(--mute);font-size:.86rem;margin:4px 0 18px}

/* katalog i bokningen */
.catbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 14px}
.catbar input{flex:1;min-width:160px;background:var(--bg);border:1px solid var(--line);color:#fff;padding:10px 16px;border-radius:999px;font:inherit;font-size:.88rem}
.catgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:460px;overflow-y:auto;padding:4px;margin:0 -4px}
.cat-card{display:grid;grid-template-columns:62px 1fr auto 28px;gap:12px;align-items:center;text-align:left;background:var(--bg);border:2px solid var(--line);border-radius:14px;padding:10px 12px;color:#fff;cursor:pointer;font-family:var(--ff);transition:.2s}
.cat-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.cat-card .ct{width:62px;height:62px;border-radius:10px;background-size:cover;background-position:center}
.cat-card .cm b{display:block;font-size:.92rem;line-height:1.2}.cat-card .cm small{color:var(--mute);font-size:.74rem;line-height:1.25;display:block;margin-top:2px}
.cat-card .cp{font-family:var(--ff-h);font-weight:800;font-size:1.3rem;color:var(--accent);text-align:right;line-height:1}.cat-card .cp small{display:block;font-family:var(--ff);font-size:.62rem;color:var(--mute);font-weight:500}
.cat-card .ck{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:.8rem;color:transparent;font-weight:800}
.cat-card.sel{border-color:var(--accent);background:rgba(141,198,63,.12)}.cat-card.sel .ck{background:var(--accent);border-color:var(--accent);color:var(--on)}
.bk .summary .btn{margin-top:6px}

/* success */
.success .ref{display:inline-block;background:var(--bg);border:2px dashed var(--accent);padding:10px 26px;border-radius:14px;font-family:var(--ff-h);font-size:2.2rem;font-weight:800;color:var(--accent);margin:6px 0 10px}
.calbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}
.cal-hint{color:var(--mute);font-size:.82rem;margin-top:10px}

/* mina bokningar */
.mcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;margin-bottom:22px;position:relative}
.mcard.bekraftad{border-color:var(--accent)}.mcard.avbokad{opacity:.75;border-color:var(--red)}
.mcard header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.mcard header small,.mgrid small{color:var(--mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;display:block}
.mcard h3{font-size:2.2rem}
.stbadge{display:inline-block;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(75,156,211,.2);color:var(--blue)}
.stbadge.bekraftad,.stbadge.genomford{background:rgba(141,198,63,.22);color:var(--accent)}.stbadge.avbokad{background:rgba(228,0,43,.2);color:#ff7d8d}
.tl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px}
.tl span{position:relative;text-align:center;padding-top:20px;font-size:.78rem;color:var(--mute);font-weight:700}
.tl span::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:3px;background:var(--line)}
.tl span.on{color:#fff}.tl span.on::before{background:linear-gradient(90deg,var(--accent),var(--blue))}
.tl.cancelled{grid-template-columns:1fr}.tl.cancelled span::before{background:var(--red)}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.mgrid b{font-size:1rem}.mgrid span{font-size:.92rem}
.mitems{list-style:none;margin:10px 0}.mitems li{padding:8px 0 8px 26px;position:relative;border-bottom:1px dashed var(--line)}.mitems li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}.mitems small{color:var(--mute)}
.mopts{color:var(--mute);font-size:.9rem}
.note-staff{margin:16px 0;padding:16px 20px;border-left:4px solid var(--accent);background:rgba(141,198,63,.08);border-radius:0 12px 12px 0}
.note-staff p{color:#d4dcf0;margin-top:4px}
.mcal{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.mcal h4{font-family:var(--ff-h);font-size:1.4rem;text-transform:uppercase}
.mcal .calbtns{justify-content:flex-start}
.mcard footer{margin-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.85rem;color:var(--mute);background:none}
.mcard footer a{color:var(--accent);font-weight:700}
.lnk{background:none;border:0;color:var(--mute);text-decoration:underline;cursor:pointer;font:inherit;font-size:.82rem}
.localnote{background:rgba(255,212,0,.1);border:1px solid rgba(255,212,0,.4);color:#ffe27a;padding:10px 14px;border-radius:10px;font-size:.84rem;margin-bottom:14px}
.maddf{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.maddf input{flex:1;min-width:220px;background:var(--bg);border:1px solid var(--line);color:#fff;padding:12px 16px;border-radius:999px;font:inherit}

/* admin */
.arow{display:grid;grid-template-columns:110px 90px 1fr 80px 110px 90px;gap:12px;align-items:center;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:8px;color:#fff;font:inherit;font-size:.9rem;cursor:pointer;transition:.2s}
.arow:hover{border-color:var(--accent)}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.dform .chk{display:flex;gap:8px;align-items:center;margin:8px 0 14px;font-size:.9rem}
#detail{display:none;margin-top:30px;background:var(--card);border:1px solid var(--accent);border-radius:var(--r);padding:30px}
.dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
#login{max-width:420px;margin:0 auto}
@media(max-width:1000px){.builder{grid-template-columns:1fr}.catgrid{grid-template-columns:1fr}.dgrid{grid-template-columns:1fr}.arow{grid-template-columns:1fr 1fr}.mgrid{grid-template-columns:1fr}}
@media(max-width:620px){.brow{grid-template-columns:1fr}.brow .th{height:110px}.cat-card{grid-template-columns:52px 1fr auto 24px}.cat-card .ct{width:52px;height:52px}}
/* fixar nav + listor */
.menu>li>a,.menu>li>button,.btn,.cartbtn{white-space:nowrap}
.menu{gap:2px}.menu>li>a,.menu>li>button{padding:10px 11px;font-size:.9rem}
.brand img{height:42px}.brand{gap:12px}
nav.solid .brand img{height:36px}
.cartbtn span{display:none}
@media(min-width:1380px){.cartbtn span{display:inline}}
@media(max-width:1180px){
  .menu,.nav-cta .btn-primary{display:none}
  .burger{display:block}
  .mnav{display:block;position:fixed;inset:0;z-index:99;background:rgba(8,12,24,.985);padding:90px 24px 40px;overflow-y:auto;transform:translateX(100%);transition:.35s}
  .mnav.open{transform:none}
}
#sl div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.9rem;color:#d3d7de}
#sl div b{text-align:right;white-space:normal}
#sl .empty{color:var(--mute);border:0;font-style:italic}
.catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cat-card{grid-template-columns:54px minmax(0,1fr) auto 24px;gap:10px;padding:10px}
.cat-card .ct{width:54px;height:54px}
.cat-card .cp{font-size:1.1rem;white-space:nowrap}
.cat-card .cm b{font-size:.88rem}
.cat-card .ck{width:24px;height:24px}
@media(max-width:1000px){.catgrid{grid-template-columns:minmax(0,1fr)}}

/* ===== v5: bokningssidan – paketbibliotek ===== */
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:-6px 0 26px;padding:14px 20px;background:var(--card);border:1px solid var(--line);border-radius:14px;font-size:.88rem;font-weight:600;color:var(--mute)}
.trust b{color:var(--accent2)}.trust a{color:var(--accent);font-weight:700}
.bk{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
.scrollx{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
.scrollx .fchip{flex-shrink:0;white-space:nowrap}
.fchip em{font-style:normal;font-size:.72rem;opacity:.65;margin-left:4px;background:rgba(255,255,255,.1);padding:1px 7px;border-radius:99px}
.fchip.on em{background:rgba(0,0,0,.18);opacity:1}
.catbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.catbar input{flex:1;min-width:0}
#catcount{font-size:.8rem;color:var(--mute);white-space:nowrap;font-weight:600}
.bcgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:none}
.bcg{grid-column:1/-1;font-family:var(--ff-h);font-size:1.5rem;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 -2px;padding-bottom:6px;border-bottom:1px solid var(--line);color:var(--accent)}
.bcg:first-child{margin-top:0}
.bc{background:var(--bg);border:2px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.bc:hover{border-color:rgba(141,198,63,.55);transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.bc.in-cart{border-color:var(--accent);box-shadow:0 0 0 3px rgba(141,198,63,.18)}
.bc .bi{position:relative;height:150px;background-size:cover;background-position:center;background-color:var(--navy);cursor:pointer}
.bc .bi:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,12,24,.75))}
.flag{position:absolute;top:12px;left:12px;z-index:2;background:var(--accent2);color:#111;font:800 .68rem var(--ff);text-transform:uppercase;letter-spacing:.07em;padding:5px 10px;border-radius:99px}
.bc .tick{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on);display:grid;place-items:center;font-weight:800;transform:scale(0);transition:.25s}
.bc.in-cart .tick{transform:scale(1)}
.bc .bb{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.bc h4{font-family:var(--ff-h);font-size:1.45rem;text-transform:uppercase;line-height:1.05;cursor:pointer}
.bc .bsub{color:var(--mute);font-size:.84rem;margin:4px 0 10px}
.bc ul{list-style:none;display:grid;gap:5px;margin-bottom:14px;flex:1}
.bc li{font-size:.82rem;line-height:1.35;padding-left:20px;position:relative;color:#d7def5}
.bc li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.bc li.more{color:var(--mute)}.bc li.more:before{content:""}
.bc .bf{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:12px;flex-wrap:wrap}
.bc .bp b{font-family:var(--ff-h);font-size:1.9rem;color:var(--accent);line-height:1;display:block}
.bc .bp small{font-size:.7rem;color:var(--mute);display:block;max-width:150px;line-height:1.25}
.bc .ba{display:flex;align-items:center;gap:12px}
.bc .btn.added,.pm-act .btn.added{background:rgba(141,198,63,.16);border:2px solid var(--accent);color:var(--accent);box-shadow:none}
.lnk{background:none;border:0;color:var(--blue);font:700 .84rem var(--ff);cursor:pointer;text-decoration:underline;padding:0}
.buildbn{display:flex;align-items:center;gap:16px;margin-top:18px;padding:16px 20px;border-radius:16px;border:2px dashed var(--accent2);background:rgba(255,212,0,.06);transition:.2s}
.buildbn:hover{background:rgba(255,212,0,.12)}
.buildbn>span{font-size:1.8rem}.buildbn div{flex:1}.buildbn b{display:block}.buildbn small{color:var(--mute)}.buildbn em{font-style:normal;font-weight:800;color:var(--accent2);white-space:nowrap}
.review{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:22px}
.review h5{font-family:var(--ff-h);font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:10px}
.rv-items{list-style:none;display:grid;gap:6px;margin-bottom:12px}
.rv-items li{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;padding-bottom:6px;border-bottom:1px solid var(--line)}
.rv-items li b{color:var(--accent);white-space:nowrap}
.review dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-bottom:10px}
.review dt{font-size:.72rem;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.review dd{font-weight:600;font-size:.92rem}
.rv-tot{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-weight:700}.rv-tot b{font-family:var(--ff-h);font-size:1.8rem;color:var(--accent2)}
.review small{display:block;color:var(--mute);margin-bottom:8px}
.chk{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer}
.btn-lg{padding:18px 28px;font-size:1.05rem}
.senderr{display:none;background:rgba(228,0,43,.12);border:1px solid var(--red);border-radius:12px;padding:14px 16px;margin-bottom:14px;font-size:.9rem;line-height:1.7}
.senderr .btn{margin:4px 6px 4px 0}
.next3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0;text-align:left}
.next3>div{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:16px}
.next3 i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on);display:grid;place-items:center;font-weight:800;margin-bottom:8px}
.next3 b{display:block;margin-bottom:4px}.next3 span{font-size:.84rem;color:var(--mute)}
.mbar{display:none}
.pmodal{position:fixed;inset:0;z-index:300;background:rgba(4,7,16,.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}
.pmodal.on{display:flex}
.pm-box{position:relative;width:min(720px,100%);max-height:92vh;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:22px;animation:fade .3s}
.pm-x{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(8,12,24,.75);color:#fff;font-size:1.5rem;cursor:pointer}
.pm-img{position:relative;height:240px;background-size:cover;background-position:center;background-color:var(--navy)}
.pm-in{padding:26px 30px 30px}.pm-in h3{font-size:2.4rem}.pm-in h5{font-family:var(--ff-h);font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:16px 0 8px}
.pm-desc{color:#d7def5;margin-bottom:6px}
.pm-inc{list-style:none;display:grid;gap:8px}.pm-inc li{padding-left:26px;position:relative}.pm-inc li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.pm-price{display:flex;gap:30px;margin:20px 0 8px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}
.pm-price b{font-family:var(--ff-h);font-size:2rem;color:var(--accent);display:block;line-height:1}.pm-price span{font-size:.8rem;color:var(--mute)}
.pm-note{font-size:.84rem;color:var(--mute);margin:6px 0}
.pm-act{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
body.noscroll{overflow:hidden}
@media(max-width:1000px){
  .bk{grid-template-columns:minmax(0,1fr)}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:150;display:none;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(14,20,38,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .mbar.on{display:flex}.mbar small{display:block;color:var(--mute);font-size:.75rem}.mbar b{font-family:var(--ff-h);font-size:1.5rem;color:var(--accent);line-height:1}
  #totop{bottom:90px}
  body:has(#bk) .bsum{padding-bottom:70px}
}
@media(max-width:620px){
  .bcgrid{grid-template-columns:minmax(0,1fr)}.next3,.review dl{grid-template-columns:minmax(0,1fr)}
  .trust{flex-direction:column}.pm-img{height:180px}.pm-in{padding:20px}.buildbn{flex-wrap:wrap}
}
.tgl label{white-space:nowrap;text-transform:none;letter-spacing:0}

/* ===== v6: lagom – tre paket, mittenpaketet lyfts ===== */
.pgrid.three{align-items:stretch}
.pgrid.three .pc:nth-child(2){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 24px 60px rgba(141,198,63,.14);position:relative}
@media(min-width:1001px){.pgrid.three .pc:nth-child(2){transform:translateY(-10px)}}
.gnav{position:sticky;top:64px;z-index:40;background:rgba(8,12,24,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 0}
.gnav .wrap{display:flex;gap:10px;align-items:center;overflow-x:auto;scrollbar-width:none}
.gnav .wrap::-webkit-scrollbar{display:none}
.gnav span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);font-weight:700;white-space:nowrap}
.gpill{white-space:nowrap;padding:9px 16px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:.88rem;transition:.2s}
.gpill:hover{border-color:var(--accent);color:var(--accent)}
.gsec{padding-top:70px;padding-bottom:70px;scroll-margin-top:110px}
.ghead{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:34px;flex-wrap:wrap}
.ghead h2{margin:0}

.rechint{grid-column:1/-1;background:rgba(141,198,63,.08);border:1px solid rgba(141,198,63,.35);border-radius:12px;padding:12px 16px;font-size:.9rem;color:var(--mute)}
.rechint b{color:#fff}
@media(min-width:621px){.bcgrid.rec{grid-template-columns:minmax(0,1fr)}.bcgrid.rec .bc{flex-direction:row}.bcgrid.rec .bi{width:210px;height:auto;min-height:170px;flex-shrink:0}.bcgrid.rec .bi:after{background:linear-gradient(90deg,transparent 60%,rgba(8,12,24,.5))}.bcgrid.rec .bc ul{margin-bottom:12px}}
@media(max-width:1000px){.pgrid.three{grid-template-columns:minmax(0,520px);justify-content:center}}

/* ===== v7: antal personer överallt ===== */
.ppl-mini{display:inline-flex;align-items:center;gap:0;background:var(--bg);border:2px solid var(--line);border-radius:99px;overflow:hidden}
.ppl-mini button{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;transition:.15s}
.ppl-mini button:hover{background:var(--accent);color:var(--on)}
.ppl-mini input{width:64px;height:44px;text-align:center;background:transparent;border:0;color:#fff;font:800 1.25rem var(--ff);-moz-appearance:textfield;padding:0}
.ppl-mini input::-webkit-outer-spin-button,.ppl-mini input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ppl-mini em{font-style:normal;font-size:.8rem;color:var(--mute);padding:0 16px 0 2px;white-space:nowrap}
.pplw{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ppl-q{display:flex;gap:6px;flex-wrap:wrap}
.ppl-q button{min-width:40px;height:36px;padding:0 10px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:#fff;font:700 .85rem var(--ff);cursor:pointer}
.ppl-q button:hover{border-color:var(--accent)}.ppl-q button.on{background:var(--accent);border-color:var(--accent);color:var(--on)}
.pplbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;margin:0 auto 34px;padding:14px 20px;background:var(--card);border:1px solid var(--line);border-radius:18px;width:fit-content;max-width:100%}
.pplbar>span{font-weight:700}
.ptot{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:rgba(141,198,63,.1);font-size:.82rem;color:var(--mute)}
.ptot b{color:var(--accent);font-family:var(--ff-h);font-size:1.25rem;letter-spacing:.02em}
.gn-ppl{display:flex;align-items:center;gap:10px;flex-shrink:0}.gn-ppl .ppl-mini button,.gn-ppl .ppl-mini input{height:38px;width:38px}.gn-ppl .ppl-mini input{width:52px;font-size:1.05rem}.gn-ppl .ppl-mini em{display:none}
.gsep{width:1px;height:28px;background:var(--line);flex-shrink:0}
.sumppl{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sumppl span,.dppl span{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:700}
.sumppl .ppl-mini button{width:36px;height:36px}.sumppl .ppl-mini input{height:36px;width:50px;font-size:1.05rem}.sumppl .ppl-mini em{display:none}
.dppl{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.dppl .ppl-mini em{display:none}.dppl .ppl-mini button,.dppl .ppl-mini input{height:38px}.dppl .ppl-mini button{width:38px}.dppl .ppl-mini input{width:52px}
@media(max-width:620px){.ppl-mini em{display:none}.gnav .wrap{gap:8px}}

/* ===== v8: omdömen tidigt ===== */
.proofbar{background:linear-gradient(90deg,rgba(75,156,211,.10),rgba(141,198,63,.10));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proofbar .wrap{display:flex;align-items:center;gap:28px;padding-top:16px;padding-bottom:16px}
.pb-score{display:flex;align-items:center;gap:14px;flex-shrink:0;padding-right:28px;border-right:1px solid var(--line)}
.pb-score i{font-style:normal;width:40px;height:40px;border-radius:50%;background:#fff;color:#4285F4;font:800 1.3rem Arial,sans-serif;display:grid;place-items:center}
.pb-score div{display:flex;flex-direction:column;line-height:1}.pb-score b{font-family:var(--ff-h);font-size:2.2rem}.pb-score .stars{font-size:.85rem;letter-spacing:2px}
.pb-score small{font-size:.76rem;color:var(--mute);line-height:1.3}
.pb-rot{position:relative;flex:1;min-height:78px}
.pb-rot figure{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:center;opacity:0;animation:pbrot 18s infinite;animation-delay:calc(var(--i)*6s)}
.pb-rot blockquote{font-size:.95rem;line-height:1.4;color:#e8ecf8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-rot figcaption{font-size:.78rem;color:var(--mute);margin-top:4px}.pb-rot .stars{color:var(--accent2);letter-spacing:1px;margin-right:4px}
@keyframes pbrot{0%{opacity:0;transform:translateY(6px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.pb-rot figure{animation:none}.pb-rot figure:first-child{opacity:1}}
.pq{margin:12px 0 0;padding:12px 14px;border-left:3px solid var(--accent2);background:rgba(255,212,0,.06);border-radius:0 10px 10px 0;font-size:.84rem;line-height:1.45;color:#e8ecf8;font-style:normal}
.pq .stars{color:var(--accent2);font-size:.75rem;letter-spacing:1px;display:block;margin-bottom:3px}
.pq cite{display:block;font-style:normal;font-size:.76rem;color:var(--mute);margin-top:4px}
.pq.big{font-size:.95rem;margin:14px 0}
.bc .pq{margin:0 0 12px;font-size:.78rem}
@media(max-width:760px){.proofbar .wrap{gap:14px}.pb-score{padding-right:14px}.pb-score small{display:none}.pb-rot{min-height:80px}.pb-rot blockquote{font-size:.85rem;-webkit-line-clamp:3}}

/* ===== v9: läsbar hero + guide + dela + konfetti ===== */
.hero::after{background:linear-gradient(180deg,rgba(8,12,24,.78) 0%,rgba(8,12,24,.72) 55%,var(--bg) 100%),linear-gradient(90deg,rgba(8,12,24,.88) 0%,rgba(8,12,24,.55) 55%,rgba(8,12,24,.15) 100%)!important}
.hero h1,.phero h1{text-shadow:0 3px 24px rgba(0,0,0,.55)}
.hero p,.phero p{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.6);font-weight:500}
.hero .wrap>.lockup,.hero .badge{filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}
.phero::after{background:linear-gradient(180deg,rgba(8,12,24,.82) 0%,rgba(8,12,24,.7) 45%,var(--bg) 100%),linear-gradient(90deg,rgba(8,12,24,.9),rgba(8,12,24,.35) 75%)!important}
.hero .cta-row .btn-ghost,.phero .cta-row .btn-ghost{background:rgba(8,12,24,.7);backdrop-filter:blur(6px)}
.guidebtn{display:inline-flex;align-items:center;gap:8px;background:var(--accent2);color:#111;border:0;border-radius:99px;padding:14px 24px;font:800 .95rem var(--ff);cursor:pointer;box-shadow:0 8px 26px rgba(255,212,0,.25);transition:.2s}
.guidebtn:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(255,212,0,.4)}
.guidebtn.sm{padding:10px 18px;font-size:.85rem}
#guide{position:fixed;inset:0;z-index:320;background:rgba(4,7,16,.85);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:18px}
#guide.on{display:flex}
.g-box{position:relative;width:min(640px,100%);max-height:94vh;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px;animation:fade .3s}
.g-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--bg);color:#fff;font-size:1.4rem;cursor:pointer}
.g-dots{display:flex;gap:8px;margin-bottom:20px}.g-dots i{height:5px;flex:1;border-radius:9px;background:var(--line)}.g-dots i.on{background:var(--accent)}
.g-box h3{font-size:2.3rem;margin-bottom:6px}.g-box .sub{color:var(--mute);margin-bottom:22px}
.g-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.g-opts button{background:var(--bg);border:2px solid var(--line);border-radius:14px;padding:16px 12px;color:#fff;font:700 .95rem var(--ff);cursor:pointer;transition:.2s;display:flex;align-items:center;gap:10px;text-align:left}
.g-opts button:hover{border-color:var(--accent);transform:translateY(-2px)}.g-opts button i{font-style:normal;font-size:1.5rem}
.g-opts button small{display:block;color:var(--mute);font-weight:500;font-size:.75rem}
.g-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.g-res{border:2px solid var(--accent);border-radius:18px;overflow:hidden;background:var(--bg)}
.g-res .gi{height:150px;background-size:cover;background-position:center;background-color:var(--navy)}
.g-res .gb{padding:18px 20px}.g-res h4{font-family:var(--ff-h);font-size:1.9rem;text-transform:uppercase;line-height:1}
.g-why{display:inline-block;background:rgba(141,198,63,.16);color:var(--accent);font-weight:700;font-size:.78rem;padding:4px 10px;border-radius:99px;margin-bottom:8px}
.g-res ul{list-style:none;margin:10px 0;display:grid;gap:4px;font-size:.88rem}.g-res li:before{content:"✓ ";color:var(--accent);font-weight:800}
.g-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.g-tot b{font-family:var(--ff-h);font-size:2rem;color:var(--accent)}
.g-alt{margin-top:14px;font-size:.85rem;color:var(--mute)}.g-alt button{margin-left:6px}
.g-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:400}
.sharebtn{width:100%;margin-top:10px}
@media(max-width:560px){.g-box{padding:24px 20px}.g-opts{grid-template-columns:1fr}}
.guidehint{margin:14px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--mute);font-size:.9rem}

/* ===== v10: hero – rätt positionering, glaskort, brandlinje, marquee ===== */
.hero{position:relative}
.hero video,.hero .poster{animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero::after{background:linear-gradient(180deg,rgba(8,12,24,.62) 0%,rgba(8,12,24,.55) 45%,rgba(8,12,24,.9) 85%,var(--bg) 100%),linear-gradient(90deg,rgba(8,12,24,.7),rgba(8,12,24,.15) 70%)!important}
.hero .wrap{padding-bottom:70px}
.hero-card{display:inline-block;max-width:760px;padding:34px 38px 36px;border-radius:28px;background:rgba(8,12,24,.58);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.hero-card h1{font-size:clamp(2.8rem,8vw,6.2rem);margin-top:14px}
.hero-card p{margin:18px 0 26px;max-width:560px}
.hero-card .lockup{margin-bottom:4px}
.stripe{height:5px!important;background:linear-gradient(90deg,var(--accent),var(--blue),var(--accent2),var(--red))!important;opacity:1!important}
.marq{position:absolute;left:0;right:0;bottom:0;z-index:3;overflow:hidden;background:rgba(8,12,24,.88);border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--accent),var(--blue),var(--accent2),var(--red)) 1;padding:13px 0}
.marq .mt{display:flex;width:max-content;animation:marq 38s linear infinite}
.marq span{white-space:nowrap;font:800 .95rem var(--ff-h);letter-spacing:.12em;text-transform:uppercase;padding:0 26px;color:#fff;position:relative}
.marq span:after{content:"✦";position:absolute;right:-6px;color:var(--accent2)}
@keyframes marq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marq .mt,.hero video,.hero .poster{animation:none}}
@media(max-width:620px){.hero-card{padding:24px 20px;border-radius:22px;display:block}.hero .wrap{padding-bottom:60px}}

.marq{position:relative!important;bottom:auto!important;z-index:4}
.stats-wrap{margin-top:0!important}
.hero .wrap{padding-bottom:20px!important}
.stats-wrap{height:auto!important;padding:34px 0 0}
.stats-grid{transform:none!important}

/* ===== v11: tillval, betalning, bindande bokning ===== */
.adopts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}
.adopts.locked{opacity:.55}
.adopts .ad{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card,#111833);border:1.5px solid rgba(255,255,255,.12);border-radius:14px;cursor:pointer;transition:.18s;position:relative}
.adopts .ad:hover{border-color:var(--accent)}
.adopts .ad input{position:absolute;opacity:0;pointer-events:none}
.adopts .ad i{font-style:normal;font-size:1.5rem}
.adopts .ad span{flex:1;min-width:0}
.adopts .ad b{display:block;font-size:.95rem}
.adopts .ad small{display:block;color:var(--muted,#9aa3bd);font-size:.74rem;line-height:1.3}
.adopts .ad em{font-style:normal;font-weight:800;color:var(--accent2);white-space:nowrap;text-align:right;font-size:.95rem}
.adopts .ad em small{display:inline;font-size:.7rem;color:var(--muted,#9aa3bd);font-weight:500}
.adopts .ad.on{border-color:var(--accent);background:rgba(141,198,63,.12)}
.adopts .ad.on::after{content:"✓";position:absolute;top:-7px;right:-7px;background:var(--accent);color:#0a1020;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:900}
.adopts .ad.inc em{color:var(--accent)}
.adopts.locked .ad{cursor:not-allowed}
.adnote{grid-column:1/-1;margin:2px 0 0;font-size:.85rem;color:var(--muted,#9aa3bd)}
.sl-add span{color:var(--muted,#9aa3bd);font-size:.88rem}
.rv-items .rv-add span{color:var(--muted,#9aa3bd)}
.adgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.adc{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--card,#111833);border:1px solid rgba(255,255,255,.1);border-radius:16px}
.adc i{font-style:normal;font-size:1.8rem}
.adc b{font-family:var(--ff-h);font-size:1.25rem;text-transform:uppercase;display:block}
.adc small{color:var(--muted,#9aa3bd);font-size:.82rem}
.adc em{font-style:normal;font-weight:800;color:var(--accent2);font-size:1.15rem;margin-top:auto}
.adc em small{display:inline;font-size:.75rem;font-weight:500}
.payopts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.paycard{display:flex;flex-direction:column;gap:3px;padding:16px;border:1.5px solid rgba(255,255,255,.14);border-radius:14px;cursor:pointer;position:relative;transition:.18s;background:var(--card,#111833)}
.paycard input{position:absolute;opacity:0}
.paycard i{font-style:normal;font-size:1.6rem}
.paycard b{font-size:1.05rem}
.paycard small{color:var(--muted,#9aa3bd);font-size:.8rem}
.paycard.on{border-color:var(--accent);background:rgba(141,198,63,.12)}
.invbox{padding:16px;border:1px dashed rgba(255,255,255,.2);border-radius:14px}
.invbox h5{margin:0 0 10px;font-family:var(--ff-h);text-transform:uppercase;font-size:1.1rem}
.bindbox{margin:18px 0 10px;padding:16px 18px;border-radius:14px;border:1.5px solid var(--accent2);background:rgba(255,212,0,.08)}
.bindbox b{display:block;margin-bottom:4px;color:var(--accent2)}
.bindbox p{margin:0;font-size:.88rem;line-height:1.5}
.bindbox a,.acc a{color:var(--accent);text-decoration:underline}
.acc{display:flex;gap:10px;align-items:flex-start;margin:10px 0 16px;padding:10px;border-radius:12px;border:1.5px solid transparent;font-size:.9rem}
.acc input{margin-top:3px;width:20px;height:20px;flex:none}
.acc.bad{border-color:var(--red);background:rgba(228,0,43,.1)}
#payerr{display:none;color:#ff6b7f;font-size:.82rem;margin-top:6px}
.legal{max-width:760px;margin:0 auto}
.legal h3{font-family:var(--ff-h);text-transform:uppercase;font-size:1.6rem;margin:30px 0 8px}
.legal p,.legal li{line-height:1.7;color:#cfd6ea}
.legal ul{padding-left:20px}
@media(max-width:900px){.adgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adopts{grid-template-columns:1fr}.payopts{grid-template-columns:1fr}.adgrid{grid-template-columns:1fr 1fr;gap:10px}.adc{padding:14px}}

/* ===== v12: galleri, boendesida, bokningsläge ===== */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.gal>div{aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:14px;border:1px solid var(--line);transition:.25s;cursor:zoom-in}
.gal>div:hover{transform:scale(1.03);border-color:var(--accent)}
.gal.g3{grid-template-columns:repeat(3,1fr)}.gal.g2{grid-template-columns:repeat(2,1fr)}
.galhead{margin:34px 0 0;font-family:var(--ff-h);font-size:1.4rem;text-transform:uppercase;color:var(--accent)}
.lc .ph{cursor:zoom-in}
.vidbox video{width:100%;border-radius:16px;border:1px solid var(--line);display:block;aspect-ratio:16/9;object-fit:cover;background:#000}
.modepick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 18px}
.modecard{display:flex;flex-direction:column;gap:3px;text-align:left;padding:16px;border:1.5px solid rgba(255,255,255,.14);border-radius:14px;background:var(--card,#111833);color:inherit;cursor:pointer;font:inherit;transition:.18s}
.modecard i{font-style:normal;font-size:1.6rem}
.modecard b{font-size:1.05rem}
.modecard small{color:var(--muted,#9aa3bd);font-size:.8rem;line-height:1.4}
.modecard.on{border-color:var(--accent);background:rgba(141,198,63,.12)}
.reqinfo{margin:14px 0 10px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--blue);background:rgba(75,156,211,.1);font-size:.9rem;line-height:1.5}
.reqinfo b{display:block;margin-bottom:3px}
@media(max-width:900px){.gal{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.modepick{grid-template-columns:1fr}.gal.g3{grid-template-columns:1fr 1fr}}
.adgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.adc{min-width:0}
@media(max-width:900px){.adgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.adgrid{grid-template-columns:minmax(0,1fr)}.adc{flex-direction:row;align-items:center}.adc em{margin:0 0 0 auto}.gnav{overflow-x:auto}.gnav .wrap{flex-wrap:nowrap;overflow-x:auto;max-width:100%}}

/* ===== v13: konto, mina sidor, admin ===== */
.acctlink{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.18);font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;transition:.2s}
.acctlink:hover{border-color:var(--accent);color:var(--accent)}
.acctlink.in{border-color:var(--accent);background:rgba(141,198,63,.12)}
@media(max-width:1100px){.acctlink span{display:none}.acctlink{padding:9px 12px}.acctlink.in span{display:none}}
.demobar{margin:0 0 20px;padding:10px 14px;border-radius:12px;background:rgba(255,212,0,.1);border:1px dashed var(--accent2);font-size:.82rem;line-height:1.5}
.demobar code{background:rgba(255,255,255,.1);padding:1px 6px;border-radius:6px}
.authwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
.authwrap>.demobar{grid-column:1/-1;margin:0}
.authcard{background:var(--card,#111833);border:1px solid var(--line);border-radius:20px;padding:24px}
.authtabs{display:flex;gap:6px;background:rgba(255,255,255,.05);padding:5px;border-radius:30px;margin-bottom:18px}
.authtabs button{flex:1;padding:10px 14px;border-radius:30px;font-weight:700;font-size:.9rem;color:#cfd6ea;transition:.2s}
.authtabs button.on{background:var(--accent);color:#0a1020}
.authtabs.wide{margin:26px 0 20px;max-width:560px}
.err2{color:#ff6b7f;font-size:.85rem;min-height:1.2em;margin:6px 0 10px}
.authperks{list-style:none;padding:8px 0 0;margin:0;display:grid;gap:18px}
.authperks li b{display:block;font-size:1.05rem}
.authperks li span{color:var(--muted,#9aa3bd);font-size:.9rem}
.acct-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.acct-head h2{margin:2px 0}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kpi{padding:18px 20px;border-radius:16px;background:var(--card,#111833);border:1px solid var(--line)}
.kpi.hot{background:linear-gradient(135deg,rgba(141,198,63,.2),rgba(75,156,211,.12));border-color:var(--accent)}
.kpi small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--muted,#9aa3bd);font-weight:700}
.kpi b{display:block;font-family:var(--ff-h);font-size:2.1rem;line-height:1.1;margin:4px 0}
.kpi span{font-size:.82rem;color:var(--muted,#9aa3bd)}
.blist{display:grid;gap:16px}
.bk2{background:var(--card,#111833);border:1px solid var(--line);border-left:5px solid var(--accent2);border-radius:18px;padding:20px 22px}
.bk2.ok{border-left-color:var(--accent)}.bk2.done{border-left-color:var(--blue)}.bk2.cx{border-left-color:var(--red);opacity:.8}.bk2.wait{border-left-color:#ff9f1c}
.bk2 .bkh{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bk2 .bkh small{color:var(--muted,#9aa3bd);font-size:.75rem;letter-spacing:.04em}
.bk2 h3{font-family:var(--ff-h);font-size:1.7rem;text-transform:uppercase;margin:2px 0 4px}
.bk2 .when{font-size:.92rem}
.bk2 .cd{margin-left:8px;background:rgba(141,198,63,.18);color:var(--accent);padding:2px 10px;border-radius:20px;font-weight:700;font-size:.78rem}
.bk2 .r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.bk2 .tot{font-family:var(--ff-h);font-size:1.7rem;color:var(--accent2)}
.sbadge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:rgba(255,212,0,.15);color:var(--accent2)}
.sbadge.ok{background:rgba(141,198,63,.18);color:var(--accent)}.sbadge.done{background:rgba(75,156,211,.2);color:var(--blue)}.sbadge.cx{background:rgba(228,0,43,.18);color:#ff6b7f}.sbadge.wait{background:rgba(255,159,28,.18);color:#ff9f1c}
.tl2{list-style:none;display:flex;gap:0;margin:18px 0 6px;padding:0}
.tl2 li{flex:1;display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted,#9aa3bd);position:relative}
.tl2 li::after{content:"";flex:1;height:2px;background:rgba(255,255,255,.12);margin:0 8px}
.tl2 li:last-child::after{display:none}
.tl2 i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:800;font-size:.78rem;flex:none}
.tl2 li.done i,.tl2 li.cur i{background:var(--accent);color:#0a1020}.tl2 li.cur i{box-shadow:0 0 0 4px rgba(141,198,63,.25)}
.tl2 li.done,.tl2 li.cur{color:#fff}.tl2 li.done::after{background:var(--accent)}
.bk2 .note{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:rgba(75,156,211,.12);border:1px solid rgba(75,156,211,.3);font-size:.9rem;line-height:1.5}
.bk2 .note b{display:block;margin-bottom:2px;color:var(--blue)}
.cxbox{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:rgba(228,0,43,.1);border:1px solid rgba(228,0,43,.35);font-size:.88rem;display:grid;gap:3px}
.cxbox.wait{background:rgba(255,159,28,.1);border-color:rgba(255,159,28,.4)}
.bk2 .det{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.bk2 .det[hidden]{display:none}
.bk2 .rv-items{list-style:none;padding:0;margin:0 0 10px}
.bk2 .rv-items li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.1);font-size:.92rem}
.bk2 .rv-items li.ad span{color:var(--muted,#9aa3bd)}
.bk2 dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0}
.bk2 dt{font-size:.7rem;text-transform:uppercase;color:var(--muted,#9aa3bd);letter-spacing:.06em}
.bk2 dd{margin:0;font-weight:600}
.bk2 .ft{font-style:italic;color:#cfd6ea;font-size:.9rem}
.bk2 .mcal h5{margin:14px 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#9aa3bd)}
.bk2 .bkf{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.btn.danger{color:#ff6b7f;border-color:rgba(228,0,43,.5)}
.btn-danger{background:var(--red);color:#fff}
.emptyb{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:18px}
.emptyb .big{font-size:3rem}
.okmsg{color:var(--accent);font-weight:700;margin-left:10px}
.prof{max-width:640px}
.cxmodal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.7);display:grid;place-items:center;padding:18px}
.cxmodal .box{background:#0e1426;border:1px solid var(--line);border-radius:20px;padding:26px;max-width:480px;width:100%}
.cxmodal h3{font-family:var(--ff-h);font-size:1.8rem;text-transform:uppercase;margin:0 0 10px}
.cxmodal .okc{color:var(--accent)}.cxmodal .badc{color:#ff9f1c;font-weight:600}
.acctcta{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(141,198,63,.18),rgba(75,156,211,.12));border:1px solid var(--accent);text-align:left}
.acctcta b{display:block;font-size:1.05rem}.acctcta span,.acctcta small{color:#cfd6ea;font-size:.88rem}
.acctcta.col{display:block}.acctcta .row{display:flex;gap:10px;margin:12px 0 4px;flex-wrap:wrap}.acctcta .row input{flex:1;min-width:200px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0a1020;color:#fff}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.atable{display:grid;gap:8px}
.arow{display:grid;grid-template-columns:2fr 1.2fr 1.4fr 1fr auto;gap:12px;align-items:center;text-align:left;padding:14px 16px;border-radius:14px;background:var(--card,#111833);border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;transition:.18s}
.arow:hover,.arow.on{border-color:var(--accent)}
.arow small{display:block;color:var(--muted,#9aa3bd);font-size:.75rem}
.adbox{margin-top:22px;padding:24px;border-radius:18px;background:var(--card,#111833);border:1px solid var(--accent)}
.adbox .two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}
.adbox h5{margin:0 0 6px;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;color:var(--muted,#9aa3bd)}
.adbox select,.adbox textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#0a1020;color:#fff;font:inherit}
@media(max-width:820px){.authwrap{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:minmax(0,1fr)}.arow{grid-template-columns:1fr 1fr;}.adbox .two{grid-template-columns:1fr}.bk2 dl{grid-template-columns:1fr 1fr}.bk2 .r{align-items:flex-start;text-align:left}.tl2 li span{font-size:.7rem}}

.authtabs button{background:transparent;border:0}.authtabs button.on{background:var(--accent)}.authtabs button:not(.on):hover{color:#fff}
.tl2 li.done::after{background:var(--accent)}

/* ===== v13: startsida – snabbstart, USP, sticky CTA ===== */
#toast:empty{display:none}
.quick{display:grid;grid-template-columns:1fr 1.2fr 1.4fr auto;gap:10px;align-items:end;margin-top:22px;padding:14px;border-radius:18px;background:rgba(8,12,24,.72);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.qf label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#b9c2dc;font-weight:700;margin-bottom:4px}
.qf input,.qf select{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0a1020;color:#fff;font:inherit;min-height:46px}
.quick .btn{min-height:46px;white-space:nowrap}
@media(max-width:900px){.quick{grid-template-columns:1fr 1fr}.quick .btn{grid-column:1/-1}.qf:nth-child(3){grid-column:1/-1}}
.usp-sec{padding:10px 0 0}
.usp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.usp-i{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:16px;background:var(--card,#111833);border:1px solid var(--line)}
.usp-i i{font-style:normal;font-size:1.7rem}
.usp-i b{display:block;font-size:1rem;margin-bottom:2px}
.usp-i span{color:var(--muted,#9aa3bd);font-size:.86rem;line-height:1.45}
@media(max-width:900px){.usp{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.usp{grid-template-columns:minmax(0,1fr)}}
.bk2.mock{pointer-events:none;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(1.2deg)}
.stickycta{display:none}
@media(max-width:760px){.stickycta{display:flex;gap:8px;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;transform:translateY(140%);transition:.3s;padding:8px;border-radius:40px;background:rgba(8,12,24,.92);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}.stickycta.on{transform:none}.stickycta .btn{flex:1;justify-content:center}.stickycta .btn:first-child{flex:2}}
.quick{grid-template-columns:1fr 1.2fr 1.5fr}.quick .btn{grid-column:1/-1;justify-content:center}
.dropslot{margin-top:16px}.dropslot:empty{display:none}
.dropchip{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(8,12,24,.6);backdrop-filter:blur(6px);font-size:.92rem}
.dropchip i{width:12px;height:12px;border-radius:50%;background:var(--red);flex:0 0 auto}
.dropchip.on{border-color:var(--accent)}.dropchip.on i{background:var(--accent);box-shadow:0 0 0 4px rgba(141,198,63,.3)}
/* Mina sidor – enklare layout */
.nxh{display:flex;gap:22px;align-items:center;background:linear-gradient(135deg,#17224a,#0e1426);border:1px solid var(--accent);border-radius:22px;padding:22px 24px;margin:6px 0 26px;box-shadow:0 20px 50px -30px rgba(141,198,63,.5)}
.nxh .cdn{flex:0 0 120px;text-align:center;background:rgba(141,198,63,.14);border-radius:18px;padding:14px 8px}.nxh .cdn b{display:block;font:800 3.4rem/1 var(--ff-h);color:var(--accent)}.nxh .cdn small{color:#cfd6ee}
.nxh .nxi small{color:var(--accent);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.nxh h3{font-size:2rem;margin:4px 0 6px}.nxh p{color:#cfd6ee;margin-bottom:14px}
.nxh.empty{border-color:var(--line);box-shadow:none}
.sech{font:800 .8rem var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:26px 0 12px;font-family:var(--ff)}
.bk3{background:var(--card,#111833);border:1px solid var(--line);border-radius:18px;margin-bottom:12px;overflow:hidden}.bk3.ok{border-left:4px solid var(--accent)}.bk3.wait{border-left:4px solid var(--accent2)}.bk3.done{border-left:4px solid var(--blue)}.bk3.cx{border-left:4px solid var(--red)}
.bk3h{display:grid;grid-template-columns:60px 1fr auto 20px;gap:14px;align-items:center;width:100%;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:14px 16px;cursor:pointer}
.bk3h .dt{background:rgba(255,255,255,.06);border-radius:12px;padding:6px 0;text-align:center}.bk3h .dt b{display:block;font:800 1.6rem/1 var(--ff-h)}.bk3h .dt small{color:var(--mute);text-transform:uppercase;font-size:.68rem;letter-spacing:.1em}
.bk3h .mid b{display:block;font-size:1.05rem}.bk3h .mid small{color:var(--mute)}.bk3h .rt{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.bk3h .tot{font-size:1.05rem}
.bk3 .chev{transition:.2s;color:var(--mute)}.bk3.open .chev{transform:rotate(180deg)}
.bk3 .det{padding:0 18px 18px;border-top:1px solid var(--line)}.bk3 .det>*:first-child{margin-top:16px}
.bk3 .bkf{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.bk3 .lnk.danger{margin-left:auto;background:none;border:0;color:#ff8fa3;text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem}
.hist{margin-top:30px}.hist summary{cursor:pointer;color:var(--mute);font-weight:600;padding:10px 0}.hist .blist{margin-top:10px;opacity:.9}
.helpline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:34px;padding:16px 18px;border:1px solid var(--line);border-radius:16px}.helpline span{flex:1;min-width:160px;font-weight:600}
@media(max-width:700px){.nxh{flex-direction:column;align-items:flex-start}.nxh .cdn{flex:none;width:100%}.bk3h{grid-template-columns:52px 1fr 18px}.bk3h .rt{grid-column:2/3;grid-row:2;flex-direction:row;align-items:center;gap:10px}.bk3h .dt{grid-row:1/3}.bk3h .chev{grid-row:1/3;grid-column:3}}
.bk3 .det dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:14px 0}.bk3 .det dl dt{color:var(--mute);margin:0}.bk3 .det dl dd{margin:0;font-weight:600}
.bk3 .det .staff{display:block;margin:12px 0;padding:10px 14px;background:rgba(141,198,63,.1);border-radius:12px}.bk3 .det .staff b{display:block;margin-bottom:2px}