:root{
  --accent:#FF6A00;
  --accent-hover:#E35E00;
  --ink:#1A1712;
  --cream:#FAF6EF;
  --muted:#5A5448;
  --muted2:#8A8375;
  --line:#F0E9DC;
  --line2:#E3DCCC;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Schibsted Grotesk',system-ui,sans-serif;width:100%;overflow-x:clip}
a{color:var(--accent)}
a:hover{color:var(--accent-hover)}
img{max-width:100%}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}

@keyframes akFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes akFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(3deg)}}
@keyframes akFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(16px)}}
@keyframes akGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,106,0,.45)}50%{box-shadow:0 0 0 16px rgba(255,106,0,0)}}
@keyframes akShine{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes akPop{0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes akPulseDot{0%,100%{box-shadow:0 0 0 0 rgba(31,177,92,.5)}50%{box-shadow:0 0 0 7px rgba(31,177,92,0)}}
@keyframes akTextShine{0%{background-position:200% center}100%{background-position:-200% center}}

.ak-fade{opacity:0;animation:akFadeUp .7s cubic-bezier(.16,1,.3,1) forwards}
.ak-blob{filter:blur(44px);animation:akFloat 7s ease-in-out infinite}
.ak-blob2{filter:blur(50px);animation:akFloat2 8s ease-in-out infinite}

.ak-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}
.ak-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(20,16,8,.14)}

.ak-btn{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;cursor:pointer}
.ak-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.ak-btn-primary{position:relative;animation:akGlow 2.6s ease-in-out infinite}
.ak-btn-primary:hover{box-shadow:0 14px 30px rgba(255,106,0,.4)}

