/* РБУ ГАРАНТ — «Живое 3D-фото» для насосов (.dl). Палитра и шрифты — токены site.css. */
.dl{position:relative;margin:28px auto 0;background:#0b0e10;color:#fff;isolation:isolate}
.dl-scene{position:relative;width:100%;aspect-ratio:16/9;max-height:78vh;min-height:360px;overflow:hidden;background:#0b0e10}
.dl--43 .dl-scene{aspect-ratio:4/3;max-height:82vh}
.dl-poster,.dl-poster img,.dl-gl,.dl-shade{position:absolute;inset:0;width:100%;height:100%;display:block}
.dl-poster img{object-fit:cover;transform:scale(1.07)}
.dl-gl{opacity:0;transition:opacity .9s ease}.dl.is-live .dl-gl{opacity:1}
.dl-shade{pointer-events:none;background:linear-gradient(180deg,rgba(8,10,12,.78) 0,rgba(8,10,12,.34) 24%,rgba(8,10,12,0) 46%),linear-gradient(0deg,rgba(8,10,12,.82) 0,rgba(8,10,12,.4) 18%,rgba(8,10,12,0) 40%)}
.dl-mark{position:absolute;width:22px;height:22px;border:0 solid var(--red);pointer-events:none;z-index:2}.dl-mark.m1{top:16px;left:16px;border-width:2px 0 0 2px}.dl-mark.m2{top:16px;right:16px;border-width:2px 2px 0 0}.dl-mark.m3{bottom:16px;left:16px;border-width:0 0 2px 2px}.dl-mark.m4{bottom:16px;right:16px;border-width:0 2px 2px 0}
.dl-top{position:absolute;z-index:2;left:0;right:0;top:0;padding:30px 34px 0;display:flex;gap:20px;justify-content:space-between;align-items:flex-start}
.dl-kicker{display:flex;align-items:center;gap:12px;font:700 12px/1.4 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#e4e8ea;margin:0 0 10px}.dl-kicker:before{content:"";width:28px;height:2px;background:var(--red)}
.dl-title{font:600 clamp(30px,4.2vw,58px)/1.06 var(--display);margin:0;max-width:880px;text-shadow:0 2px 24px rgba(0,0,0,.5)}.dl-title em{font-style:normal;color:#ff5a60}
.dl-hud{display:flex;gap:8px;flex-shrink:0}.dl-tag,.dl-toggle{border:1px solid rgba(255,255,255,.28);background:rgba(11,14,16,.55);backdrop-filter:blur(6px);color:#fff;font:700 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;padding:10px 12px}
.dl-toggle{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.dl-toggle[hidden]{display:none}.dl-toggle i{width:8px;height:8px;border-radius:50%;background:var(--red)}.dl-toggle[aria-pressed=true] i{background:#8a949b}.dl-toggle:focus-visible{outline:3px solid #fc9f29;outline-offset:2px}
.dl-foot{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:end;padding:22px 0 28px}
.dl-lead{margin:0 0 16px;font-size:16px;line-height:1.6;color:#dfe4e7;max-width:640px}.dl-cta{display:flex;flex-wrap:wrap;gap:12px}.dl-cta .btn.dl-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.dl-cta .btn.dl-ghost:hover{border-color:#fff}
.dl-cells{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:3px solid var(--red);background:#14181b}.dl-cell{padding:14px 16px;border-left:1px solid rgba(255,255,255,.12)}.dl-cell:first-child{border-left:0}.dl-cell dt{font:700 11px/1.3 var(--font);letter-spacing:.1em;text-transform:uppercase;color:#9ba4ab}.dl-cell dd{margin:6px 0 0;font:600 26px/1.1 var(--display)}.dl-cell dd small{font:500 13px var(--font);color:#c6ccd0;margin-left:4px}.dl-cell p{margin:6px 0 0;font-size:12px;line-height:1.4;color:#9ba4ab}
@media(max-width:900px){.dl-scene,.dl--43 .dl-scene{aspect-ratio:4/5;max-height:none;min-height:0}.dl-top{padding:22px 18px 0;flex-direction:column;gap:14px}.dl-foot{grid-template-columns:1fr;gap:18px;padding:18px 0 22px}.dl-cells{grid-template-columns:1fr 1fr}.dl-cell:nth-child(3){grid-column:1/3;border-left:0;border-top:1px solid rgba(255,255,255,.12)}}
@media(prefers-reduced-motion:reduce){.dl-gl{transition:none}}
/* живая сцена на видео */
.dl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.dl.is-live .dl-video{opacity:1}
.dl[data-live] .dl-poster img{transform:none}
@media(prefers-reduced-motion:reduce){.dl-video{display:none}}