.qbat183{--ink:#14323f;--teal:#327f78;--mint:#d9efea;margin:32px 0;background:#fff;color:var(--ink);border:1px solid #d2e2df;border-radius:22px;overflow:hidden;isolation:isolate;font-size:16px;line-height:1.55;box-shadow:0 16px 38px #16323e12;scroll-margin-top:130px}
.qbat183 *{box-sizing:border-box}.qbat183 p{font-size:16px;margin:0}.qbat183 .qb-header{padding:26px 30px;background:var(--ink);color:white}.qbat183 .qb-kicker{color:#a9ded4;letter-spacing:.04em;font-weight:600;margin:0 0 7px}.qbat183 h2{color:inherit;font-size:clamp(25px,2.3vw,32px);font-weight:650;line-height:1.2;margin:0 0 12px}.qbat183 .qb-header>p:last-child{font-size:17px;color:#eff7f5}
.qbat183 .qb-header h2{color:#fff!important}
.qbat183 .qb-stage{position:relative;aspect-ratio:3/2;background:#e1ded5;overflow:hidden}.qbat183 .qb-scene{display:block;width:100%;height:100%;object-fit:cover}.qbat183 .qb-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;width:58px;height:58px;border:2px solid #fff;background:#14323fe8;color:#fff;box-shadow:0 6px 22px #0b223c55;border-radius:50%;font:inherit;font-size:20px;font-weight:700;padding:0;cursor:pointer}.qbat183 .qb-pin[aria-pressed=true]{width:140px;height:140px;opacity:0}.qbat183 .qb-camera{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:140px;height:140px;border:3px solid var(--teal);background:white;border-radius:50%;box-shadow:0 0 0 6px #d9efead9,0 10px 30px #122f4055;padding:10px;pointer-events:none;z-index:2;transition:left .5s ease,top .5s ease}.qbat183 .qb-camera img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}.qbat183 .qb-camera>span{position:absolute;bottom:-3px;right:-3px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:2px solid #fff;background:var(--teal);color:white;font-size:16px;font-weight:700}.qbat183 .qb-pin:focus-visible{outline:4px solid #92e5e3;outline-offset:7px;opacity:1;background:transparent}.qbat183 .qb-pin[aria-pressed=true]:focus-visible .qb-dot{visibility:hidden}
.qbat183 .qb-controls{padding:16px 24px;background:#edf5f2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qbat183 .qb-choice{min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;background:white;border:1px solid #b9d2c9;border-radius:10px;color:var(--ink);font:inherit;font-size:17px;line-height:1.25;padding:10px;cursor:pointer}.qbat183 .qb-choice span{font-size:16px;font-weight:700;opacity:.65}.qbat183 .qb-choice[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.qbat183 .qb-choice:focus-visible,.qbat183 .qb-link:focus-visible{outline:3px solid #138d98;outline-offset:3px}
.qbat183 .qb-info{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:26px;padding:28px 30px;align-items:start}.qbat183 .qb-closeup{border:1px solid #d5e4de;border-radius:14px;overflow:hidden;background:#edf5f2}.qbat183 .qb-crop{height:250px;background-size:245%;background-repeat:no-repeat;transition:background-position .6s ease}.qbat183 .qb-closeup>p{padding:12px 14px;color:#41636a;font-size:16px}.qbat183 h3{font-size:25px;line-height:1.25;margin:0 0 12px;color:var(--ink);font-weight:650}.qbat183 .qb-description{font-size:17px;margin:0 0 18px}.qbat183 .qb-product{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding-top:16px;border-top:1px solid #e1eae5;align-items:start}.qbat183 .qb-product>img{display:block;width:110px;height:110px;object-fit:contain}.qbat183 .qb-model{font-weight:700;margin-bottom:6px}.qbat183 .qb-feature{margin-bottom:12px;color:#3b5661}.qbat183 .qb-link{display:inline-flex;align-items:center;gap:18px;padding:9px 16px;background:var(--ink);border-radius:9px;color:#fff!important;font-size:16px;font-weight:600;text-decoration:none!important}.qbat183 .qb-link:hover{background:#246860}.qbat183 .qb-note{padding:13px 30px 17px;border-top:1px solid #edf2f0;font-size:16px;color:#536c76}.qbat183 .qb-product p:empty{display:none}
@media(max-width:850px){.qbat183 .qb-header{padding:22px}.qbat183 .qb-info{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:20px;padding:22px}.qbat183 .qb-camera,.qbat183 .qb-pin[aria-pressed=true]{width:108px;height:108px}.qbat183 .qb-crop{height:230px}.qbat183 .qb-product{grid-template-columns:80px minmax(0,1fr);gap:12px}.qbat183 .qb-product>img{width:80px;height:100px}}
@media(max-width:560px){.qbat183{border-radius:16px;margin:26px 0}.qbat183 .qb-header{padding:20px 18px}.qbat183 h2{font-size:25px}.qbat183 .qb-header>p:last-child{font-size:16px}.qbat183 .qb-camera,.qbat183 .qb-pin[aria-pressed=true]{width:70px;height:70px}.qbat183 .qb-camera{padding:5px;border-width:2px;box-shadow:0 0 0 4px #d9efead9,0 5px 16px #122f4055}.qbat183 .qb-camera>span{width:25px;height:25px}.qbat183 .qb-pin{width:44px;height:44px;font-size:18px}.qbat183 .qb-controls{padding:12px 10px;gap:7px}.qbat183 .qb-choice{font-size:16px;padding:9px 5px;gap:5px;min-height:55px}.qbat183 .qb-choice span{display:none}.qbat183 .qb-info{display:flex;flex-direction:column;gap:18px;padding:18px 16px}.qbat183 .qb-closeup{display:grid;grid-template-columns:115px 1fr;width:100%;align-items:center}.qbat183 .qb-crop{height:90px;background-size:250%}.qbat183 .qb-closeup>p{padding:10px 12px}.qbat183 h3{font-size:23px}.qbat183 .qb-description{font-size:16px;margin-bottom:15px}.qbat183 .qb-product{grid-template-columns:80px minmax(0,1fr)}.qbat183 .qb-product>img{height:110px}.qbat183 .qb-note{padding:12px 18px 16px}}
@media(prefers-reduced-motion:reduce){.qbat183 *{transition:none!important;animation:none!important}}

/* Den valgte model følger samme centrerede monteringspunkt som nærbilledet. */
.qbat183 .qb-crop{position:relative}.qbat183 .qb-preview-camera{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;padding:7px;border:3px solid var(--teal);border-radius:50%;background:white;box-shadow:0 0 0 4px #d9efead9,0 5px 15px #122f4055;pointer-events:none}.qbat183 .qb-preview-camera img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:50%}@media(max-width:560px){.qbat183 .qb-preview-camera{width:48px;height:48px;padding:4px;border-width:2px;box-shadow:0 0 0 3px #d9efead9,0 3px 8px #122f4055}}
