/* DJ FLUFFY shared header/footer — clean recovery */
.site-shell-header{
  height:110px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line,#2b2b28);gap:24px
}
.site-shell-logo{
  display:block;position:relative;width:190px;height:44px;overflow:hidden;
  background:#000;flex:0 0 auto;cursor:pointer
}
.site-shell-logo img{
  position:absolute;width:121%;max-width:none;height:auto;left:-10.5%;top:50%;
  transform:translateY(-50%);display:block
}
.site-shell-nav{display:flex;gap:32px;align-items:center;font-size:14px;white-space:nowrap}
.site-shell-nav>a:hover,.site-shell-nav>a[aria-current="page"]{color:var(--gold,#d7bd7e)}
.mobile-home-link{display:none}

.site-shell-languages{
  display:inline-flex;align-items:center;gap:2px;padding:3px;
  border:1px solid rgba(215,189,126,.32);background:#10100f;border-radius:999px
}
.site-shell-languages button{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;
  padding:6px 9px;border:0;border-radius:999px;background:transparent;color:#a5a5a0;
  font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1
}
.site-shell-languages button[aria-pressed=true]{background:var(--gold,#d7bd7e);color:#090909}
.site-shell-languages button span[aria-hidden=true]{font-size:13px;line-height:1}

.instagram-link{display:inline-flex;align-items:center;gap:7px}
.instagram-icon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 15px}
.instagram-icon svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.instagram-icon .instagram-dot{fill:currentColor;stroke:none}

[data-site-header]{
  position:sticky;top:0;z-index:1000;display:block;background:rgba(5,5,5,.96);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.site-shell-header.is-scrolled{height:78px;border-bottom-color:rgba(215,189,126,.22)}
.site-shell-header.is-scrolled .site-shell-logo{width:160px;height:38px}

/* Logo stays static — no HOME label, zoom, glow or animation */
.site-shell-logo,.site-shell-logo:hover,.site-shell-logo:focus{filter:none;animation:none}
.site-shell-logo::before,.site-shell-logo::after{content:none!important;display:none!important}

.site-mobile-menu-toggle{
  display:none;width:38px;height:38px;padding:9px;border:0;background:transparent;
  color:var(--foreground,#f6f6f3);cursor:pointer
}
.site-mobile-menu-toggle span{
  display:block;width:20px;height:1px;margin:4px auto;background:currentColor;
  transform-origin:center;transition:transform .18s ease,opacity .18s ease
}

.site-shell-footer{
  margin:0 5.5%;padding:36px 0;display:flex;align-items:center;justify-content:space-between;
  gap:24px;font-size:12px;color:var(--muted,#a5a5a0);border-top:1px solid var(--line,#2b2b28)
}
.site-shell-footer-name{font-size:22px;font-weight:900;color:var(--foreground,#f6f6f3);letter-spacing:-.04em}
.site-shell-footer-links{display:flex;gap:20px;align-items:center}
.site-shell-footer a:hover{color:var(--gold,#d7bd7e)}

.availability-line{
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:16px 0 0;
  font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted,#a5a5a0)
}
.availability-line .availability-dot{color:#656560}
.availability-line .availability-worldwide{color:var(--gold,#d7bd7e)}

@media(min-width:1700px){
  .site-shell-header,.site-shell-footer{max-width:1602px;margin-left:auto;margin-right:auto}
}

@media(max-width:800px){
  [data-site-header]{position:sticky;top:0;z-index:1000}
  .site-shell-header,.site-shell-header.is-scrolled{
    position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;
    min-height:76px;height:76px;padding:0;gap:12px
  }
  .site-shell-logo,.site-shell-header.is-scrolled .site-shell-logo{
    width:150px;height:35px;grid-column:1;grid-row:1
  }
  .site-mobile-menu-toggle{display:block;grid-column:3;grid-row:1;z-index:3}
  .site-shell-nav{
    position:absolute;left:-5.85%;right:-5.85%;top:100%;display:grid;grid-template-columns:1fr;
    gap:0;padding:10px 5.5% 18px;background:rgba(5,5,5,.99);
    border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid var(--line,#2b2b28);
    opacity:0;visibility:hidden;transform:translateY(-7px);pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;white-space:normal
  }
  .site-menu-open .site-shell-nav{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .site-shell-nav>a,.mobile-home-link{
    display:flex!important;align-items:center;min-height:50px;padding:0;
    border-bottom:1px solid rgba(255,255,255,.07);font-size:13px;letter-spacing:.04em
  }
  .site-shell-nav>a[aria-current="page"]{border-bottom-color:rgba(215,189,126,.35)}
  .site-shell-nav .instagram-link{gap:8px}

  /* Segmented language switch lives only inside hamburger menu */
  .site-shell-languages,.site-shell-nav .site-shell-languages{
    position:static;display:grid;grid-template-columns:auto auto auto;align-items:center;
    justify-content:start;column-gap:0;width:100%;margin:14px 0 0;padding:15px 0 0;
    border:0;border-top:1px solid rgba(255,255,255,.09);border-radius:0;background:transparent
  }
  .site-shell-languages::before{
    content:"SPRÅK";margin-right:18px;color:#656560;font-size:9px;font-weight:700;letter-spacing:.16em
  }
  html[lang="en"] .site-shell-languages::before{content:"LANGUAGE"}
  .site-shell-languages button{
    min-width:58px;min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.16);
    border-radius:0;background:transparent;color:#8d8d88;line-height:30px;text-align:center
  }
  .site-shell-languages button:first-of-type{border-radius:16px 0 0 16px;border-right:0}
  .site-shell-languages button:last-of-type{border-radius:0 16px 16px 0}
  .site-shell-languages button[aria-pressed=true]{
    color:#080808;background:var(--gold,#d7bd7e);border-color:var(--gold,#d7bd7e)
  }
  .site-mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .site-mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .site-mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .site-shell-footer{flex-wrap:wrap}
  .site-shell-footer-tagline{display:none}
  .availability-line{font-size:10px;gap:7px}
}

@media(max-width:420px){
  .site-shell-logo,.site-shell-header.is-scrolled .site-shell-logo{width:140px;height:33px}
  .site-shell-footer{align-items:flex-start;flex-direction:column}
  .site-shell-footer-links{display:flex;flex-wrap:wrap;gap:12px 18px}
}

@media(prefers-reduced-motion:reduce){
  .site-shell-nav,.site-mobile-menu-toggle span{transition:none!important}
}/* Preview: refined hero availability placement */
.availability-line{
  margin:0 0 18px;
  display:inline-flex;
  width:auto;
  flex-wrap:nowrap;
  gap:8px;
  white-space:nowrap;
  align-items:center;
}
.availability-line .availability-dot{
  display:inline-block;
  flex:0 0 auto;
}
@media(max-width:520px){
  .availability-line{
    font-size:9px;
    letter-spacing:.10em;
    gap:6px;
    max-width:100%;
  }
}/* Preview V3: hero tagline + footer availability */
.hero-tagline{
  margin:14px 0 0;
}
.site-shell-footer-availability{
  font-size:10px;
  font-weight:700;
  letter-spacing:.10em;
  white-space:nowrap;
  color:var(--muted,#a5a5a0);
}
.site-shell-footer-availability strong{
  color:var(--gold,#d7bd7e);
  font-weight:700;
}
@media(max-width:800px){
  .site-shell-footer-availability{
    width:100%;
    white-space:normal;
  }
}/* Preview V4: custom globe for worldwide availability */
.site-shell-footer-availability{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.site-shell-footer-availability strong{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.worldwide-icon{
  width:13px;
  height:13px;
  flex:0 0 13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:800px){
  .site-shell-footer-availability{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
  }
}/* V5 preview — live-layout refinement, desktop + mobile */

/* Hero metadata is one line on desktop */
.hero .hero-meta{
  justify-content:flex-start;
  gap:10px;
  width:100%;
  white-space:nowrap;
}
.hero-meta-dot{
  color:#666660;
  flex:0 0 auto;
}

/* Footer availability: compact and aligned, without changing footer height/layout */
.footer-location,
.footer-worldwide{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.norway-icon{
  width:15px;
  height:11px;
  flex:0 0 15px;
  display:block;
}
.footer-worldwide{
  color:var(--gold,#d7bd7e);
  font-weight:700;
}
.worldwide-icon{
  width:13px;
  height:13px;
  flex:0 0 13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Tablet: allow footer groups to breathe instead of squeezing */
@media(max-width:1100px){
  .site-shell-footer{
    flex-wrap:wrap;
    row-gap:18px;
  }
  .site-shell-footer-availability{
    order:3;
  }
  .site-shell-footer-links{
    order:4;
  }
}

/* Mobile: preserve hierarchy, avoid ugly orphan dots and tiny text */
@media(max-width:800px){
  .hero .hero-meta{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:5px 7px;
    white-space:normal;
    max-width:100%;
    line-height:1.45;
  }
  .hero-meta-dot{
    display:none;
  }
  .hero .hero-meta span:not(.hero-meta-dot){
    white-space:nowrap;
  }

  .site-shell-footer{
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
    gap:14px;
    padding:28px 0;
  }
  .site-shell-footer-name{
    font-size:20px;
  }
  .site-shell-footer-tagline{
    display:block;
    font-size:10px;
    letter-spacing:.12em;
  }
  .site-shell-footer-availability{
    display:flex;
    width:100%;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:9px;
    letter-spacing:.09em;
  }
  .footer-location,
  .footer-worldwide{
    white-space:nowrap;
  }
  .site-shell-footer-links{
    display:flex;
    width:100%;
    flex-wrap:wrap;
    gap:10px 18px;
    padding-top:4px;
  }
  .site-shell-footer-copyright{
    font-size:10px;
  }
}

/* Very small phones: location/worldwide stack cleanly, no separator left alone */
@media(max-width:390px){
  .site-shell-footer-availability{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .footer-availability-dot{
    display:none;
  }
  .hero .hero-meta{
    gap:3px 10px;
  }
}/* V6 preview — simplified, harmonized footer */
.site-shell-footer{
  display:grid;
  grid-template-columns:auto minmax(max-content,1fr) auto auto;
  align-items:center;
  column-gap:clamp(28px,4vw,72px);
  row-gap:16px;
}
.site-shell-footer-name{
  margin:0;
  white-space:nowrap;
}
.site-shell-footer-availability{
  display:flex;
  align-items:center;
  justify-self:center;
  gap:8px;
  width:auto;
  margin:0;
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.10em;
  white-space:nowrap;
}
.footer-location,
.footer-worldwide{
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1;
  white-space:nowrap;
}
.norway-icon{
  width:14px;
  height:auto;
  flex:0 0 14px;
}
.worldwide-icon{
  width:13px;
  height:13px;
  flex:0 0 13px;
}
.footer-availability-dot{
  opacity:.55;
}
.site-shell-footer-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(14px,1.5vw,24px);
  white-space:nowrap;
}
.site-shell-footer-links a{
  font-size:10px;
  line-height:1;
}
.site-shell-footer-copyright{
  justify-self:end;
  font-size:10px;
  line-height:1;
  white-space:nowrap;
}

/* Tablet: two balanced rows instead of squeezing four groups */
@media(max-width:1100px){
  .site-shell-footer{
    grid-template-columns:auto 1fr auto;
    column-gap:28px;
  }
  .site-shell-footer-name{grid-column:1}
  .site-shell-footer-availability{
    grid-column:2;
    justify-self:start;
  }
  .site-shell-footer-copyright{grid-column:3}
  .site-shell-footer-links{
    grid-column:1 / -1;
    grid-row:2;
    justify-content:flex-start;
  }
}

/* Mobile: intentional stack with consistent vertical rhythm */
@media(max-width:800px){
  .site-shell-footer{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
    padding-top:26px;
    padding-bottom:26px;
  }
  .site-shell-footer-name{
    font-size:19px;
    line-height:1;
  }
  .site-shell-footer-availability{
    justify-self:auto;
    font-size:9px;
    gap:7px;
    line-height:1.2;
  }
  .site-shell-footer-links{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px 18px;
    padding:2px 0 0;
  }
  .site-shell-footer-links a,
  .site-shell-footer-copyright{
    font-size:10px;
  }
  .site-shell-footer-copyright{
    margin-top:1px;
  }
}

@media(max-width:390px){
  .site-shell-footer-availability{
    flex-direction:row;
    flex-wrap:wrap;
    gap:7px;
  }
  .footer-location,
  .footer-worldwide{
    white-space:nowrap;
  }
  .footer-availability-dot{
    display:inline;
  }
}/* V7 polish */
.norway-icon{
  display:inline-block !important;
  width:16px !important;
  height:12px !important;
  min-width:16px;
  overflow:visible;
  vertical-align:middle;
}
.site-shell-footer-links .instagram-icon{
  display:none !important;
}/* V8: force inline Norway SVG to render consistently in file:// Safari */
.footer-location{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
}
.footer-location .norway-icon{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:18px !important;
  height:13px !important;
  min-width:18px !important;
  flex:0 0 18px !important;
  object-fit:contain;
}