/* ============================================================
   Protemics — lna.css
   Produktseite TS Companion (laedt nach product.css und site.css).
   ============================================================ */

/* Hero: Produktfoto auf hellem Feld im dunklen Panel */
.photo-panel{margin:0;overflow:hidden}
.photo-panel.light img{display:block;width:100%;height:auto;background:var(--paper)}
.photo-panel.dark img{display:block;width:100%;height:auto;background:#0e1921}

/* Abbildungen */
.fig{margin:0;display:flex;flex-direction:column}
.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)}

.sub-block{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center;margin-top:64px}
#accessory .sub-block{grid-template-columns:1fr 1.1fr;margin-top: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}
.sub-text .fig-note{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em}

.sec-head-sub{margin-top:64px;margin-bottom:20px}
.sec-head-sub h3{font-size:24px;font-weight:800}

/* Funktionen */
.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}

/* Betriebsarten */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.st{background:var(--paper);padding:30px;display:flex;flex-direction:column;gap:12px}
.st .sn{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--signal-dim)}
.st p{color:var(--mist);font-size:15.5px;line-height:1.6}
.hw{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:40px;align-items:start}

/* Datenblatt */
table.ds-wide .val{white-space:normal}
#specs .ds-wrap{background:var(--paper)}

/* Anwendungen */
.app-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair);display:grid;grid-template-columns:repeat(2,1fr);column-gap:48px}
.app-list li{padding:12px 0 12px 22px;border-bottom:1px solid var(--hair);font-size:15px;color:var(--graphite);position:relative}
.app-list li::before{content:"";position:absolute;left:2px;top:1.35em;width:10px;height:1px;background:var(--signal-dim)}

@media (max-width:860px){
  .figs-2,.sub-block,#accessory .sub-block,.fn-grid,.steps3,.hw,.app-list{grid-template-columns:1fr}
  .sub-block{gap:28px}
  .fn,.st{padding:26px}
}