.pd-page{position:relative;overflow:hidden;background:var(--bg)}
.pd-copy{min-width:0;overflow-wrap:anywhere}
.pd-shell{position:relative;width:min(1180px,calc(100% - 36px));margin-inline:auto}
/* Bakgrunnen følger høyden på toppfeltet, uten lyst overlegg. */
.pd-hero{
  padding:26px 0 56px;
  border-bottom:1px solid var(--border);
  background-color:var(--bg);
  background-image:url("../img/product-hero-fire-v1.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.pd-hero .pd-image-stage{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,246,242,.84))}
.pd-hero .pd-copy{
  padding:clamp(20px,3vw,36px);
  border:1px solid rgba(255,255,255,.20);
  border-radius:24px;
  background:rgba(248,246,242,.28);
  box-shadow:0 10px 32px rgba(17,24,39,.04);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.pd-hero .pd-lead,.pd-hero .pd-advice{color:#1f2937}
@media(max-width:900px){
  .pd-hero{
    background-position:65% center;
  }
}
.pd-breadcrumb{display:flex;align-items:center;gap:8px;min-height:32px;margin-bottom:34px;color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap;overflow:auto;scrollbar-width:none}
.pd-breadcrumb::-webkit-scrollbar{display:none}.pd-breadcrumb a:hover{color:var(--accent)}.pd-breadcrumb span[aria-current]{color:var(--text)}
.pd-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);gap:clamp(32px,5vw,72px);align-items:center}
.pd-kicker,.pd-eyebrow{margin:0 0 12px;color:var(--accent);font:900 12px/1.2 system-ui;text-transform:uppercase;letter-spacing:.11em}.pd-kicker{display:flex;align-items:center;gap:10px}.pd-kicker span{display:block;width:30px;height:2px;background:var(--accent)}
.pd-copy h1{max-width:820px;margin:0;font-size:clamp(36px,4.7vw,60px);line-height:1;letter-spacing:-.042em;text-wrap:balance}.pd-copy h1.pd-title--long{font-size:clamp(32px,3.8vw,49px);line-height:1.04}.pd-copy h1.pd-title--xlong{font-size:clamp(28px,3.2vw,42px);line-height:1.08}.pd-lead{max-width:670px;margin:18px 0 0;color:var(--muted);font-size:clamp(17px,1.7vw,20px);line-height:1.5}
.pd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px}.pd-advice{max-width:590px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.pd-missing{display:grid;gap:4px;margin-top:22px;padding:15px 17px;border:1px solid #f1b8b8;border-left:4px solid var(--accent);border-radius:12px;background:#fff7f7}.pd-missing strong,.pd-no-specs strong{color:var(--accent);letter-spacing:.06em}.pd-missing span,.pd-no-specs span{color:var(--muted);font-size:14px}
.pd-visual{min-width:0}.pd-image-stage{position:relative;display:grid;place-items:center;min-height:430px;padding:36px;overflow:hidden;border:1px solid var(--border);border-radius:25px;background:linear-gradient(145deg,#fff 0%,#f4f1ec 100%);box-shadow:0 20px 52px rgba(17,24,39,.09);isolation:isolate}.pd-image-stage:before{content:"";position:absolute;inset:9% 10%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(185,28,28,.11),transparent 68%);filter:blur(14px)}.pd-image-stage img{width:100%;height:350px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(17,24,39,.14));transition:transform .45s cubic-bezier(.22,1,.36,1)}.pd-image-stage:hover img{transform:translateY(-4px) scale(1.012)}.pd-image-label{position:absolute;top:18px;left:20px;padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.85);color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pd-section{padding:72px 0}.pd-section-muted{background:var(--surface-2);border-block:1px solid var(--border)}.pd-content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.pd-panel{position:relative;padding:clamp(24px,4vw,48px);overflow:hidden;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.pd-panel h2,.pd-section-heading h2,.pd-source-card h2,.pd-contact h2{font-size:clamp(27px,3.5vw,42px);line-height:1.08;letter-spacing:-.03em}.pd-panel h3{margin:32px 0 14px;font-size:17px}.pd-description>p:not(.pd-eyebrow){max-width:68ch;color:var(--muted);font-size:17px}.pd-section-number{position:absolute;top:24px;right:26px;color:color-mix(in oklab,var(--text) 16%,transparent);font:950 46px/1 system-ui;letter-spacing:-.06em}
.pd-source-notes{margin-top:24px;border:1px solid var(--border);border-radius:13px;background:var(--bg)}.pd-source-notes summary{padding:14px 16px;cursor:pointer;color:var(--text);font-weight:850}.pd-source-notes[open] summary{border-bottom:1px solid var(--border)}.pd-source-notes p{max-width:68ch;margin:0;padding:16px;color:var(--muted);font-size:15px;line-height:1.65}
.pd-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.pd-checks li{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--bg);font-weight:750;line-height:1.35}.pd-checks svg{flex:0 0 auto;color:var(--accent)}
.pd-spec-panel{background:var(--ink);color:#fff}.pd-spec-panel .pd-eyebrow{color:#fca5a5}.pd-spec-panel .pd-section-number{color:rgba(255,255,255,.12)}.pd-specs{margin:28px 0 0}.pd-specs div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.15)}.pd-specs dt{color:#d6dde7;font-size:15px}.pd-specs dd{margin:0;text-align:right;font-weight:850}.pd-disclaimer{margin:24px 0 0;color:#c5ceda;font-size:13px;line-height:1.55}.pd-no-specs{display:grid;gap:6px;margin-top:26px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:13px}.pd-no-specs span{color:#cbd5e1}
.pd-section-heading{position:relative;display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.pd-section-heading .pd-section-number{position:static}.pd-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pd-use{display:grid;align-content:space-between;min-height:150px;padding:18px;border:1px solid var(--border);border-radius:16px;background:#fff}.pd-use span{color:var(--accent);font-size:12px;font-weight:900}.pd-use strong{font-size:17px}
.pd-source-card,.pd-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(24px,4vw,44px);border-radius:22px}.pd-source-card{border:1px solid var(--border);background:#fff}.pd-source-card p:not(.pd-eyebrow),.pd-contact p:not(.pd-eyebrow){max-width:680px;margin:10px 0 0;color:var(--muted)}.pd-source-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.pd-source-empty{padding:10px 12px;border-radius:9px;background:#fff1f1;color:var(--accent);font-weight:900}
.pd-contact{padding:0 0 76px}.pd-contact-inner{background:linear-gradient(125deg,var(--ink),#242e3c);color:#fff;box-shadow:0 24px 55px rgba(17,24,39,.16)}.pd-contact .pd-eyebrow{color:#fca5a5}.pd-contact p:not(.pd-eyebrow){color:#cbd5e1}.pd-contact .pd-actions{justify-content:flex-end;margin:0}
@media(max-width:900px){.pd-hero-grid,.pd-content-grid{grid-template-columns:1fr}.pd-copy{order:1}.pd-visual{order:0}.pd-image-stage{min-height:420px}.pd-image-stage img{height:340px}.pd-use-grid{grid-template-columns:repeat(2,1fr)}.pd-contact-inner,.pd-source-card{align-items:flex-start;flex-direction:column}.pd-contact .pd-actions{justify-content:flex-start}}
@media(max-width:580px){.pd-shell{width:min(100% - 24px,1180px)}.pd-hero{padding-top:16px}.pd-breadcrumb{margin-bottom:16px}.pd-copy h1{font-size:clamp(31px,10vw,43px)}.pd-copy h1.pd-title--long{font-size:clamp(28px,8vw,36px)}.pd-copy h1.pd-title--xlong{font-size:clamp(25px,7.2vw,32px)}.pd-hero-grid{gap:22px}.pd-image-stage{min-height:285px;padding:28px 18px;border-radius:20px}.pd-image-stage img{height:240px}.pd-section{padding:48px 0}.pd-panel{padding:24px 18px}.pd-checks,.pd-use-grid{grid-template-columns:1fr}.pd-use{min-height:110px}.pd-specs div{grid-template-columns:1fr}.pd-specs dd{text-align:left}.pd-actions{align-items:stretch;flex-direction:column}.pd-actions .btn{width:100%;white-space:normal}.pd-section-number{font-size:38px}.pd-contact{padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.pd-image-stage img{transition:none}.pd-image-stage:hover img{transform:none}}