:root{--red:#9b0b00;--red-d:#7a0800;--dark:#161922;--dark-2:#22262f;--ink:#111;--muted:#5f6370;--muted-2:#73748c;--line:#e3e3e6;--grey:#efefef;--grey-2:#f7f7f8;--white:#fff;
--head:"Orbitron","Poppins",Arial,sans-serif;--body:"Poppins",Helvetica,Arial,sans-serif;--r:3px;--w:1180px;--sh:0 8px 30px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--head);margin:0;line-height:1.15;text-wrap:balance;font-weight:600}
h1{font-size:clamp(32px,4.4vw,52px)}h2{font-size:clamp(26px,3vw,36px)}h3{font-size:19px}h4{font-size:16px}
p{margin:0}a{color:var(--red)}img{max-width:100%;display:block}button{font:inherit}
.container{max-width:var(--w);margin:0 auto;padding:0 24px}
.section{padding:80px 0}.section.tight{padding:56px 0}.section.grey{background:var(--grey)}.section.dark{background:var(--dark);color:#fff}
.section.dark h2,.section.dark h3{color:#fff}
.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}
.lead{font-size:18px;color:var(--muted);max-width:64ch}
.sec-head{margin-bottom:40px;max-width:720px}.sec-head.center{margin-left:auto;margin-right:auto}
.sec-head p{color:var(--muted);margin-top:12px}
.kicker{display:inline-block;font-family:var(--head);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:12px;font-weight:600}
.num{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:var(--r);border:1px solid transparent;font-weight:500;font-size:15px;cursor:pointer;text-decoration:none;line-height:1.2;transition:.15s;white-space:nowrap;font-family:var(--body)}
.btn:focus-visible{outline:3px solid #f2b3ad;outline-offset:2px}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-d)}
.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:#000}
.btn-white{background:#fff;color:var(--ink);border-color:#d5d5d8}.btn-white:hover{border-color:var(--ink)}
.btn-ghost{background:transparent;color:var(--red);padding-left:0;padding-right:0}.btn-ghost:hover{text-decoration:underline}
.btn-sm{padding:9px 16px;font-size:14px}.btn-lg{padding:16px 30px;font-size:16px}.btn-block{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* top bar + header (som på jydsk-bil-indretning.dk) */
.topbar{background:var(--dark);color:#fff;font-size:14px}
.topbar .container{display:flex;align-items:center;gap:22px;height:38px}
.topbar a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}
.topbar .fusion-note{margin-left:auto;color:#c9ccd4}.topbar .fusion-note b{color:#fff;font-weight:500}.topbar .fusion-note a{display:inline;color:#fff;text-decoration:underline;margin-left:6px}
.header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 0 var(--line)}
.header .container{display:flex;align-items:center;gap:20px;height:86px}
.logo{cursor:pointer;flex:none}.logo img{height:64px;width:auto}
.nav{display:flex;gap:2px;flex:1;justify-content:center;align-items:center;min-width:0}
.nav>a,.nav .dd>a{white-space:nowrap;padding:10px 10px;text-decoration:none;color:var(--muted-2);font-weight:500;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.15s}
.nav>a:hover,.nav .dd>a:hover,.nav>a.active,.nav .dd.active>a{color:var(--ink)}
.nav .dd{position:relative}
.nav .dd .menu{position:absolute;top:100%;left:0;background:#fff;box-shadow:var(--sh);border:1px solid var(--line);min-width:230px;padding:8px 0;display:none;z-index:70}
.nav .dd:hover .menu,.nav .dd:focus-within .menu{display:block}
.nav .dd .menu a{display:block;padding:9px 18px;color:var(--ink);text-decoration:none;font-size:14px;cursor:pointer}.nav .dd .menu a:hover{background:var(--grey);color:var(--red)}
.new{display:inline-block;background:var(--red);color:#fff;font-family:var(--head);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;border-radius:2px;line-height:1;margin-left:2px;vertical-align:middle;position:relative;top:-1px}
.header-tools{display:flex;align-items:center;gap:10px;flex:none}
.cart-btn{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.cart-btn:hover{border-color:var(--ink)}
.cart-badge{position:absolute;top:-7px;right:-7px;background:var(--red);color:#fff;font-size:11px;font-weight:600;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;padding:0 5px}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:var(--r);width:44px;height:44px;cursor:pointer}.burger span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto}
.mobile-nav{display:none;background:#fff;border-bottom:1px solid var(--line)}.mobile-nav.show{display:block}
.mobile-nav a{display:block;padding:13px 24px;border-bottom:1px solid var(--line);font-weight:500;text-decoration:none;color:var(--ink);cursor:pointer}
.carbar{background:#fff6f5;border-bottom:1px solid #f1d5d2;font-size:14px;padding:8px 0;display:none}.carbar.show{display:block}
.carbar .container{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.carbar button{background:none;border:0;color:var(--red);text-decoration:underline;cursor:pointer;font-size:14px}
.page{display:none}.page.active{display:block}

/* hero */
.hero{position:relative;color:#fff;min-height:640px;display:flex;align-items:center;overflow:hidden;background:var(--dark)}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center 40%}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,18,.78) 0%,rgba(10,12,18,.55) 55%,rgba(10,12,18,.35) 100%)}
.hero .container{position:relative;display:grid;grid-template-columns:1fr;gap:48px;align-items:center;padding-top:72px;padding-bottom:72px;max-width:var(--w)}
.hero h1,.hero .sub,.hero p.lead{max-width:760px}
.hero h1{color:#fff;font-weight:500;margin-bottom:14px}
.hero .sub{font-family:var(--head);font-weight:500;font-size:clamp(20px,2.4vw,30px);margin-bottom:8px}
.hero p.lead{color:#e7e9ee;margin-bottom:26px}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-facts{display:flex;gap:34px;margin-top:34px;flex-wrap:wrap}
.hero-facts strong{display:block;font-family:var(--head);font-size:22px;font-weight:600}.hero-facts span{font-size:13px;color:#c9ccd4}

/* nummerplade-opslag */
.plate{background:#fff;color:var(--ink);border-radius:6px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.plate h3{margin-bottom:4px;font-size:18px}.plate .hint{color:var(--muted);font-size:14px;margin-bottom:16px}
.plate-row{display:flex;gap:10px}
.plate-input{flex:1;display:flex;border:2px solid #111;border-radius:5px;overflow:hidden;background:#fff}
.plate-input .eu{background:#003399;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 9px;letter-spacing:.06em;line-height:1.2;text-align:center}
.plate-input .eu i{display:block;font-style:normal;color:#ffcc00;font-size:14px;letter-spacing:0}
.plate-input input{border:0;flex:1;font-family:var(--head);font-weight:600;font-size:24px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;min-width:0;outline:none;color:#111}
.plate-input input::placeholder{color:#b5b7bf;font-family:var(--body);font-weight:400;letter-spacing:0;font-size:15px;text-transform:none}
.plate-alt{margin-top:12px;font-size:13px}
.plate-result{margin-top:14px;padding:14px;border-radius:5px;background:var(--grey-2);border:1px solid var(--line);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.plate-result .car{flex:1;min-width:180px}.plate-result .car strong{font-family:var(--head);font-size:17px;display:block;font-weight:600}.plate-result .car span{color:var(--muted);font-size:13px}
.plate-error{margin-top:12px;padding:12px 14px;border-radius:5px;background:#fff4dd;color:#8a5200;font-size:13px}
.manual{margin-top:12px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}
.confirmed{margin-top:12px;padding:12px 14px;border-radius:5px;background:#e8f5ec;color:#1b6b3a;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:500;font-size:15px}
.confirmed button{background:none;border:0;color:#1b6b3a;text-decoration:underline;cursor:pointer;font-size:13px;white-space:nowrap;flex:none}
select,input[type=text],input[type=email],input[type=tel],input[type=number],textarea{font:inherit;font-size:15px;padding:11px 12px;border:1px solid #d0d2d8;border-radius:var(--r);background:#fff;color:var(--ink);width:100%}
select:focus,input:focus,textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}
label{font-size:13px;font-weight:500;display:block;margin-bottom:6px;color:var(--muted)}

/* fusion strip */
.fusion{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);padding:28px 36px;border-radius:6px;box-shadow:var(--sh);margin-top:-48px;position:relative;z-index:2}
.fusion .brands3{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fusion .old{font-family:var(--head);font-size:13px;color:var(--muted);border:1px solid var(--line);padding:9px 13px;border-radius:var(--r);background:var(--grey-2);line-height:1.2}
.fusion .old small{display:block;font-family:var(--body);font-size:11px;color:#9a9ca8}
.fusion .arrow{color:var(--red);font-size:22px}
.fusion img{height:46px}
.fusion h3{margin-bottom:4px}.fusion p{color:var(--muted);font-size:15px}

/* usp med portrætter (som på siden i dag) */
.usp{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}
.usp .ic{width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;margin:0 auto 20px}
.owners-row img{width:170px;height:170px;border-radius:50%;object-fit:cover;margin:0 auto 18px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.owners-row h3{font-size:17px}
.usp h3{margin-bottom:10px}.usp p{color:var(--muted);font-size:15px;max-width:34ch;margin:0 auto}

/* produktkategorier – foto med overlay */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cat{position:relative;aspect-ratio:4/3;border-radius:5px;overflow:hidden;cursor:pointer;color:#fff;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:28px 20px;background:var(--dark)}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72))}
.cat:hover img{transform:scale(1.05)}
.cat .t{position:relative;z-index:1}.cat .t span{display:inline-block;background:var(--red);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:2px;margin-bottom:12px;font-weight:500}
.cat h3{color:#fff;font-size:22px;font-weight:500}

/* proces */
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}
.process img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.process .n{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--dark);color:#fff;font-family:var(--head);font-weight:600;margin:-17px auto 14px;position:relative;font-size:15px}
.process h3{margin-bottom:8px}.process p{color:var(--muted);font-size:15px;max-width:36ch;margin:0 auto}

/* bilmærker */
.brandstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:#fff}
.brandstrip .container{display:block}
.brandstrip>.container>span{display:block;font-family:var(--head);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.brands{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.brands div{display:grid;place-items:center;height:40px}
.brands img{max-height:32px;max-width:84px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.15s}.brands div:hover img{filter:none;opacity:1}

/* cta band */
.band{border-radius:8px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;background:var(--dark);color:#fff}
.band .txt{padding:56px 52px}
.band h2{color:#fff;margin-bottom:12px}.band p{color:#c9ccd4;max-width:52ch;margin-bottom:24px}
.band .pic{position:relative;min-height:320px}.band .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:8px;color:#e7e9ee;font-size:15px}.band li::before{content:"✓";color:#f2b3ad;margin-right:10px;font-weight:700}

/* galleri */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gal figure{margin:0;border-radius:5px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gal figcaption{padding:14px 18px;font-family:var(--head);font-size:14px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:10px}
.gal figcaption span{font-family:var(--body);font-size:12px;color:var(--muted);font-weight:400}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;justify-content:center}
.chip{border:1px solid #d0d2d8;background:#fff;border-radius:20px;padding:7px 16px;font-size:14px;cursor:pointer;color:var(--muted)}.chip.active{background:var(--dark);color:#fff;border-color:var(--dark)}

/* page head */
.page-head{position:relative;color:#fff;background:var(--dark);display:flex;align-items:flex-end;overflow:hidden}
.page-head .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.page-head .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,18,.35),rgba(10,12,18,.8))}
.page-head .container{position:relative;padding-top:30px;padding-bottom:30px}
.page-head .crumbs{font-size:13px;color:#c9ccd4;margin-bottom:10px}.page-head .crumbs a{color:#fff;cursor:pointer;text-decoration:none}
.page-head h1{color:#fff;font-weight:500;font-size:clamp(26px,3vw,36px)}.page-head p{color:#c9ccd4;max-width:70ch;margin-top:8px;font-size:15px}

/* tabs */
.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:40px;overflow-x:auto;gap:4px}
.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:14px 18px;font-family:var(--head);font-weight:500;font-size:15px;color:var(--muted);cursor:pointer;white-space:nowrap;margin-bottom:-1px}
.tabs button.active{color:var(--red);border-bottom-color:var(--red)}.tabs button:hover{color:var(--ink)}
.tab-panel{display:none}.tab-panel.active{display:block}
.grid{display:grid;gap:24px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}
.card.hl{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
.card img.top{width:100%;aspect-ratio:4/3;object-fit:cover}
.card .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .body p{color:var(--muted);font-size:14px}.card .body .btn{margin-top:auto;align-self:flex-start}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split img{width:100%;border-radius:5px;aspect-ratio:4/3;object-fit:cover}
.split h2{margin-bottom:14px}.split p{color:var(--muted);margin-bottom:12px}
.split .lead-b{font-weight:600;color:var(--ink)}
.checks{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;color:var(--ink);font-size:15px}.checks li::before{content:"✓";color:var(--red);font-weight:700;margin-right:10px}

/* prisberegner */
.calc{display:grid;grid-template-columns:1fr 350px;gap:44px;align-items:start}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:56px}
.steps4 div{text-align:center;color:var(--muted);font-size:13px}
.steps4 .c{width:64px;height:64px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-family:var(--head);font-size:20px;margin:0 auto 10px;font-weight:600}
.steps4 b{display:block;color:var(--ink);font-weight:500;font-size:14px}
.calc-step{margin-bottom:56px}
.calc-step h2{display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:26px}
.calc-step h2 .n{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-size:15px;display:grid;place-items:center;flex:none}
.calc-step>p{color:var(--muted);margin-bottom:22px;max-width:64ch;font-size:15px}
.calc-car{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.calc-car .plate{box-shadow:none;border:1px solid var(--line)}
.fallback{border:1px solid var(--line);border-radius:6px;padding:22px;background:#fff}
.fallback h4{margin-bottom:12px;font-family:var(--head);font-size:16px}
.fallback .row{display:grid;gap:10px}
.msel{position:relative}.msel-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;font:inherit;font-size:15px;padding:11px 12px;border:1px solid #d0d2d8;border-radius:var(--r);background:#fff;color:var(--ink);cursor:pointer;text-align:left}.msel-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msel-btn svg{flex:none;transition:transform .15s}.msel.open .msel-btn{border-color:var(--red);outline:2px solid var(--red);outline-offset:1px}.msel.open .msel-btn svg{transform:rotate(180deg)}
.msel-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);z-index:30;max-height:300px;overflow:auto;padding:6px 0}.msel.open .msel-list{display:block}
.msel-list label{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:0;font-size:14px;color:var(--ink);font-weight:400;cursor:pointer}.msel-list label:hover{background:var(--grey)}.msel-list input{width:16px;height:16px;accent-color:var(--red);margin:0}.msel-list .msel-foot{display:flex;justify-content:space-between;padding:8px 14px 4px;border-top:1px solid var(--line);margin-top:4px}.msel-list .msel-foot button{background:none;border:0;color:var(--red);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}
.mod-groups{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mod{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:.15s;position:relative}
.mod.selected{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
.mod img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}
.mod .b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.mod h4{font-family:var(--body);font-weight:500;font-size:14px;line-height:1.35}
.mod .rec{position:absolute;top:10px;left:10px;background:#1b6b3a;color:#fff;font-size:11px;font-weight:500;padding:3px 9px;border-radius:2px}
.mod .fits{font-size:12px;color:var(--muted)}
.mod .price{font-family:var(--head);font-weight:600;font-size:18px;margin-top:auto;padding-top:6px}
.mod .price small{font-family:var(--body);font-weight:400;font-size:11px;color:var(--muted);display:block}
.mod .btn{margin-top:8px}
.acc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.acc{border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px 12px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px}
.acc.selected{border-color:var(--red);background:#fff8f7}
.acc img{width:56px;height:56px;object-fit:cover;border-radius:3px;border:1px solid var(--line)}
.acc .name{font-size:13px;line-height:1.35}.acc .name small{display:block;color:var(--muted);font-family:var(--head);font-size:13px;margin-top:2px}
.qty{display:inline-flex;border:1px solid #d0d2d8;border-radius:var(--r);overflow:hidden;background:#fff}
.qty button{width:30px;height:32px;border:0;background:#fff;cursor:pointer;font-size:16px;color:var(--ink)}.qty button:hover{background:var(--grey)}
.qty span{width:32px;display:grid;place-items:center;font-weight:500;font-size:14px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.summary{position:sticky;top:104px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--sh);overflow:hidden}
.summary .head{padding:18px 20px;background:var(--dark);color:#fff}.summary .head h3{color:#fff;margin-bottom:2px;font-size:17px}.summary .head .car{font-size:13px;color:#c9ccd4}
.summary .lines{padding:6px 20px;max-height:280px;overflow:auto}
.summary .line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.summary .line:last-child{border-bottom:0}.summary .line span:last-child{font-weight:500;white-space:nowrap}
.summary .empty{padding:24px 20px;color:var(--muted);font-size:14px;text-align:center}
.summary .total{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.summary .total strong{font-family:var(--head);font-size:26px;font-weight:600}
.summary .note{padding:0 20px 14px;font-size:12px;color:var(--muted)}.summary .note b{color:var(--red)}
.summary .actions{padding:0 20px 20px;display:grid;gap:8px}

/* webshop */
.shop{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:start}
.filters{position:sticky;top:104px}
.filters h4{margin-bottom:12px;font-size:15px}
.filters ul{list-style:none;padding:0;margin:0 0 28px}
.filters li{padding:8px 10px;border-radius:var(--r);cursor:pointer;display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}
.filters li:hover{background:var(--grey)}.filters li.active{background:var(--dark);color:#fff}
.filters li span:last-child{font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}
.shop-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.shop-bar .count{color:var(--muted);font-size:14px}.shop-bar .count b{color:var(--ink)}
.shop-bar select{width:auto;padding:8px 32px 8px 12px;font-size:14px}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.prod{border:1px solid var(--line);border-radius:5px;background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:.15s;position:relative}
.prod:hover{box-shadow:var(--sh)}
.prod .pic{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden;border-bottom:1px solid var(--grey)}
.prod .pic img{width:100%;height:100%;object-fit:contain;padding:12px}
.prod .quick{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);opacity:0;transition:.15s}
.prod:hover .quick{opacity:1}
.prod .flag.own{background:var(--dark)}
.prod .flag{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:11px;padding:3px 8px;border-radius:2px;z-index:1}
.prod .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px;flex:1}
.prod .pcat{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500}
.prod h4{font-family:var(--body);font-weight:500;font-size:15px;cursor:pointer;line-height:1.35}.prod h4:hover{color:var(--red)}
.prod .desc{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prod .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;gap:8px}
.prod .price{font-family:var(--head);font-weight:600;font-size:18px}
.stock{font-size:12px;color:#1b6b3a;display:flex;align-items:center;gap:5px}.stock::before{content:"";width:7px;height:7px;border-radius:50%;background:#1b6b3a}
.pill{display:inline-block;background:var(--grey);color:var(--muted);font-size:12px;font-weight:500;padding:3px 9px;border-radius:2px}
.pager{display:flex;justify-content:center;gap:6px;margin-top:32px}.pager button{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:var(--r);cursor:pointer;font-size:14px}.pager button.active{background:var(--dark);color:#fff;border-color:var(--dark)}

/* produktside */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.pdp .main-pic{border:1px solid var(--line);border-radius:5px;aspect-ratio:1/1;display:grid;place-items:center;background:#fff}
.pdp .main-pic img{width:100%;height:100%;object-fit:contain;padding:24px}
.pdp-info h1{font-size:30px;margin:8px 0 6px;font-weight:500}
.pdp-price{font-family:var(--head);font-weight:600;font-size:34px;margin:16px 0 4px}.pdp-price small{font-family:var(--body);font-size:13px;font-weight:400;color:var(--muted)}
.pdp-buy{display:flex;gap:12px;align-items:center;margin:20px 0;flex-wrap:wrap}
.usps{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:7px;font-size:14px;color:var(--muted)}.usps li::before{content:"✓";color:#1b6b3a;font-weight:700;margin-right:8px}
.spec{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.spec th{text-align:left;font-weight:500;padding:9px 0;border-bottom:1px solid var(--line);width:38%;color:var(--muted)}.spec td{padding:9px 0;border-bottom:1px solid var(--line)}
.related{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* om os */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stats div{border-top:3px solid var(--red);padding-top:14px}.stats strong{font-family:var(--head);font-size:36px;font-weight:600;display:block;line-height:1}.stats span{color:var(--muted);font-size:14px}
.timeline{list-style:none;padding:0;margin:0;border-left:2px solid var(--line);display:grid;gap:22px}
.timeline li{padding-left:28px;position:relative}.timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid #fff}
.timeline .yr{font-family:var(--head);font-weight:600;color:var(--red);font-size:15px}.timeline p{color:var(--muted);font-size:14px}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.team img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px}
.team h4{margin-top:12px}.team span{font-size:13px;color:var(--muted)}

/* kontakt */
.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
.form{display:grid;gap:16px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form textarea{min-height:160px;resize:vertical}
.info{display:grid;gap:22px;border:1px solid var(--line);border-radius:6px;padding:26px;background:#fff}
.info h4{margin-bottom:4px;font-size:14px}.info p{color:var(--muted);font-size:15px}.info a{font-weight:500}
.prefill{background:#fff8f7;border:1px solid #f1d5d2;padding:12px 14px;border-radius:var(--r);font-size:14px;display:none}.prefill.show{display:block}

/* tilbudsformular */
.quote{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
.qform{gap:22px}.qform .row{gap:22px}.qform input,.qform select,.qform textarea{padding:14px 16px;font-size:16px}.qform textarea{min-height:170px}
.qplate{display:grid;grid-template-columns:1fr 1fr;gap:22px}.qplate input{font-family:var(--head);letter-spacing:.08em;text-transform:uppercase}.qplate input::placeholder{font-family:var(--body);letter-spacing:0;text-transform:none}
#qCarOut:empty{display:none}
@media (max-width:720px){.qplate{grid-template-columns:1fr}}
.qlist{border:1px solid #f1d5d2;background:#fff8f7;border-radius:var(--r);padding:12px 14px;font-size:14px;display:none}.qlist.show{display:block}
.qlist ul{margin:8px 0 0;padding-left:18px;display:grid;gap:3px;color:var(--ink)}.qlist .rm{background:none;border:0;color:var(--red);text-decoration:underline;cursor:pointer;font-size:13px;padding:0;margin-top:8px}
.qside{display:grid;gap:22px}
.qsteps{list-style:none;padding:0;margin:0;display:grid;gap:18px;counter-reset:q}
.qsteps li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.qsteps li::before{counter-increment:q;content:counter(q);width:36px;height:36px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--head);font-weight:600;display:grid;place-items:center;font-size:15px}
.qsteps b{display:block;font-weight:500;margin-bottom:2px}.qsteps span{color:var(--muted);font-size:14px}
.qnote{font-size:13px;color:var(--muted)}
.form-hint{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);padding:12px 16px;border-radius:var(--r);font-size:14px;margin-bottom:16px}
@media (max-width:1024px){.quote{grid-template-columns:1fr}}

/* footer */
.footer{background:var(--dark);color:#c9ccd4;padding:64px 0 28px;margin-top:80px}
.footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
.footer h4{color:#fff;margin-bottom:14px;font-size:14px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px}
.footer a{color:#c9ccd4;text-decoration:none;cursor:pointer}.footer a:hover{color:#fff}
.footer .flogo{height:54px;margin-bottom:16px}
.footer .legal{border-top:1px solid #2c3039;padding-top:20px;font-size:12px;color:#8a8d98;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.owners{margin-top:28px;background:#22262f;border:1px dashed #4a4f5c;color:#c9ccd4;padding:16px 20px;border-radius:6px;font-size:12px;line-height:1.55}
.owners strong{display:block;color:#fff;font-family:var(--head);font-size:12px;letter-spacing:.1em;margin-bottom:6px}
.owners ul{margin:6px 0 0;padding-left:18px;display:grid;gap:3px}

/* overlays */
.overlay{position:fixed;inset:0;background:rgba(10,12,18,.6);z-index:90;display:none}.overlay.show{display:block}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,calc(100% - 32px));background:#fff;border-radius:8px;z-index:100;display:none;max-height:calc(100vh - 40px);overflow:auto}
.modal.show{display:block}.modal .inner{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:32px}
.modal .inner img{width:100%;aspect-ratio:1/1;object-fit:contain;border:1px solid var(--line);border-radius:5px;padding:16px}
.modal .close,.drawer .close{position:absolute;top:12px;right:12px;background:#fff;border:1px solid var(--line);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;z-index:2}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;z-index:100;transform:translateX(100%);transition:transform .2s;display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(0,0,0,.2)}
.drawer.show{transform:translateX(0)}
.drawer .head{padding:22px 24px;border-bottom:1px solid var(--line)}
.drawer .items{flex:1;overflow:auto;padding:6px 24px}
.drawer .item{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.drawer .item img{width:60px;height:60px;object-fit:contain;border:1px solid var(--line);border-radius:3px;padding:4px}
.drawer .item h4{font-family:var(--body);font-weight:500;font-size:14px}.drawer .item .sub{font-size:12px;color:var(--muted)}
.drawer .item .rm{background:none;border:0;color:var(--muted);cursor:pointer;font-size:12px;text-decoration:underline;padding:0}
.drawer .foot{padding:20px 24px;border-top:1px solid var(--line);display:grid;gap:10px}
.drawer .foot .tot{display:flex;justify-content:space-between;font-family:var(--head);font-weight:600;font-size:22px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--dark);color:#fff;padding:12px 18px;border-radius:5px;font-size:14px;opacity:0;transition:.2s;z-index:120;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* v2: menu og forside */
.nav .dd .menu.mega{min-width:560px;padding:12px;grid-template-columns:1fr 1fr;gap:4px}
.nav .dd:hover .menu.mega,.nav .dd:focus-within .menu.mega{display:grid}
.nav .dd .menu.mega a{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:4px}
.nav .dd .menu.mega img{width:72px;height:54px;object-fit:cover;border-radius:3px;flex:none}
.nav .dd .menu.mega b{display:block;font-weight:600;font-size:14px;color:var(--ink)}
.nav .dd .menu.mega small{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}
.nav .dd .menu.mega a:hover b{color:var(--red)}
.nav .dd .menu .all{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;color:var(--red);font-weight:500}
.nav .dd .menu.mega .all{grid-column:1/-1;display:block;padding:12px 12px 6px;margin-top:4px}
.mobile-nav .btn{margin:14px 24px;display:inline-block}
.social{display:flex;gap:8px;align-items:center}
.social a{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;padding:0}
.social a:hover{background:var(--red)}
.topbar .social{margin-left:18px}
.footer .social{margin-top:16px}.footer .social a{background:rgba(255,255,255,.1)}
.duo{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.duo>div{position:relative;border-radius:8px;overflow:hidden;background:var(--dark);color:#fff;min-height:380px;display:flex;align-items:flex-end}
.duo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;transition:transform .5s}
.duo>div:hover img{transform:scale(1.04)}
.duo>div .btn{transition:.15s}.duo>div:hover .btn{background:var(--red);color:#fff;border-color:var(--red)}
.duo .txt{position:relative;padding:32px 28px;background:linear-gradient(180deg,rgba(10,12,18,0),rgba(10,12,18,.85) 40%);width:100%}
.duo h2{color:#fff;font-size:22px;margin-bottom:10px}.duo p{color:#d5d8e0;font-size:15px;max-width:44ch;margin-bottom:20px}
.duo .kicker{color:#f2b3ad}
#kontakt{scroll-margin-top:100px}
.changes{background:#fff8f7;border:1px solid #f1d5d2;border-radius:6px;padding:20px 24px;font-size:14px;color:#3a2320;margin-bottom:24px}
.changes b{display:block;font-family:var(--head);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.changes ul{margin:0;padding-left:18px;display:grid;gap:4px}
@media (max-width:1024px){.duo{grid-template-columns:1fr}.duo>div{min-height:300px}}

/* v4: bilindretning samlet */
.cats4{grid-template-columns:repeat(4,1fr)}
.cat .t p{font-size:13px;color:#d5d8e0;margin:6px 0 12px;max-width:30ch;margin-left:auto;margin-right:auto;line-height:1.4}
.cat .t span{margin-bottom:0}
.cats4 .cat{aspect-ratio:3/4;padding:24px 18px}.cats4 .cat h3{font-size:19px}
.cat{scroll-margin-top:110px}#materialer{scroll-margin-top:90px}
.nav .dd .menu.mega{min-width:600px}
.nav .dd .menu.mega img{width:56px;height:42px}
@media (max-width:1024px){.cats4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.cats4{grid-template-columns:1fr}.cats4 .cat{aspect-ratio:4/3}}
/* v5: Indret din bil */
.selband{background:var(--dark);color:#fff;padding:44px 0}
.selband h2{color:#fff;margin-bottom:6px}.selband>.container>p{color:#c9ccd4;max-width:70ch;margin-bottom:24px;font-size:15px}
.sel-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;align-items:start}
.selband label{color:#c9ccd4}
.plate-flat{padding:0;box-shadow:none;background:none;color:#fff}.plate-flat h3,.plate-flat .hint{display:none}
.plate-flat .plate-alt a{color:#c9ccd4}.plate-flat .plate-result{background:#fff;color:var(--ink)}.plate-flat .plate-error{background:#fff4dd}
.plate-flat .confirmed{background:#fff;color:var(--ink);border-radius:var(--r);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:500}
.plate-flat .confirmed button{background:none;border:0;color:var(--red);text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}
.plate-flat .manual{display:grid;gap:8px;margin-top:10px}
.plate-flat>p{display:none}
.mods4{grid-template-columns:repeat(4,1fr)}
.mod .fits{min-height:16px}
.mod .b .btn{margin-top:auto}
.mod.modq img{aspect-ratio:1/1;object-fit:contain;padding:14px}
.mod .qtyrow{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}
.listbar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(0,0,0,.08);z-index:80;padding:12px 0}
.listbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.listbar .lb-txt b{display:block;font-family:var(--head);font-weight:600;font-size:16px}.listbar .lb-txt span{font-size:13px;color:var(--muted)}
.listbar .lb-btns{display:flex;gap:10px}
#page-prisberegner .footer-spacer{height:80px}
#page-prisberegner{padding-bottom:0}
.calc2{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.calc2 .mods4{grid-template-columns:repeat(3,1fr)}
.listpanel{position:sticky;top:104px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 124px);min-height:560px}
.listpanel .head{padding:18px 20px;background:var(--dark);color:#fff}.listpanel .head h3{color:#fff;font-size:17px;margin-bottom:2px}.listpanel .head .small{color:#c9ccd4}
.listpanel .items{flex:1;overflow:auto;padding:6px 20px}
.listpanel .item{display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.listpanel .item img{width:60px;height:60px;object-fit:contain;border:1px solid var(--line);border-radius:3px;padding:3px;background:#fff}
.listpanel .item h4{font-family:var(--body);font-weight:500;font-size:14px;line-height:1.4}.listpanel .item .sub{font-size:12px;color:var(--muted);margin-top:3px}
.listpanel .item .rm{background:none;border:1px solid var(--line);border-radius:4px;width:34px;height:34px;display:grid;place-items:center;color:var(--muted);cursor:pointer;padding:0}.listpanel .item .rm:hover{color:var(--red);border-color:var(--red)}
.mod-empty{grid-column:1/-1;padding:40px 24px;border:1px dashed #c9ccd4;border-radius:6px;color:var(--muted);text-align:center;font-size:15px}.mod-empty b{color:var(--ink)}
.listpanel .foot{padding:16px 20px;border-top:1px solid var(--line);display:grid;gap:10px}
@media (max-width:1024px){.calc2{grid-template-columns:1fr}.listpanel{position:static;height:auto;min-height:0}.calc2 .mods4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1024px){.sel-row{grid-template-columns:1fr}.mods4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.mods4{grid-template-columns:1fr 1fr}.listbar .lb-btns{width:100%}.listbar .lb-btns .btn{flex:1}}.dvi-intro{display:grid;grid-template-columns:minmax(260px,.9fr) 2fr;gap:32px;align-items:center;margin-bottom:44px}
.dvi-van{background:#364d5b;border-radius:8px;padding:22px 26px;display:grid;place-items:center}
.dvi-van img{width:100%;max-width:340px;height:auto}
.dvi-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dvi-steps>div{position:relative;aspect-ratio:1/1}
.dvi-steps img{width:100%;height:100%;display:block}
.dvi-steps span{position:absolute;left:8%;right:8%;top:62%;text-align:center;color:#fff;font-weight:600;font-size:clamp(11px,1.1vw,15px);line-height:1.25}
.selband{background:#364d5b}
@media (max-width:1024px){.dvi-intro{grid-template-columns:1fr}.dvi-steps span{font-size:14px}}
@media (max-width:720px){.dvi-steps{grid-template-columns:repeat(2,1fr)}.dvi-steps span{font-size:13px}}
/* v6: lys sidetop */
.page-head{background:var(--grey);color:var(--ink);display:block;overflow:visible;border-bottom:1px solid var(--line)}
.page-head .container{padding-top:26px;padding-bottom:26px}
.page-head .crumbs{color:var(--muted);font-size:13px;margin-bottom:8px}.page-head .crumbs a{color:var(--muted)}
.page-head h1{color:var(--ink);font-size:clamp(26px,2.8vw,34px);font-weight:500;line-height:1.1;text-wrap:balance}
.page-head h1::after{content:"";display:block;width:36px;height:3px;background:var(--red);margin-top:10px}
.page-head p{color:var(--muted);font-size:15px;max-width:52ch;margin-top:10px}
.page-head .ph{display:none}

/* v7: webshop-billeder centreret */
.prod .pic img,.pdp .main-pic img,.modal .inner img,.drawer .item img{box-sizing:border-box;object-fit:contain;object-position:center}
.prod .pic{padding:0}
/* NIV */
.nivsteps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:56px}
.nivsteps>div{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px 20px}
.nivsteps .n{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--head);font-weight:600;display:grid;place-items:center;font-size:15px;margin-bottom:14px}
.nivsteps h3{font-size:16px;margin-bottom:6px}.nivsteps p{font-size:14px;color:var(--muted);margin:0}.nivsteps a{color:var(--red);font-weight:500}
.nivfaq{max-width:760px;margin:0 auto;border-top:1px solid var(--line)}
.nivfaq details{border-bottom:1px solid var(--line)}
.nivfaq summary{cursor:pointer;padding:16px 0;font-weight:500;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.nivfaq summary::after{content:"+";color:var(--red);font-size:20px;line-height:1}.nivfaq details[open] summary::after{content:"–"}
.nivfaq details p{padding:0 0 18px;color:var(--muted);font-size:15px;margin:0;max-width:64ch}.nivfaq a{color:var(--red);cursor:pointer}
.nivbar{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:6px;padding:18px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nivbar .tag{font-family:var(--head);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:600;flex:none}
.nivbar p{margin:0;flex:1;min-width:260px;font-size:15px}.nivbar p b{font-weight:600}
.nivnote{font-size:14px;color:var(--muted);margin-top:14px}.nivnote a{color:var(--red);cursor:pointer;font-weight:500}
.selband .nivnote{color:#c9ccd4}
@media (max-width:1024px){.nivsteps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.nivsteps{grid-template-columns:1fr}}.drawer .ship{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:14px;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}.drawer .ship .num{color:var(--ink)}
/* webshop som egen portal */
.shop-link{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);font-weight:500;font-size:14px;text-decoration:none;cursor:pointer;white-space:nowrap}.shop-link:hover{border-color:var(--ink)}
.mob-shop{color:var(--red)!important}
#shopHeader{display:none}
body.shopmode .topbar,body.shopmode #mainHeader,body.shopmode .carbar,body.shopmode .footer .cols,body.shopmode .footer .owners,body.shopmode .footer .changes{display:none}
body.shopmode #shopHeader{display:block}
.shop-header .header-tools{margin-left:auto}
.shop-header .logo{display:flex;align-items:center;gap:12px}.shop-tag{font-family:var(--head);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--red);padding:5px 9px;border-radius:2px}
.shop-nav{justify-content:flex-start}
.back-link{font-size:14px;color:var(--muted);text-decoration:none;cursor:pointer;white-space:nowrap}.back-link:hover{color:var(--ink)}
body.shopmode .footer{padding-top:28px}
@media (max-width:1024px){.shop-nav{display:none}.shop-link span{display:none}.shop-link{padding:0 12px}}
@media (max-width:720px){.back-link{font-size:12px}}
/* branche-slideshow */
.slider{position:relative;aspect-ratio:3/4;margin-bottom:34px}
.slider .sl-track{position:absolute;inset:0;border-radius:6px;overflow:hidden;background:var(--dark)}
.br-split{grid-template-columns:1.2fr .8fr;align-items:start}
.sl-bil{position:absolute;right:14px;bottom:14px;background:rgba(10,12,18,.62);color:#fff;font-family:var(--head);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:3px;z-index:2;backdrop-filter:blur(4px)}
.slider .sl{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.slider .sl.on{opacity:1}
.slider .sl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;aspect-ratio:auto}
.sl-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2);transition:.15s;z-index:2}
.sl-arr:hover{background:#fff;color:var(--red)}.sl-arr:focus-visible{outline:3px solid #f2b3ad;outline-offset:2px}
.sl-arr.prev{left:14px}.sl-arr.next{right:14px}.sl-arr.next svg{transform:scaleX(-1)}
.sl-dots{position:absolute;left:0;right:0;bottom:-24px;display:flex;justify-content:center;gap:8px;z-index:2}
.sl-dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:#c9ccd4;cursor:pointer;transition:.15s}
.sl-dots button.on{background:var(--dark);width:20px;border-radius:4px}
.sl-count{position:absolute;top:12px;right:14px;background:rgba(10,12,18,.55);color:#fff;font-size:12px;padding:3px 9px;border-radius:12px;z-index:2}
@media (prefers-reduced-motion:reduce){.slider .sl{transition:none}}
@media (max-width:1024px){.br-split{grid-template-columns:1fr}.br-split .slider{max-width:520px;width:100%}}
/* v3: forhandlerportal */
.topbar .dealer-link{margin-left:18px;display:flex;align-items:center;gap:6px;color:#fff;font-weight:500;text-decoration:none}
.topbar .dealer-link:hover{text-decoration:underline}
.dealer-bar{background:#1f232c;color:#c9ccd4;font-size:13px}
.dealer-bar .container{display:flex;align-items:center;gap:18px;min-height:44px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.dealer-bar b{color:#fff;font-weight:500}.dealer-bar .who{display:flex;align-items:center;gap:10px}
.dealer-bar .dot{width:8px;height:8px;border-radius:50%;background:#3ac47d;box-shadow:0 0 0 3px rgba(58,196,125,.2)}
.dealer-bar .right{margin-left:auto;display:flex;gap:16px;align-items:center}
.dealer-bar a{color:#fff;cursor:pointer;text-decoration:underline}
.notbar{background:var(--grey);border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}
.notbar .container{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.notbar .ic{width:28px;height:28px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;flex:none}
.notbar b{font-weight:600}.notbar .btn{margin-left:auto}.notbar .btn+.btn{margin-left:0}
.only{font-size:15px;color:var(--ink);max-width:48ch;margin-bottom:28px;padding-left:14px;border-left:3px solid var(--red)}.only a{color:var(--red);font-weight:500;cursor:pointer;text-decoration:underline}
.access{margin-top:18px;padding:20px 24px;border:1px dashed #c9ccd4;border-radius:8px;font-size:14px;color:var(--muted)}
.access h4{font-size:15px;color:var(--ink);margin-bottom:6px}.access p{margin:0}.access p+p{margin-top:6px}.access a{color:var(--red);font-weight:500;cursor:pointer}
.login-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;min-height:min(640px,calc(100vh - 260px))}
.stage.mini{max-width:520px;pointer-events:none}.stage.mini .play{width:64px;height:64px}.stage.mini .title{font-size:20px}
.login-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px;box-shadow:var(--sh)}
.login-card h3{margin-bottom:6px}.login-card .form{margin-top:20px}
.login-card .demo{margin-top:16px;padding:12px 14px;background:#fff8f7;border:1px solid #f1d5d2;border-radius:var(--r);font-size:13px;color:#7a2d26}
.login-card .links{display:flex;justify-content:space-between;font-size:13px;margin-top:14px}.login-card .links a{color:var(--muted);cursor:pointer}
.perks{display:grid;gap:18px;margin-top:24px}
.perks div{display:flex;gap:16px;align-items:flex-start}
.perks .ic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center}
.perks h4{margin-bottom:3px;font-size:15px}.perks p{color:var(--muted);font-size:14px;margin:0}
.dtabs{margin-bottom:32px}
.dshow{display:grid;grid-template-columns:360px 1fr;gap:32px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;gap:22px;position:sticky;top:104px}
.panel h3{font-size:16px;display:flex;align-items:center;gap:10px}
.panel h3 .n{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--dark);color:#fff;font-family:var(--head);font-size:13px;font-weight:600}
.panel .chips{margin:0;justify-content:flex-start}
.panel .chip{padding:6px 13px;font-size:13px}
.stage{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--dark);color:#fff;display:grid;place-items:center;text-align:center}
.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.7)}
.stage .in{position:relative;display:grid;justify-items:center;gap:14px;padding:24px}
.stage .play{width:84px;height:84px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 12px 40px rgba(0,0,0,.45);cursor:pointer;border:0;color:#fff;transition:.15s}
.stage .play:hover{transform:scale(1.06);background:var(--red-d)}
.stage .title{font-family:var(--head);font-size:clamp(18px,2.2vw,28px);font-weight:500;text-wrap:balance}
.stage .sub{font-size:14px;color:#d5d8e0}
.stage .soon{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);color:#fff;font-family:var(--head);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:2px}
.stage .dur{position:absolute;bottom:16px;right:60px;font-size:12px;color:#c9ccd4;font-variant-numeric:tabular-nums}
.present .stage .dur{right:16px}
.stage .fs{position:absolute;bottom:10px;right:12px;width:36px;height:36px;border-radius:4px;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}.stage .fs:hover{background:rgba(255,255,255,.3)}
.stage-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:20px;flex-wrap:wrap}
.stage-meta h2{font-size:24px;margin-bottom:6px}.stage-meta p{color:var(--muted);font-size:15px;max-width:60ch}
.stage-actions{display:flex;gap:10px;flex-wrap:wrap;flex:none}
.stage-info{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.stage-info h3{font-size:16px;margin-bottom:6px}
.stage-info .slot{border:1px dashed #c9ccd4;border-radius:6px;padding:18px;color:var(--muted);font-size:14px;background:var(--grey-2)}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vcard{position:relative;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--dark);color:#fff;cursor:pointer;display:flex;align-items:flex-end;padding:18px}
.vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .5s}
.vcard:hover img{transform:scale(1.05)}
.vcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75))}
.vcard .t{position:relative;z-index:1}.vcard h4{color:#fff;font-size:16px;font-weight:500;margin-bottom:3px}.vcard span{font-size:12px;color:#c9ccd4}
.vcard .pl{position:absolute;top:14px;right:14px;z-index:1;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.vcard .badge{position:absolute;top:14px;left:14px;z-index:1;font-family:var(--head);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:2px;background:rgba(255,255,255,.16)}
.vcard.has .badge{background:#3ac47d;color:#062b18}
.mat{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mat .card .body{gap:10px}.mat .ft{font-family:var(--head);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mat .ph{aspect-ratio:4/3;background:var(--grey-2);border-bottom:1px solid var(--line);display:grid;place-items:center;color:#a5a8b2}
.present{position:fixed;inset:0;background:#0b0d12;z-index:200;display:none;flex-direction:column;color:#fff}
.present.show{display:flex}
.present .pbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:14px;color:#c9ccd4;gap:16px}
.present .pbar img{height:34px}
.present .pbar button{background:rgba(255,255,255,.12);border:0;color:#fff;padding:9px 16px;border-radius:var(--r);cursor:pointer;font:inherit;font-size:14px}
.present .pstage{flex:1;display:grid;place-items:center;padding:0 40px 40px}
.present .stage{width:min(100%,calc((100vh - 140px)*16/9));aspect-ratio:16/9}
.present .stage .title{font-size:clamp(22px,3vw,40px)}
@media (max-width:1024px){.login-hero,.dshow,.stage-info{grid-template-columns:1fr;min-height:0}.panel{position:static}.vgrid,.mat{grid-template-columns:repeat(2,1fr)}}
.topbar .container{white-space:nowrap}.topbar .fusion-note{overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:1240px){.topbar .fusion-note{display:none}}
@media (max-width:1024px){.nav{display:none}.burger{display:block}}
@media (max-width:720px){.vgrid,.mat{grid-template-columns:1fr}.topbar .dealer-link span{display:none}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
@media (max-width:1024px){
  .hero .container,.calc,.shop,.pdp,.split,.contact,.band,.fusion{grid-template-columns:1fr}
  .summary,.filters{position:static}.filters ul{display:flex;flex-wrap:wrap;gap:6px}
  .brands{justify-content:flex-start}.stats{grid-template-columns:1fr 1fr}.footer .cols{grid-template-columns:1fr 1fr}
  .mods,.prods,.cats,.gal,.g3{grid-template-columns:repeat(2,1fr)}.related,.g4{grid-template-columns:repeat(2,1fr)}.usp,.process{grid-template-columns:1fr;gap:32px}
  .fusion{margin-top:0}.steps4{grid-template-columns:repeat(2,1fr)}.team{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .nav,.topbar .fusion-note{display:none}.burger{display:block}
  .mods,.prods,.cats,.gal,.g2,.g3,.g4,.related,.acc-grid,.calc-car,.form .row,.manual,.modal .inner{grid-template-columns:1fr}
  .section{padding:56px 0}.hero{min-height:0}.plate-row{flex-direction:column}.band .txt{padding:32px 24px}.logo img{height:50px}.header .container{height:72px}
}
/* v8: løsningssider */
.cats3{grid-template-columns:repeat(3,1fr)} .cats3 .cat{aspect-ratio:4/3;padding:24px 18px} .cats3 .cat h3{font-size:20px}
@media (max-width:1024px){.cats3{grid-template-columns:repeat(2,1fr)}} @media (max-width:720px){.cats3{grid-template-columns:1fr}}
.yd-row{margin-bottom:64px}.yd-row h2{font-size:24px;margin-top:18px}.yd-intro{font-size:18px;color:var(--ink)!important}
.yd-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.yd-more{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:24px}.yd-more span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.mat-h{display:flex;align-items:center;justify-content:space-between;gap:12px}.card .body img.hh-logo{height:30px;width:auto;max-width:110px;object-fit:contain;display:block;flex:none}
@media (max-width:900px){.yd-row.rev>img{order:2}}
/* v11: NIV-tekst */
.niv-h3{font-size:20px;margin:26px 0 10px}.niv-close{font-weight:600;color:var(--ink)!important;margin-top:18px}
.niv-split{align-items:start}.niv-split #nivSlider{position:sticky;top:110px}
.cert-wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:start}
.cert-side{display:block;margin-top:30px;cursor:zoom-in}
.split .cert-side img,.cert-side img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:transform .2s}
.cert-side:hover img{transform:scale(1.02)}
@media (max-width:1100px){.cert-wrap{grid-template-columns:1fr}.cert-side{max-width:300px;margin-top:6px}}
.cert-wrap.no-cert{grid-template-columns:1fr}.cert-wrap.no-cert .cert-side{display:none}
.cert-lb{position:fixed;inset:0;z-index:500;background:rgba(10,12,18,.8);display:none;align-items:center;justify-content:center;padding:20px}.cert-lb.open{display:flex}
.cert-inner{position:relative;background:#fff;border-radius:6px;padding:14px;max-height:94vh;overflow:auto;max-width:760px;width:100%}
.cert-inner img{width:100%;height:auto;display:block}.cert-inner p{font-size:12px;color:var(--muted);margin:8px 2px 0}
.cert-x{position:sticky;top:0;float:right;width:36px;height:36px;border-radius:50%;border:0;background:#161922;color:#fff;font-size:16px;cursor:pointer;margin:-4px -4px 0 0;z-index:1}
/* v12: certifikat under vægtbillederne */
.niv-split .niv-right{position:sticky;top:110px}.niv-split #nivSlider{position:static}
.cert-under{display:flex;margin-top:18px;gap:16px;align-items:center;cursor:zoom-in;text-decoration:none;color:inherit}
.split .cert-under img,.cert-under img{width:130px;height:auto;aspect-ratio:auto;object-fit:contain;border:1px solid var(--line);border-radius:3px;box-shadow:0 8px 22px rgba(0,0,0,.12);flex:none}
.cert-under span{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.cert-under b{font-size:15px;color:var(--ink)}
/* v13: galleri på løsningssider */
.yd-gal-h h2{font-size:24px;margin:0 0 18px}
.yd-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:56px}
.yd-g{padding:0;border:0;background:none;cursor:zoom-in;border-radius:5px;overflow:hidden;display:block}
.yd-g img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s}.yd-g:hover img{transform:scale(1.03)}
.gal-inner{max-width:620px}
@media (max-width:900px){.yd-gal{grid-template-columns:repeat(2,1fr)}}
.topbar .dealer-link{margin-left:auto}
/* v10: fusion i hero – midlertidig besked (skjules automatisk efter data-until) */
.fusion-hero{position:relative;max-width:900px;margin:0 0 32px;background:rgba(14,16,22,.82);border:2px solid #ffd21f;color:#fff;padding:22px 28px 24px;border-radius:8px;box-shadow:0 16px 44px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fhIn .6s cubic-bezier(.2,.8,.2,1) .3s both}
.fusion-hero.gone{display:none}
.fusion-hero .fh-tag{display:inline-flex;align-items:center;gap:8px;background:#ffd21f;color:#161922;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:2px;margin-bottom:12px}
.fusion-hero .fh-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#c4161c;animation:fhPulse 1.6s ease-in-out infinite}
.fusion-hero .fh-title{font-family:var(--body);font-weight:700;color:#ffd21f;font-size:clamp(24px,3.3vw,40px);line-height:1.15;margin:0 0 10px}
.fusion-hero .fh-sub{font-family:var(--body);font-weight:500;color:#fff3b8;font-size:clamp(15px,1.6vw,20px);line-height:1.45;margin:0}
@keyframes fhIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes fhPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
@media (prefers-reduced-motion:reduce){.fusion-hero,.fusion-hero .fh-tag::before{animation:none}}
@media (max-width:720px){.fusion-hero{padding:16px 18px 18px;margin-bottom:24px}}