:root{--red:#d90000;--red-dark:#b90000;--ink:#071126;--muted:#667085;--line:#e7eaf0;--soft:#fff;--white:#fff;--max:1180px;--shadow:0 18px 45px rgba(7,17,38,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:34px}.logo img{height:54px;width:auto}.menu{display:flex;gap:48px;align-items:center;font-weight:700}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--red);transform:scaleX(0);transition:.2s}.menu a:hover:after,.menu a.active:after{transform:scaleX(1)}.mobile-toggle{display:none;background:transparent;border:0;font-size:30px}.btn{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--ink);padding:14px 24px;font-weight:800;border-radius:3px;transition:.2s}.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.hero{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;background:#fff}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 58%,rgba(255,255,255,.45) 82%,rgba(255,255,255,.95) 100%)}.hero-content{position:relative;z-index:2;max-width:820px;padding:80px 0}.eyebrow{color:var(--red);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:18px 0 26px;font-weight:800;letter-spacing:-.045em}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.section{padding:92px 0}.section.light{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:42px}.section h2{font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-.04em;margin:0}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.product-card{min-height:340px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.product-card:hover{transform:translateY(-6px)}.product-card .img-wrap{height:220px;display:flex;align-items:end;justify-content:center}.product-card img{max-height:210px;width:100%;object-fit:contain}.product-card h3{font-size:30px;line-height:1.1;margin:20px 0 6px;letter-spacing:-.03em}.arrow{color:var(--red);font-size:38px;line-height:1}.feature-panels{display:grid;grid-template-columns:1fr 1fr;gap:28px}.feature-panel{background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr;min-height:260px}.feature-panel img{height:280px;width:100%;object-fit:cover}.feature-panel .copy{padding:36px}.feature-panel h3{font-size:30px;line-height:1.1;margin:0 0 12px}.feature-panel p{color:var(--muted);margin:0 0 22px}.page-hero{padding:82px 0 56px;background:#fff;border-bottom:1px solid var(--line)}.page-hero p{font-size:20px;color:var(--muted);max-width:720px}.product-hero{padding:60px 0 30px}.product-hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.product-title{font-size:clamp(60px,10vw,126px);font-weight:900;font-style:italic;letter-spacing:-.07em;line-height:.85;margin:0}.redline{height:6px;background:var(--red);width:240px;margin:18px 0 26px}.product-sub{font-size:34px;font-weight:900;line-height:1.05;text-transform:uppercase;margin:0}.product-sub span{color:var(--red);display:block}.product-main-img{width:100%;max-height:520px;object-fit:contain}.spec-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.spec-icon{text-align:center;padding:18px;background:#fff;border:1px solid var(--line)}.spec-icon img{height:46px;object-fit:contain;margin:0 auto 10px}.spec-icon strong{display:block;font-size:24px}.text-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.lead{font-size:21px;color:#273348}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.detail-card img{height:220px;width:100%;object-fit:contain}.detail-card h3{font-size:23px;margin:18px 0 8px}.detail-card p{color:var(--muted)}.data-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:var(--shadow)}.data-table th,.data-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left}.data-table th{background:#fff}.downloads{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.download-card{border:1px solid var(--line);background:#fff;padding:30px;box-shadow:var(--shadow)}.download-card h3{font-size:28px;margin:0 0 8px}.download-card p{color:var(--muted)}.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.image-banner{height:430px;overflow:hidden}.image-banner img{width:100%;height:100%;object-fit:cover}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.contact-card{background:#fff;border:1px solid var(--line);padding:34px;box-shadow:var(--shadow)}.contact-card h3{font-size:28px;margin-top:0}.site-footer{background:#fff;border-top:5px solid var(--red);padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:34px}.footer-logo{height:48px;margin-bottom:18px}.footer-col h4{margin:0 0 14px}.footer-col a,.footer-col p{display:block;color:#485468;margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;color:#667085;font-size:14px}.soon{height:190px;display:flex;align-items:center;justify-content:center;background:transparent;font-size:30px;font-weight:800;color:#8a93a3}.small-image{max-height:310px}.anchor-offset{scroll-margin-top:110px}@media(max-width:900px){.mobile-toggle{display:block}.menu{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:24px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero{min-height:560px}.hero-media:after{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 45%,rgba(255,255,255,.65) 78%,rgba(255,255,255,.96) 100%)}.products-grid,.feature-panels,.product-hero-grid,.text-grid,.detail-grid,.downloads,.contact-grid,.footer-grid{grid-template-columns:1fr}.feature-panel{grid-template-columns:1fr}.feature-panel img{height:240px}.footer-bottom{flex-direction:column;gap:10px}.nav{height:78px}.logo img{height:54px}.menu{top:78px}}


/* v7 adjustments */
.hero-content{margin-left:auto;margin-right:0;max-width:620px;transform:translateX(80px);}
@media(max-width:900px){.hero-content{transform:none;margin-left:auto;margin-right:auto;}}


.hero-content-right{
  transform: translateX(-30px);
}

/* Uppdatering: vit slogan och ingen vit fade över första bilden */
.hero-media:after{display:none!important;background:none!important;}
.hero h1{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.35);}


