/* ============================================================
   Protemics — terablast.css
   Produktseite TeraBlast (laedt nach product.css und site.css).
   ============================================================ */

/* Hero: freigestelltes Produktfoto im dunklen Panel */
.photo-panel{margin:0;overflow:hidden}
.photo-panel.dark img{display:block;width:100%;height:auto;background:#0e1921}

/* Abbildungen (nur in Sektionen mit Standardhintergrund) */
.fig{margin:0;display:flex;flex-direction:column;min-width:0}
.fig img{width:100%;height:auto;background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius)}
.fig figcaption{margin-top:12px;font-size:14px;line-height:1.55;color:var(--mist);max-width:70ch}
.fig figcaption b{color:var(--graphite);font-weight:600}
.figs{display:grid;gap:24px}
.figs-2{grid-template-columns:repeat(2,1fr)}
.figs-sp{margin-top:56px}
.fig-note{margin-top:22px;max-width:86ch;font-size:14px;line-height:1.6;color:var(--mist)}
.fig-note a,.sub-text a{color:var(--signal-dim);border-bottom:1px solid currentColor}

.sub-block{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sub-block > *{min-width:0}
.sub-text h3{margin-top:10px;font-size:24px;font-weight:800}
.sub-text p{margin-top:14px;color:var(--mist);font-size:15.5px;line-height:1.6}

/* Vorteile */
.fn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.fn{background:var(--paper);padding:30px;display:flex;flex-direction:column;gap:10px}
.fn .fl{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--signal-dim)}
.fn h3{font-size:19px}
.fn p{color:var(--mist);font-size:15px;line-height:1.6}

/* Datenblatt + Masszeichnung */
table.ds-wide .val{white-space:normal}
.ds-wrap{background:var(--paper)}
.spec-pair{display:grid;grid-template-columns:1.7fr 1fr;gap:40px;align-items:start}
#specs table.ds .param{width:52%}
.spec-pair > *{min-width:0}
.alt .fig img{background:var(--paper-2)}

/* Optionen: Beschreibung in Fliesstext statt Mono */
#options table.ds .param{width:32%;font-weight:600}
#options table.ds .val{font-family:var(--font-body);font-size:15px;color:var(--mist);line-height:1.55}

@media (max-width:860px){
  .figs-2,.sub-block,.fn-grid,.spec-pair{grid-template-columns:1fr}
  .sub-block{gap:28px}
  .figs-sp{margin-top:40px}
  .fn{padding:26px}
}