.pd-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2rem;align-items:center;margin-bottom:2.2rem}
.pd-media{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.2rem;cursor:zoom-in;box-shadow:0 10px 30px rgba(6,42,51,.08);line-height:0}
.pd-media img{width:100%;height:auto;max-height:420px;object-fit:contain;display:block}
.pd-head h2{font-size:clamp(1.4rem,2.8vw,2rem);margin:.4rem 0 .7rem}
.pd-act{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.pd-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:2rem;align-items:start}
.pd-main{min-width:0}
.pd-h{font-size:1.1rem;font-weight:800;margin:1.8rem 0 .8rem;padding-left:.7rem;border-left:4px solid var(--red)}
.pd-h:first-child{margin-top:0}
.pd-p{font-size:.95rem;line-height:1.85;color:#26424b}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}
.feat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.95rem 1rem}
.feat b{display:block;font-size:.92rem;color:var(--deep2);margin-bottom:.3rem}
.feat p{font-size:.84rem;color:var(--steel);line-height:1.6}
.pd-side{display:grid;gap:1rem;position:sticky;top:calc(var(--nav-h) + 16px)}
.pd-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem}
.pd-box h4{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:.7rem}
.pd-apps{list-style:none;display:grid;gap:.45rem}
.pd-apps li{font-size:.87rem;color:#26424b;padding-left:1rem;position:relative;line-height:1.55}
.pd-apps li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--teal)}
.pd-advice{background:linear-gradient(135deg,#fbf7ee,#fff);border-color:var(--sand-deep)}
.pd-advice p{font-size:.86rem;color:#6b5b39;line-height:1.7}
@media (max-width:1120px){.pd-top,.pd-grid{grid-template-columns:1fr}.pd-side{position:static}}