/* Transparent toppmeny över startsidans hero, vit efter första bilden */
.home-page .site-header{
  position:fixed;
  left:0;
  right:0;
  top:0;
  background:transparent;
  border-bottom-color:transparent;
  backdrop-filter:none;
  transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.home-page .site-header .menu a{color:#fff;transition:color .25s ease;}
.home-page .site-header .mobile-toggle{color:#fff;transition:color .25s ease;}
.home-page .site-header.header-scrolled{
  background:#fff;
  border-bottom-color:var(--line);
  box-shadow:0 4px 18px rgba(7,17,38,.08);
  backdrop-filter:saturate(180%) blur(16px);
}
.home-page .site-header.header-scrolled .menu a,
.home-page .site-header.header-scrolled .mobile-toggle{color:var(--ink);}

/* Sloganen ska ligga till vänster på den stora första bilden */
.home-page .hero-content{
  margin-left:0!important;
  margin-right:auto!important;
  transform:none!important;
  max-width:620px;
}

@media(max-width:900px){
  .home-page .site-header .menu{
    background:#fff;
    border-bottom:1px solid var(--line);
  }
  .home-page .site-header .menu a{color:var(--ink);}
  .home-page .hero-content{margin-left:0!important;margin-right:auto!important;}
}


/* Korrigering: behåll originaltypsnitt, flytta hero-text åt höger och menytext ned */
.home-page .hero-content{
  margin-left:auto!important;
  margin-right:0!important;
  transform:none!important;
  max-width:560px;
  text-align:left;
}
.home-page .site-header .menu{
  transform:translateY(5px);
}
@media(max-width:900px){
  .home-page .hero-content{
    margin-left:auto!important;
    margin-right:0!important;
    max-width:min(560px,100%);
  }
  .home-page .site-header .menu{transform:none;}
}


/* Hero: endast Våra produkter-knappen, centrerad */
.home-page .hero-actions-centered{
  justify-content:center;
  width:100%;
}

/* Korrigering för mobil: håll personen synlig och centrera produktknappen */
.home-page .hero-actions.hero-actions-centered{
  display:flex;
  width:100%;
  justify-content:center!important;
  align-items:center;
}

@media (max-width:900px){
  .home-page .hero-media img{
    object-fit:cover;
    object-position:28% center!important;
  }
  .home-page .hero-content{
    width:100%;
    max-width:100%!important;
  }
  .home-page .hero-actions.hero-actions-centered{
    justify-content:center!important;
  }
}

@media (max-width:520px){
  .home-page .hero-media img{
    object-position:27% center!important;
  }
  .home-page .hero-actions.hero-actions-centered .btn{
    margin-left:auto;
    margin-right:auto;
  }
}

/* Mobil: centrera all text ovanpå hero-bilden rad för rad */
@media (max-width:900px){
  .home-page .hero-content{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .home-page .hero-content h1,
  .home-page .hero-content p,
  .home-page .hero-content .eyebrow{
    text-align:center!important;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width: 1024px){.hero-content{max-width:640px}.hero h1{max-width:620px;display:block;}}


/* Desktop: hero-rubriken ska alltid visas på exakt två rader */
@media (min-width: 901px){
  .home-page .hero-content{
    width:700px!important;
    max-width:700px!important;
  }
  .home-page .hero-content h1{
    width:700px!important;
    max-width:none!important;
    font-size:clamp(42px,4.7vw,60px)!important;
    text-align:center!important;
  }
  .home-page .hero-content .hero-title-line{
    white-space:nowrap;
  }
}

/* Produktmeny med klickbara maskinförhandsvisningar */
.nav-products{
  position:relative;
}

.products-trigger{
  display:flex;
  align-items:center;
  gap:7px;
}

.products-trigger::before{
  display:none;
}

.nav-products::after{
  content:"";
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:24px;
}

.products-chevron{
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s ease;
}

.product-preview{
  position:absolute;
  top:calc(100% + 22px);
  left:50%;
  width:430px;
  padding:12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 22px 55px rgba(7,17,38,.18);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}

.nav-products:hover .product-preview,
.nav-products:focus-within .product-preview{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

.nav-products:hover .products-chevron,
.nav-products:focus-within .products-chevron{
  transform:rotate(225deg) translate(-2px,-2px);
}

.product-preview-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:150px;
  padding:16px 12px;
  border-radius:10px;
  transition:background .18s ease,transform .18s ease;
}

.product-preview-link::after{display:none!important;}
.product-preview-link:hover,
.product-preview-link:focus-visible{
  background:#f5f6f7;
  transform:translateX(3px);
}

.product-preview-link img{
  width:155px;
  height:92px;
  object-fit:contain;
}

.product-preview-copy strong{
  display:block;
  color:#000;
  font-size:20px;
  line-height:1.2;
  text-align:center;
}

.product-preview-copy span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  font-weight:600;
}

.product-preview-arrow{
  color:var(--red);
  font-size:24px;
}

@media(max-width:900px){
  .nav-products{width:100%;}
  .products-trigger{width:max-content;}
  .nav-products::after{display:none;}
  .product-preview{
    position:static;
    width:100%;
    margin-top:12px;
    padding:8px;
    border-radius:10px;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
    background:#f7f8f9;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-preview-link{
    min-height:118px;
    padding:8px;
  }
  .product-preview-link img{width:104px;height:68px;}
  .product-preview-copy strong{font-size:17px;}
}

/* Produktsidor: stor centrerad andrabild med beskrivningen under */
.product-hero + .section .text-grid{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:38px;
  text-align:center;
}

.product-hero + .section .text-grid > img{
  order:1!important;
  width:min(1080px,100%);
  max-height:none;
  margin:0 auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 30px rgba(7,17,38,.12));
}

.product-hero + .section .text-grid > div{
  order:2;
  width:min(780px,100%);
  margin:0 auto;
  text-align:center;
}

.product-hero + .section .text-grid > div > h2{
  display:none;
}

.product-hero + .section .text-grid .lead{
  margin:0 auto 26px;
  text-align:center;
}

.product-hero + .section .text-grid .btn{
  margin-inline:auto;
}

@media(max-width:900px){
  .product-hero + .section .text-grid{gap:28px;}
  .product-hero + .section .text-grid > img{width:100%;}
}

/* Produktbilder på nedladdningssidan */
.download-product-image{
  width:100%;
  height:230px;
  margin:0 auto 22px;
  object-fit:contain;
  object-position:center;
}

@media(max-width:600px){
  .download-product-image{height:190px;}
}

/* Enhetliga nedladdningsknappar under produktbeskrivningarna */
.product-download-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.product-download-actions .btn{
  min-width:210px;
  justify-content:center;
}

@media(max-width:520px){
  .product-download-actions{align-items:stretch;}
  .product-download-actions .btn{width:100%;}
}

/* Tekniska specifikationer från respektive bruksanvisning */
.product-spec-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:34px;
}

.product-spec-card{
  min-height:94px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:14px 10px;
  text-align:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 8px 22px rgba(7,17,38,.06);
}

.product-spec-card strong{
  display:block;
  color:var(--ink);
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.025em;
}

.product-spec-card span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}

@media(max-width:1100px){
  .product-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:480px){
  .product-spec-grid{gap:8px;}
  .product-spec-card{min-height:88px;padding:12px 8px;}
  .product-spec-card strong{font-size:18px;}
}

.data-table-wrap{
  width:100%;
  margin-top:28px;
  overflow-x:auto;
  border-radius:4px;
  box-shadow:var(--shadow);
  -webkit-overflow-scrolling:touch;
}

.data-table-wrap .data-table{
  min-width:720px;
  box-shadow:none;
}

.spare-parts-card{
  max-width:820px;
  margin-inline:auto;
  padding:48px;
  text-align:center;
}

.spare-parts-card h2{
  margin:12px 0 18px;
}

.spare-parts-card .lead{
  max-width:650px;
  margin:0 auto 28px;
}

@media(max-width:600px){
  .spare-parts-card{padding:32px 22px;}
}

/* Interaktiv 360-gradersvy på Pulse-sidan */
.product-hero + .section{
  overflow:hidden;
}

.product-hero + .section .text-grid > .pulse-turntable{
  order:1!important;
  position:relative;
  left:50%;
  width:122vw;
  max-width:none;
  margin:0 auto;
  transform:translateX(-50%);
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  cursor:grab;
  touch-action:pan-y pinch-zoom;
  user-select:none;
  -webkit-user-select:none;
}

.pulse-turntable:active{cursor:grabbing;}
.pulse-turntable:focus-visible{
  outline:none;
}

.pulse-turntable::before{
  content:"";
  position:absolute;
  top:30px;
  left:calc(11vw + 30px);
  z-index:3;
  display:grid;
  place-items:center;
  width:120px;
  height:110px;
  background:url("../img/icon-360.png") center/contain no-repeat;
  box-shadow:none;
  pointer-events:none;
}

.pulse-turntable::after{
  display:none;
}

@media(max-width:900px){
  .product-hero + .section .text-grid > .pulse-turntable{
    width:145vw;
    touch-action:pinch-zoom;
  }

  .pulse-turntable::before{
    top:18px;
    left:calc(22.5vw + 4px);
    width:76px;
    height:70px;
  }
}

.pulse-turntable-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3840/2033;
  object-fit:contain;
  pointer-events:none;
}

