body{margin:0}img{max-width:100%}
/* eShop-forside – bygger på bat.css/ups.css (samme breakpoints: 735, 1015, 1260, 1365, 1715) */
.fs .fl{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.fs .fr{display:grid;gap:18px;min-width:0;align-content:start}
.fs .side .cat svg{flex:0 0 auto}
.fs .side .all{display:block;padding:12px 16px;font-size:.85rem;font-weight:600;color:var(--nw-accent);text-decoration:none}
.hero{position:relative;border-radius:8px;overflow:visible;color:#fff;background:linear-gradient(90deg,var(--nw-ink) 0%,var(--nw-accent) 30%,var(--nw-accent) 50%,var(--nw-accent) 72%,var(--nw-accent) 100%);display:grid;grid-template-columns:minmax(0,1fr)}
.hero .tx{padding:28px 22px 0}
.hero h1{margin:0;font-size:26px;line-height:1.12;font-weight:700}
.hero p{margin:14px 0 0;font-size:15px;line-height:1.5;font-weight:500;max-width:490px}
.hero .im{display:flex;align-items:flex-end;justify-content:center;gap:4%;padding:18px 16px 0;height:210px}
.hero .im img{min-width:0;width:auto;height:auto;object-fit:contain;object-position:bottom}
.hero .im .s{max-height:92%;max-width:40%}.hero .im .m{max-height:100%;max-width:24%}.hero .im .l{max-height:84%;max-width:30%}
@media (max-width:1014px){.fs .side{display:none}}
.tiles{background:#fff;border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr)}
.tiles a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:22px 8px;color:#1a1a1a;text-decoration:none;font-size:13px;font-weight:600;line-height:1.35}
.tiles a:hover{color:var(--nw-accent)}
.tiles a svg{width:46px;height:46px}
.usp{background:#fff;border-radius:8px;display:grid;grid-template-columns:1fr}
.usp div{display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:13.5px;font-weight:600;border-top:1px solid var(--nw-surface-2)}
.usp div:first-child{border-top:0}
.usp svg{flex:0 0 auto}
.band{border-radius:8px;background:linear-gradient(135deg,var(--nw-ink),var(--nw-ink-2));color:#fff;display:grid;gap:24px;padding:28px 22px}
.band .eb{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--nw-accent);margin:0}
.band h2{margin:10px 0 0;font-size:22px;line-height:1.25;font-weight:700}
.band p{margin:14px 0 0;font-size:14.5px;line-height:1.55;color:var(--nw-accent-tint-2)}
.btnp{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 28px;border-radius:23px;background:var(--nw-accent);color:#fff;font-weight:700;font-size:14px;text-decoration:none;margin-top:20px}
.tool{background:#fff;border-radius:6px;color:#1a1a1a;padding:18px}
.tool .f{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tool label{display:block;font-size:11px;font-weight:600;color:var(--nw-muted);margin-bottom:6px}
.tool .v{height:40px;border:1px solid var(--nw-line);background:var(--nw-page);border-radius:4px;display:flex;align-items:center;padding:0 10px;font-size:14px;font-weight:600}
.tool hr{border:0;border-top:1px solid var(--nw-line);margin:18px 0 14px}
.tool h4{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--nw-accent)}
.tool .r{min-height:30px;background:var(--nw-page);border-radius:4px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 10px;padding:6px 12px;font-size:12.5px;font-weight:600;margin-bottom:6px}
.tool .r span{font-weight:500;color:var(--nw-muted)}
.sec h2{text-transform:none;letter-spacing:0;margin:0;font-size:22px;line-height:1.25;font-weight:700;color:var(--nw-ink)}
.sec .flead{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:#555;max-width:70ch}
.sec .hd2{display:flex;justify-content:space-between;align-items:flex-end;gap:10px 24px;flex-wrap:wrap}
.sec .more{font-size:14px;font-weight:600;color:var(--nw-accent);text-decoration:none}
.sec .fgrid{display:grid;gap:12px;margin-top:20px}
.pbrand{background:#fff;border-radius:8px;height:110px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;padding:0 20px;box-sizing:border-box;overflow-wrap:anywhere;font-size:20px;font-weight:700;color:#828a94;text-decoration:none}
.fpc{background:#fff;border-radius:8px;display:flex;flex-direction:column;color:#1a1a1a;text-decoration:none;overflow:hidden}
.fpc .im{height:260px;display:flex;justify-content:center;align-items:flex-end;padding:20px 20px 0;border-bottom:1px solid var(--nw-line)}
.fpc .im img{height:100%;width:auto;object-fit:contain}
.fpc .im.wide img{height:108%;margin-bottom:-4%}
.fpc .b{padding:16px 20px 20px}
.fpc small{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--nw-muted);text-transform:uppercase}
.fpc h3{text-transform:none;letter-spacing:0;margin:6px 0 0;font-size:16px;font-weight:700}
.fpc .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:13px;color:var(--nw-muted)}
.fpc .row b{color:var(--nw-accent);font-weight:600}
.fpc:hover h3{color:var(--nw-accent)}
.wt{background:#fff;border-radius:8px;overflow:hidden;margin-top:20px}
.wt .h,.wt .w{display:grid;grid-template-columns:1fr;gap:4px;padding:14px 18px;border-top:1px solid var(--nw-line);font-size:13.5px;line-height:1.45}
.wt .h{display:none}
.wt .w:first-of-type{border-top:0}
.wt .w b{font-weight:600}
.sv{background:#fff;border-radius:8px;padding:22px 20px;display:flex;flex-direction:column;color:#1a1a1a;text-decoration:none}
.sv h3{text-transform:none;letter-spacing:0;margin:16px 0 0;font-size:16px;line-height:1.3;font-weight:700}
.sv p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--nw-muted)}
.sv .lm{margin-top:auto;padding-top:16px;font-size:13.5px;font-weight:600;color:var(--nw-accent)}
.fcta .tel{display:block;font-size:22px;font-weight:700;color:#fff;text-decoration:none}
.fcta .mail{display:block;margin-top:8px;font-size:15px;font-weight:500;color:var(--nw-accent-tint-2);text-decoration:none}
@media (min-width:735px){
 .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:330px}
 .hero .tx{padding:0 0 0 35px;align-self:center}
 .hero h1{font-size:30px}
 .hero .im{height:300px;padding:30px 20px 0 0;align-self:end}
 .tiles{grid-template-columns:repeat(4,1fr)}
 .usp{grid-template-columns:repeat(2,1fr)}
 .usp div:nth-child(2){border-top:0}
 .band{padding:35px}
 .band h2,.sec h2{font-size:26px}
 .sec .fgrid.g2{grid-template-columns:repeat(2,1fr)}
 .sec .fgrid.g3{grid-template-columns:repeat(2,1fr)} .sec .fgrid.g4{grid-template-columns:repeat(2,1fr)}
 .sec .fgrid.g5{grid-template-columns:repeat(2,1fr)}
 .wt .h{display:grid}
 .wt .h,.wt .w{grid-template-columns:1fr 1fr;gap:24px;padding:16px 24px}
 .wt .h{font-weight:700;color:var(--nw-accent);border-top:0}
 .wt .w:first-of-type{border-top:1px solid var(--nw-line)}
 .pbrand{height:140px;font-size:24px}
}
@media (min-width:1015px){
 .fs .fl{grid-template-columns:250px minmax(0,1fr)}
 .fs .fr{gap:35px}
 .hero{display:block;height:375px;min-height:0}
 .hero .tx{position:absolute;left:4.8%;top:50%;transform:translateY(-50%);width:40%;padding:0}
 .hero .im{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;padding:0;display:block}
 .hero .im img,.hero .im .s,.hero .im .m,.hero .im .l{position:absolute;max-width:none;max-height:none;height:auto}
 .hero .im .s{left:43%;width:28%;bottom:-30px}
 .hero .im .m{left:69%;width:11.5%;bottom:-24px}
 .hero .im .l{left:82%;width:16%;bottom:-24px}
 .hero h1{font-size:34px}
 .hero p{font-size:17px}
 .tiles a{padding:30px 6px 26px}
 .tiles a svg{width:52px;height:52px}
 .usp{grid-template-columns:repeat(4,1fr)}
 .usp div{border-top:0;border-left:1px solid var(--nw-surface-2);padding:26px 20px}
 .usp div:first-child{border-left:0}
 .band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:50px 70px}
 .band h2{font-size:30px}
 .sec .fgrid{gap:17.5px;margin-top:28px}
 .sec .fgrid.g3{grid-template-columns:repeat(3,1fr)} .sec .fgrid.g4{grid-template-columns:repeat(4,1fr)}
 .sec .fgrid.g5{grid-template-columns:repeat(3,1fr)}
 .why{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:35px;align-items:start}
 .why .wt{margin-top:0}
}
@media (min-width:1260px){
 .tiles{grid-template-columns:repeat(7,1fr)}
 .sec .fgrid.g5{grid-template-columns:repeat(5,1fr)}
 .hero h1{font-size:38px;line-height:42px}
 .hero p{font-size:19px;line-height:27px;margin-top:22px}
}
@media (min-width:1365px){
 .hero .im .s{left:45.6%;width:22.6%;bottom:-37px}
 .hero .im .m{left:69%;width:9.1%;bottom:-30px}
 .hero .im .l{left:82.5%;width:13.5%;bottom:-30px}
}
@media (min-width:1715px){
 .fpc .im{height:330px}
}

/* Kort: baggrundsskygge og blå titel ved mouseover */.sv,.fpc{transition:box-shadow .3s ease}.sv h3,.fpc h3{transition:color .3s ease}.sv:hover,.sv:focus-visible,.fpc:hover,.fpc:focus-visible{box-shadow:0 10px 30px rgba(16,24,40,.12);outline:none}.sv:hover h3,.sv:focus-visible h3,.fpc:hover h3,.fpc:focus-visible h3{color:var(--nw-accent)}
/* Producentkort: skygge og producentfarve ved mouseover (Centiel rød #e20b14 fra centiel.com, Schneider Life Green #3dcd58 fra se.com) */.pbrand{transition:box-shadow .3s ease,color .3s ease}.pbrand:hover,.pbrand:focus-visible{box-shadow:0 10px 30px rgba(16,24,40,.12);outline:none}.pb-centiel:hover,.pb-centiel:focus-visible{color:#e20b14}.pb-apc:hover,.pb-apc:focus-visible{color:#3dcd58}
.pb-eaton:hover,.pb-eaton:focus-visible{color:#007ac2}
.pb-abb:hover,.pb-abb:focus-visible{color:#ff000f}
/* Knap som btn-wipe på blue-circle.dk: tyrkis var(--nw-accent), hover var(--nw-accent) fejes ind fra venstre (0,45 s), baggrund og tekst skifter samtidig, kanten følger efter 0,25 s; pilen vandret og drejer 45° op ved hover (0,3 s) */
.btnp{--bb:var(--nw-accent);--bh:var(--nw-accent);--fg:var(--nw-ink);position:relative;isolation:isolate;z-index:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;height:62.625px;min-width:256.66px;padding:0 32.6px 0 30.64px;border-radius:9999px;border:2px solid var(--bb);background-color:var(--bb);color:var(--fg);font-family:Montserrat,system-ui,sans-serif;font-weight:400;font-size:18px;line-height:22.62px;letter-spacing:-.014em;text-decoration:none;overflow:hidden;transition:color .45s ease,background-color .45s ease,border-color .2s ease .25s}
.btnp::before{content:"";position:absolute;top:0;bottom:0;left:0;width:0;z-index:-1;display:block;border-radius:9999px;background-color:var(--bh);transition:all .45s ease}
.btnp:hover{background-color:var(--bh);border-color:var(--bh);color:var(--fg)}.btnp:hover::before{width:100%}
.btnp:focus-visible{outline:2px solid var(--bb);outline-offset:3px}
.btnp-l{position:relative;z-index:2;white-space:nowrap}
.btnp-a{position:relative;z-index:2;display:flex;width:20px;height:20px;margin-top:2px;flex-shrink:0;align-items:center;justify-content:center;transform-origin:center;transform:rotate(0deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.btnp:hover .btnp-a{transform:rotate(-45deg)}
.btnp-a span{display:block;width:20px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 2.09 1.64'%3E%3Cline fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='.2' x1='1.87' y1='.82' y2='.82'/%3E%3Cpolygon points='1.21 0 1.07 .15 1.79 .82 1.07 1.49 1.21 1.64 2.09 .82 1.21 0'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 2.09 1.64'%3E%3Cline fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='.2' x1='1.87' y1='.82' y2='.82'/%3E%3Cpolygon points='1.21 0 1.07 .15 1.79 .82 1.07 1.49 1.21 1.64 2.09 .82 1.21 0'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media (prefers-reduced-motion:reduce){.btnp,.btnp::before,.btnp-a{transition:none}.btnp:hover .btnp-a{transform:none}}

/* Luft mellem heroens anlæg (der rager ud under heroen) og ikonmodulet */@media (min-width:1015px){.tiles{margin-top:35px}}
/* Mest efterspurgte: anlæggene holdes inde i kortets billedfelt */.fpc .im{position:relative;overflow:hidden;padding:20px 20px 0;box-sizing:border-box}.fpc .im img,.fpc .im.wide img{position:static;width:auto;height:auto;max-width:100%;max-height:100%;margin:0;object-fit:contain;object-position:bottom}
.adw{display:grid;gap:20px;align-items:center;background:#fff;border-radius:8px;padding:22px;transition:box-shadow .3s ease}
.adw:hover{box-shadow:0 10px 30px rgba(16,24,40,.12)}
.adw .adim{display:flex;justify-content:center}.adw .adim img{display:block;width:auto;height:auto;max-width:100%;max-height:220px}
.adw .eb{margin:0;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--nw-accent)}
.adw h2{margin:10px 0 0;font-size:22px;line-height:1.25;font-weight:700;color:var(--nw-ink)}
.adw p.ld{margin:14px 0 0;font-size:14.5px;line-height:1.55;color:#555;max-width:62ch}
.adw .kp{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:20px 0 24px}
@media (min-width:735px){.adw .kp{grid-template-columns:repeat(3,minmax(0,1fr))}}
.adw .kp div{border-left:2px solid var(--nw-accent);padding-left:12px}.adw .kp b{display:block;font-size:20px;font-weight:700;color:var(--nw-ink)}.adw .kp span{display:block;margin-top:2px;font-size:13px;color:#555}
@media (min-width:735px){.adw{padding:35px}.adw h2{font-size:26px}}
@media (min-width:1015px){.adw{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:35px;padding:35px 70px}.adw .adim img{max-height:280px}.adw h2{font-size:30px}}


/* Brødkrumme efter Wepshop_kort_1.ai (1715): hus 16,35×14,33 ved x89, tekst x125,6, pil 3,6×5,85, næste tekst +16,5 */
.bc .home,.bch-bc .bch-home{margin:0 20.28px 0 19px;position:relative;top:.6px}
.bc .sep,.bch-bc .bch-sep{display:inline-flex;margin:0 16.5px 0 7.5px;position:relative;top:2.3px;line-height:0}

.bc,.bch-bc{font-size:14px;line-height:19px}.bc .home svg,.bch-bc .bch-home svg{width:20.8px;height:18.2px}.bc .home svg path,.bch-bc .bch-home svg path{fill:var(--nw-accent)}.bc a:hover,.bch-bc a:hover{color:var(--nw-accent)}.bc .sep svg,.bch-bc .bch-sep svg{width:4.6px;height:7.5px}.bc .sep,.bch-bc .bch-sep{top:.5px!important;margin:0 18px 0 10px!important}
/*atea-size*/.srch input,.bch-srch input{height:48px!important;border-radius:24px!important;font-size:16px!important;padding:0 20px 0 52px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 18 18' fill='none' stroke='%238d8d8d' stroke-width='1'%3E%3Ccircle cx='7.42' cy='7.43' r='6.92'/%3E%3Cpath d='M12.2 12.4l5.71 5.71'/%3E%3C/svg%3E")!important;background-position:16px 12px!important;background-size:24px 24px!important;background-repeat:no-repeat!important}.bc,.bch-bc{font-size:14px!important;line-height:24px!important}.bc .home,.bch-bc .bch-home{width:24px;height:24px;margin:0 8px 0 16px!important;top:0!important;align-items:center;justify-content:center}.bc .home svg,.bch-bc .bch-home svg{display:none}.bc .home::before,.bch-bc .bch-home::before{content:"";display:block;width:24px;height:24px;background:var(--nw-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M12 2.8l10 8.4h-2.6v9.6H4.6v-9.6H2zM12 12.6a2.7 2.7 0 1 0 0 5.4a2.7 2.7 0 1 0 0-5.4z%22/%3E%3C/svg%3E") center/24px 24px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M12 2.8l10 8.4h-2.6v9.6H4.6v-9.6H2zM12 12.6a2.7 2.7 0 1 0 0 5.4a2.7 2.7 0 1 0 0-5.4z%22/%3E%3C/svg%3E") center/24px 24px no-repeat}.bc .home:hover::before,.bch-bc .bch-home:hover::before{background:var(--nw-accent)}.bc .sep,.bch-bc .bch-sep{width:24px;height:24px;margin:0 4px!important;top:0!important;align-items:center;justify-content:center;display:inline-flex!important}.bc .sep svg,.bch-bc .bch-sep svg{width:6px!important;height:9.75px!important}
/*sel-arrow*/select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding-right:44px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none' stroke='%230a0a0a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:14px 8px!important}select::-ms-expand{display:none}

.cmp-pick .slot{position:relative;background:var(--nw-page);border-radius:8px;padding:16px 16px 14px}
.cmp-pick .slot label{display:flex;align-items:center;gap:8px}
.cmp-pick .slot label::before{content:counter(slot);counter-increment:slot;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--nw-ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:0}
.cmp-pick{counter-reset:slot}
.cmp-pick .slot b{display:none}
.cmp-pick .slot small{margin-top:10px}
.cmp-t{margin-top:22px;border-top:0}
.cmp-r{padding:16px 0;border-bottom:1px solid var(--nw-surface-2);align-items:start}
.cmp-r:last-child{border-bottom:0}
.cmp-r .k{align-self:start;padding-top:4px}
.cmp-r .v{display:grid;gap:2px;font-size:15px;font-weight:600;color:var(--nw-ink)}
.cmp-r .v .n{display:inline-flex;align-items:center;gap:6px}
.cmp-r .v .s{font-size:12px;font-weight:500;color:var(--nw-muted)}
.cmp-r .v.na{color:#6e6e6e;font-weight:500;font-size:13px}
.cmp-r .v.win .n{color:var(--nw-accent)}
.cmp-r .ck{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--nw-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.6 8.2l2.2 2.2 4.6-4.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.cmp-r .bar{height:4px;border-radius:2px;background:var(--nw-surface-2);margin-top:8px}
.cmp-r .bar i{background:#c9d0d8;border-radius:2px}
.cmp-r .v.win .bar i{background:var(--nw-accent)}
.cmp-g{margin-top:28px}.cmp-g:first-child{margin-top:0}
.cmp-g h3{margin:0 0 4px;padding-bottom:10px;border-bottom:2px solid var(--nw-ink);font-size:15px;font-weight:700;color:var(--nw-ink);text-transform:none;letter-spacing:0}
.cmp-r .v.tx .n{font-size:14px;font-weight:500;line-height:1.45}
.cmp-warn{margin:0 0 22px;padding:12px 16px;border-radius:8px;background:#fff4e0;color:#7a4a00;font-size:13.5px;line-height:1.5}
.cmp-pick .slot small a{margin-left:2px}
.cmp-load{margin-top:22px;background:var(--nw-page);border-radius:8px;padding:16px;display:grid;gap:8px}
.cmp-load label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--nw-muted)}
.cmp-load .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cmp-load .row input{flex:0 0 160px;max-width:160px!important;width:160px!important;margin:0;background:#fff!important;height:44px;box-sizing:border-box;border:1px solid var(--nw-line);border-radius:8px;background:#fff;padding:0 14px;font:600 18px Montserrat,system-ui,sans-serif;color:var(--nw-ink)}
.cmp-load .row span{font-size:15px;font-weight:600;color:var(--nw-ink)}.cmp-load small{font-size:13px;color:var(--nw-muted);margin-left:6px}
.cmp-load p{margin:0;font-size:12.5px;line-height:1.5;color:var(--nw-muted);max-width:760px}
.cmp-pick{margin-top:12px}
.cmp-more{display:block}.cmp-more[hidden]{display:none}
.cmp-more .cmp-g:first-child{margin-top:0}
.cmp-tg{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:22px;height:50px;border:1px solid var(--nw-line);border-radius:8px;background:#fff;font:700 14px Montserrat,system-ui,sans-serif;color:var(--nw-accent);cursor:pointer}
.cmp-tg:hover{border-color:var(--nw-accent)}
.cmp-tg i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.cmp-tg[aria-expanded="true"] i{transform:translateY(2px) rotate(-135deg)}
.cmp-pick .slot .rg{display:block;margin-top:4px;font-style:normal;font-size:12px;color:var(--nw-accent);font-weight:600}


.why2{display:grid;gap:35px}
.why2 .wh{max-width:720px}
.why2 .eb{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--nw-accent)}
.why2 h2{margin:0}
.why2 .flead{margin:14px 0 0}
.why2 .wl{list-style:none;margin:0;padding:0;display:grid;gap:17.5px}
.why2 .wc{position:relative;background:#fff;border-radius:8px;padding:28px 26px 26px;display:flex;flex-direction:column;gap:18px;transition:box-shadow .3s ease,transform .3s ease}
.why2 .wc:hover{box-shadow:0 10px 30px rgba(16,24,40,.12)}
.why2 .wi{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--nw-accent)}
.why2 .wn{position:absolute;top:26px;right:26px;font-size:13px;font-weight:700;letter-spacing:1px;color:#6b7682}
.why2 h3{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:var(--nw-ink);text-transform:none;letter-spacing:0}
.why2 h3 small{display:block;margin-top:4px;font-size:14px;font-weight:400;color:var(--nw-muted)}
.why2 .wc p{margin:auto 0 0;padding-top:16px;border-top:1px solid var(--nw-line);font-size:14.5px;line-height:1.55;color:var(--nw-ink)}
.why2 .wc p b{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--nw-accent)}
@media (min-width:735px){.why2 .wl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1015px){.why2 .wl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1365px){.why2 .wl{grid-template-columns:repeat(5,minmax(0,1fr))}}

.en input.err{border-color:#e20b14!important;box-shadow:0 0 0 1px #e20b14}.en .err-t{color:#c4291c!important;margin-bottom:2px}.en .res.off .big{opacity:.5}
.bp .two{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}
.en .enbest{background:var(--nw-page);border-radius:8px;padding:16px;display:grid;gap:4px}.en .enbest .l{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--nw-muted)}.en .enbest b{font-size:15px;font-weight:700;color:var(--nw-ink)}.en .enbest small{font-size:12.5px;line-height:1.5;color:var(--nw-muted)}
@media (min-width:1260px){.en .kp{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Nye forsidesektioner: Sammenlign anlæg, Energiberegner, Batteriplanlægger */
.nx{background:#fff;border-radius:8px;padding:24px 20px;color:var(--nw-ink)}
.nx .eb{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--nw-accent);text-transform:uppercase}
.nx .eb svg{color:var(--nw-accent)}
.nx h2{margin:10px 0 0;font-size:22px;line-height:1.25;font-weight:700;text-transform:none;letter-spacing:0;color:var(--nw-ink)}
.nx .ld{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:#555;max-width:70ch}
.nx label{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--nw-muted);margin:0 0 6px}
.nx select,.nx input[type=number]{width:100%;box-sizing:border-box;height:44px;border:1px solid var(--nw-line);background:var(--nw-page);border-radius:6px;padding:0 12px;font:600 14px Montserrat,system-ui,sans-serif;color:var(--nw-ink)}
.nx select:focus,.nx input:focus{outline:2px solid var(--nw-accent);outline-offset:1px}
.nx input[type=range]{width:100%;accent-color:var(--nw-accent);margin:6px 0 0}
.nx .hint{margin:6px 0 0;font-size:12px;line-height:1.45;color:#6e6e6e}
.nx .note{margin:18px 0 0;font-size:12px;line-height:1.5;color:#6e6e6e}
.nx a.lk{font-weight:600;color:var(--nw-accent);text-decoration:none}
/* Sammenlign */
.cmp-pick{display:grid;gap:12px;margin-top:22px}
.cmp-pick .slot{background:var(--nw-page);border-radius:8px;padding:14px}
.cmp-pick .slot b{display:block;margin:10px 0 0;font-size:15px;line-height:1.3}
.cmp-pick .slot small{display:block;margin-top:3px;font-size:12px;color:var(--nw-muted)}
.cmp-pick .slot .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:0}
.cmp-t{margin-top:18px;border-top:1px solid var(--nw-line)}
.cmp-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--nw-surface-2)}
.cmp-r .k{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--nw-muted)}
.cmp-r .v{font-size:13.5px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.cmp-r .bar{display:block;height:6px;border-radius:3px;background:var(--nw-surface-2);margin-top:6px;overflow:hidden}
.cmp-r .bar i{display:block;min-width:4px;height:100%;border-radius:3px}
.cmp-r .best{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:9px;background:#e6f5fe;color:var(--nw-accent);font-size:10.5px;font-weight:700;vertical-align:1px}
/* Energiberegner */
.en{display:grid;gap:22px;margin-top:22px}
.en .in2{display:grid;gap:16px}
.en .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.en .kwv{display:flex;align-items:baseline;gap:6px;font-size:28px;font-weight:700;color:var(--nw-ink)}
.en .kwv small{font-size:14px;font-weight:600;color:var(--nw-muted)}
.en .res{border-radius:8px;padding:22px;color:#fff;background:linear-gradient(135deg,var(--nw-ink) 0%,var(--nw-accent) 100%)}
.en .res .big{font-size:34px;line-height:1.1;font-weight:700;margin-top:6px}
.en .res .lb{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#7fd3ff}
.en .res .sub{font-size:13.5px;color:var(--nw-accent-tint-2);margin-top:4px}
.en .kp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.en .kp div{border-left:2px solid var(--nw-accent);padding-left:10px}
.en .kp b{display:block;font-size:17px;font-weight:700;color:#fff}
.en .kp span{display:block;font-size:12px;color:var(--nw-accent-tint-2);margin-top:2px}
.en .bars{margin-top:22px;display:grid;gap:10px}
.en .bars .bl{display:flex;justify-content:space-between;font-size:12.5px;color:var(--nw-accent-tint-2);margin-bottom:5px}
.en .bars .bl b{color:#fff;font-weight:700}
.en .bars .tr{height:12px;border-radius:6px;background:rgba(255,255,255,.14);overflow:hidden}
.en .bars .tr i{display:block;height:100%;border-radius:6px;transition:width .4s ease}
.en .bars .a i{background:#ff8a5b}.en .bars .b i{background:var(--nw-accent)}
.en .res .neg{color:#ffb3a1}
/* Batteriplanlægger */
.bp{display:grid;gap:22px;margin-top:22px}
.bp .in3{display:grid;gap:16px}
.bp .tv{display:flex;align-items:baseline;gap:6px;font-size:28px;font-weight:700}
.bp .tv small{font-size:14px;font-weight:600;color:var(--nw-muted)}
.bp .st{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:700}
.bp .st.ok{background:#e7f8ef;color:#13804b}.bp .st.wa{background:#fff4e0;color:var(--nw-accent-dark)}.bp .st.ov{background:#fde8e6;color:#c4291c}
.bp .bpw{margin-top:14px;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.5;border-left:4px solid}
.bp .bpw b{display:block;font-size:14px;margin-bottom:2px}
.bp .bpw.wa{background:#fff4e0;color:#7a4300;border-color:#e08a00}
.bp .bpw.ov{background:#fde8e6;color:#8f1d13;border-color:#c4291c}
.bp .tv.hot{color:#c4291c}
.bp .tl{position:relative;margin:34px 0 8px;height:16px;border-radius:8px;background:var(--nw-surface-2)}
.bp .tl .life{position:absolute;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,var(--nw-accent),var(--nw-accent))}
.bp .tl .rng{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--nw-accent) 0 6px,#b9f4fb 6px 12px);border-radius:0 8px 8px 0}
.bp .tl .now{position:absolute;top:-26px;bottom:-6px;width:2px;background:var(--nw-ink)}
.bp .tl .now span{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:700;background:var(--nw-ink);color:#fff;padding:2px 7px;border-radius:9px}
.bp .ax{display:flex;justify-content:space-between;font-size:11.5px;color:var(--nw-muted)}
.bp .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.bp .facts div{background:var(--nw-page);border-radius:8px;padding:12px}
.bp .facts b{display:block;font-size:17px;font-weight:700}
.bp .facts span{display:block;font-size:12px;color:var(--nw-muted);margin-top:2px}
.bp .cta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px}
@media (min-width:735px){
 .nx{padding:35px}
 .nx h2{font-size:26px}
 .cmp-pick{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cmp-r{grid-template-columns:200px repeat(3,minmax(0,1fr));align-items:center}
 .cmp-r .k{grid-column:auto}
}
@media (min-width:1015px){
 .nx{padding:35px 70px}
 .nx h2{font-size:30px}
 .en{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:35px;align-items:start}
 .bp{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:35px;align-items:start}
 .en .res .big{font-size:42px}
}
@media (max-width:428px){.en .kp,.bp .facts{grid-template-columns:1fr}}