.ak-chip{transition:all .2s ease}
.ak-chip:hover{background:#FFF1E3;border-color:var(--accent);color:var(--accent)}
.ak-chip.is-active{background:var(--accent);color:#fff}

.ak-shot{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.ak-shot:hover{transform:scale(1.03) rotate(0deg) !important}

.ak-tag{background:linear-gradient(90deg,#FFE4CC,#FFF6EC,#FFE4CC);background-size:200% 100%;animation:akShine 3.5s linear infinite}

.ak-play{transition:transform .3s ease,box-shadow .3s ease}
.ak-video:hover .ak-play{transform:translate(-50%,-50%) scale(1.12)}
.ak-video:hover img{transform:scale(1.04)}
.ak-video img{transition:transform .5s cubic-bezier(.16,1,.3,1)}

.ak-dot{animation:akPop .4s ease both}

.ak-phone{position:relative;background:#FFFFFF;border-radius:26px;padding:16px 10px 10px;box-shadow:0 20px 45px rgba(20,16,8,.16),0 2px 8px rgba(20,16,8,.06);border:1px solid var(--line);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
.ak-phone::before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:46px;height:5px;border-radius:999px;background:#1A1712;opacity:.8}
.ak-phone img{border-radius:16px;display:block;width:100%}
.ak-phone:hover{box-shadow:0 28px 60px rgba(20,16,8,.22)}

/* Narrower phone variant used on the results gallery */
.ak-phone-sm{padding:14px 9px 9px;border-radius:22px;box-shadow:0 16px 36px rgba(20,16,8,.14),0 2px 8px rgba(20,16,8,.05)}
.ak-phone-sm::before{top:6px;width:40px}
.ak-phone-sm img{border-radius:14px}
.ak-phone-sm:hover{transform:translateY(-6px) rotate(0deg) !important;box-shadow:0 26px 54px rgba(20,16,8,.2)}

.ak-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1)}
.ak-collapse.ak-open{grid-template-rows:1fr}
.ak-collapse>div{overflow:hidden}
.ak-collapse .ak-collapse-inner{transition:opacity .3s ease .05s,transform .35s cubic-bezier(.16,1,.3,1)}
.ak-collapse:not(.ak-open) .ak-collapse-inner{opacity:0;transform:translateY(-6px)}

.ak-shine-text{background:linear-gradient(90deg,var(--accent) 20%,#FFD39B 40%,#FFB06B 50%,#FFD39B 60%,var(--accent) 80%);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:akTextShine 3.2s linear infinite;display:inline-block}

.ak-social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#FFFFFF;color:#1A1712;border:1px solid var(--line2);transition:all .2s ease;flex-shrink:0}
.ak-social:hover{background:var(--accent);color:#FFFFFF;border-color:var(--accent);transform:translateY(-2px)}

.ak-social-dark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);color:#D8D2C3;border:1px solid rgba(255,255,255,.14);transition:all .2s ease;flex-shrink:0}
.ak-social-dark:hover{background:var(--accent);color:#FFFFFF;border-color:var(--accent);transform:translateY(-3px)}

.ak-realphone{width:210px;aspect-ratio:9/19;background:#111;border-radius:36px;padding:8px;box-shadow:0 24px 48px rgba(20,16,8,.28);position:relative;flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.ak-realphone-screen{width:100%;height:100%;border-radius:28px;overflow:hidden;position:relative;background:#000}
.ak-realphone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.ak-realphone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:58px;height:18px;background:#111;border-radius:12px;z-index:3}
.ak-realphone-wrap:hover .ak-realphone{transform:translateY(-8px) rotate(0deg) !important}

.ak-back{transition:gap .2s ease,color .2s ease}
.ak-back:hover{color:#FFFFFF}

@keyframes akMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ak-marquee-track{display:flex;gap:18px;width:max-content;animation:akMarquee 56s linear infinite}
.ak-marquee-track-2{animation-direction:reverse}
.ak-marquee:hover .ak-marquee-track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ak-marquee-track{animation:none}}

.ak-tagpill{display:inline-block;background:#FFF1E3;color:#B8530A;font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-right:6px}

/* ---- "Velg din vei": Trader- og Affiliate-boksene kan bli like høye når begge er åpne
   (høyden settes av js/app.js; knappen ligger alltid nederst i boksen) ---- */
.ak-card[data-accordion]{display:flex;flex-direction:column;min-height:0;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease,min-height .3s ease}
.ak-card[data-accordion] .ak-collapse{flex:1 1 auto}
.ak-card[data-accordion] .ak-collapse>div{display:flex;flex-direction:column}
.ak-card[data-accordion] .ak-collapse-inner{flex:1 1 auto;display:flex;flex-direction:column}
.ak-card[data-accordion] .ak-collapse-inner>ul{flex:1 1 auto;align-content:space-between;margin-bottom:28px !important}
.ak-card[data-accordion] .ak-collapse-inner>.ak-btn{margin-top:0 !important;align-self:flex-start}

/* ---- Kun mobil (desktop er uendret) ---- */
@media (max-width:640px){
  .ak-realphone{width:170px}

  /* Meny: logo + NO/EN på første rad, menyvalgene kompakt på én rad under */
  .ak-nav{position:relative;gap:6px !important;padding:16px 0 4px !important}
  .ak-nav-links{flex:1 1 100%;flex-wrap:nowrap !important;justify-content:space-between;gap:0 !important;overflow-x:auto;scrollbar-width:none}
  .ak-nav-links::-webkit-scrollbar{display:none}
  .ak-nav-links .ak-chip{padding:8px 6px !important;font-size:14px;white-space:nowrap}
  .ak-nav-lang{position:absolute;top:17px;right:0;margin-left:0 !important}

  /* Telefon-showcase: de tre telefonene står side ved side */
  .ak-showcase{flex-wrap:nowrap !important;gap:6px !important;min-height:0 !important;align-items:flex-end !important}
  .ak-showcase .ak-realphone-wrap{flex:1 1 0;min-width:0;padding-top:32px !important}
  .ak-showcase .ak-realphone-wrap:nth-child(2){flex-grow:1.12}
  .ak-showcase .ak-realphone{width:100% !important;border-radius:20px;padding:4px;box-shadow:0 12px 24px rgba(20,16,8,.26)}
  .ak-showcase .ak-realphone-screen{border-radius:16px}
  .ak-showcase .ak-realphone-notch{top:5px;width:30%;height:9px;border-radius:8px}
  .ak-sc-label{font-size:13px !important}

  /* Resultatgalleri: 2 kolonner i stedet for 1 */
  .ak-gallery{columns:2 !important;column-gap:12px !important}
  .ak-gallery figure{margin-bottom:18px !important}
  .ak-gallery figcaption{font-size:12px !important;padding-top:8px !important}
  .ak-gallery .ak-tagpill{font-size:10px;padding:2px 7px;margin-right:4px}
}

/* Meny på små telefoner (360 px og smalere) */
@media (max-width:380px){
  .ak-nav-links .ak-chip{padding:8px 4px !important;font-size:13.5px}
}
@media (max-width:340px){
  .ak-nav>a:first-child{font-size:17px !important}
}