.pulse-turntable-canvas{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3840/2033;
  pointer-events:none;
}

.pulse-turntable-canvas[hidden]{display:none;}
.pulse-turntable.is-canvas-ready .pulse-turntable-image{display:none;}

.spec-icon > span{
  display:none;
}

.eyebrow{
  display:none!important;
}

.product-title{
  width:max-content;
  max-width:100%;
}

.product-hero + .section .text-grid > .product-description{
  order:2;
  width:min(780px,100%);
  margin:0 auto;
  text-align:center;
}

.product-hero + .section .text-grid:has(.pulse-turntable){
  gap:14px!important;
}

.product-hero + .section .text-grid:has(.pulse-turntable) > .product-description{
  margin-top:-180px!important;
  position:relative;
  z-index:2;
}

@media(max-width:900px){
  .product-hero + .section .text-grid:has(.pulse-turntable) > .product-description{
    margin-top:-45px!important;
  }
}

/* Samma innehållsordning på samtliga produktsidor */
.product-hero + .section .text-grid{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:1fr!important;
}

.product-hero + .section .text-grid > img{
  order:1!important;
}

.product-hero + .section .text-grid > div{
  order:2!important;
  text-align:center!important;
}

/* Mobil: visa endast länken Produkter, utan förhandsvisningskort */
@media(max-width:900px){
  .nav-products .product-preview{
    display:none!important;
  }

  .menu{
    gap:0;
    align-items:stretch;
  }

  .menu > a,
  .menu .nav-products,
  .menu .products-trigger{
    display:block;
    width:100%;
  }

  .menu > a,
  .menu .products-trigger{
    padding:14px 0;
  }

  .nav-products .products-chevron{
    display:none;
  }
}

@media(max-width:600px){
  .product-hero{
    padding-top:36px;
  }

  .product-title{
    font-size:50px;
  }

  .product-sub{
    font-size:23px;
  }

  .redline{
    width:145px;
    height:4px;
    margin:14px 0 20px;
  }

  .spec-icons{
    gap:10px;
    margin-top:24px;
  }

  .spec-icon{
    padding:10px 8px;
  }

  .spec-icon img{
    height:34px;
    margin-bottom:7px;
  }

  .spec-icon strong{
    font-size:18px;
  }
}
