/* DELTA product pages: section menu + sections. Loaded only on /delta/<product>/ pages. */
:root{--dn-h:0px;--psn-h:58px}
.prod{padding-bottom:48px}

/* ---- sticky section menu ---- */
.psn-wrap{position:sticky;top:var(--dn-h);height:0;z-index:35}
.psn{position:absolute;left:0;right:0;top:0;background:#fff;border-bottom:1px solid #D3DEEA;box-shadow:0 6px 18px rgba(7,39,72,.12);
 transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s}
.psn.stuck{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .25s ease,opacity .2s ease,visibility 0s}
.psn-in{display:flex;align-items:center;gap:0;min-height:58px}
.psn-name{font-weight:700;font-size:15px;color:#0E3F75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;flex:0 0 auto;margin-right:32px}
.psn-links{display:flex;gap:30px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.psn-links::-webkit-scrollbar{display:none}
.psn-links a{flex:0 0 auto;white-space:nowrap;color:#12223A!important;text-decoration:none;font-size:15.5px;font-weight:500;padding:18px 0 15px;border-bottom:3px solid transparent;transition:color .15s,border-color .15s}
.psn-links a:hover{color:#0E3F75!important;border-bottom-color:#D3DEEA}
.psn-links a.on{color:#0E3F75!important;font-weight:600;border-bottom-color:#F2B705}
.psn-links a:focus-visible{outline:2px solid #0E3F75;outline-offset:2px}
.psn-cta{flex:0 0 auto;margin-left:24px;display:inline-flex;align-items:center;min-height:38px;padding:0 16px;background:#F2B705;color:#12223A!important;font-weight:700;font-size:14px;text-decoration:none}

/* ---- sections ---- */
.psec{padding:64px 0 72px;scroll-margin-top:calc(var(--dn-h) + var(--psn-h) + 4px)}
.psec.alt{background:#EEF3F8}
.psec h2.psec-h{font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin:0 0 32px;color:#12223A}
.psec h3{font-size:19px;margin:28px 0 8px;color:#12223A}
.psec-note{margin:28px 0 0;color:#34496A;font-size:14px}

/* features */
.pfeat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 56px}
.pfeat li{position:relative;padding-left:34px}
.pfeat li::before{content:"";position:absolute;left:4px;top:7px;width:13px;height:7px;border-left:2.5px solid #0E3F75;border-bottom:2.5px solid #0E3F75;transform:rotate(-45deg)}
.pfeat b{display:block;font-size:18px;line-height:1.3;color:#12223A;margin-bottom:6px}
.pfeat p{margin:0;color:#34496A;line-height:1.6}
.ptech{margin:32px 0 0;font-size:14px;color:#34496A;border-top:1px solid #D3DEEA;padding-top:16px}
.pprose{max-width:860px;line-height:1.7}
.pprose p{margin:0 0 14px}

/* where to use */
.puse{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.puse-txt{max-width:820px;line-height:1.7}
.puse-txt p{margin:0 0 14px;color:#1D2023}
.puse-txt h3:first-child{margin-top:0}
.puse-for{background:#fff;border:1px solid #D3DEEA;padding:20px 22px}
.psec:not(.alt) .puse-for{background:#EEF3F8;border-color:#EEF3F8}
.puse-for h3{margin:0 0 6px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#34496A}
.puse-only{max-width:640px}

/* product data */
.ptab{margin:0;border-top:2px solid #0E3F75;max-width:980px}
.ptab>div{display:grid;grid-template-columns:minmax(200px,2fr) 3fr;gap:24px;padding:13px 16px;border-bottom:1px solid #D3DEEA}
.ptab>div:nth-child(odd){background:rgba(14,63,117,.04)}
.psec.alt .ptab>div:nth-child(odd){background:#fff}
.ptab dt{color:#34496A}
.ptab dd{margin:0;font-weight:600;color:#12223A}
.ptab dd ul{margin:0;padding-left:18px;font-weight:600}
.ptab dd li+li{margin-top:4px}
.psec .note{margin:16px 0 0;font-size:14px;color:#34496A}

/* related products: cards without picture */
.dcard.pcard-x .dcard-b{border-top:4px solid #F2B705}

/* downloads */
.psec .pdfc-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}

/* video (click-to-load, no YouTube cookies until played) */
.pvid{position:relative;display:block;width:100%;max-width:960px;aspect-ratio:16/9;border:0;padding:0;background:#0E1A2B center/cover no-repeat;cursor:pointer;overflow:hidden}
.pvid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.35))}
.pvid-play{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;background:#F2B705;z-index:1;transition:transform .2s}
.pvid-play::before{content:"";position:absolute;left:31px;top:24px;border-left:22px solid #12223A;border-top:15px solid transparent;border-bottom:15px solid transparent}
.pvid:hover .pvid-play,.pvid:focus-visible .pvid-play{transform:scale(1.08)}
.pvid-l{position:absolute;left:20px;bottom:16px;z-index:1;color:#fff;font-weight:600;font-size:15px}
.pvid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

@media(max-width:959px){
 .psn-in{padding-right:118px}
 .psn-links{gap:22px}
 .psn-links a{font-size:15px;padding:16px 0 13px}
 .psn-name,.psn-cta{display:none}
 .psec{padding:44px 0 52px}
 .psec h2.psec-h{margin-bottom:24px}
 .pfeat{grid-template-columns:1fr;gap:22px}
 .puse{grid-template-columns:1fr;gap:24px}
 .ptab>div{grid-template-columns:1fr;gap:2px;padding:12px 4px}
 .ptab>div:nth-child(odd),.psec.alt .ptab>div:nth-child(odd){background:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.psn,.psn.stuck,.pvid-play{transition:none}}

/* top-right: lead text + key figures */
.prod-t .plead{font-size:18px;line-height:1.6;color:#1D2023;margin:12px 0 20px}
.pfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 24px;background:#D3DEEA;border:1px solid #D3DEEA}
.pfacts>div{background:#fff;padding:14px 14px 12px;border-top:3px solid #F2B705}
.pfacts dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#34496A;margin-bottom:6px}
.pfacts dd{margin:0;font-size:17px;font-weight:700;color:#0E3F75;line-height:1.25}
@media(max-width:1180px){.pfacts{grid-template-columns:repeat(2,minmax(0,1fr))}}
