.cpp-materials{padding:64px 0 55px;border-top:1px solid #e4ebf4;background:#fff;scroll-margin-top:92px}.cpp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cpp-card{min-width:0;border:1px solid #dce5f1;border-radius:8px;overflow:hidden;background:#fff}.cpp-preview{display:flex;align-items:center;justify-content:center;height:350px;padding:24px;background:#f0f4fa;overflow:hidden;border-bottom:1px solid #e3ebf4}.cpp-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 25px #263e651c;transition:transform .2s}.cpp-preview:hover img{transform:translateY(-3px)}.cpp-card-info{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cpp-card h3{margin:0;font-size:17px;font-weight:650;color:#1d3453;letter-spacing:0}.cpp-card p{margin:7px 0 0;font-size:11px;color:#617591;line-height:1.7}.cpp-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.cpp-actions .av-btn{min-height:42px;gap:8px;white-space:nowrap}.cpp-materials svg,.cpp-dialog svg{width:17px;height:17px;flex:none}.cpp-note{margin:19px 0 0;color:#60738d;font-size:12px;line-height:1.9}.cpp-dialog{width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d6e1f0;border-radius:8px;background:#fff;color:#203653;box-shadow:0 24px 80px #10263c40;overflow:auto}.cpp-dialog::backdrop{background:#14253c80;backdrop-filter:blur(3px)}.cpp-dialog-head{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dfe7f2;position:sticky;top:0;background:#fff;z-index:1}.cpp-dialog h2{font-size:19px;font-weight:650;letter-spacing:0;margin:0;line-height:1.5}.cpp-dialog-head p{font-size:11px;color:#647b98;margin:3px 0 0}.cpp-dialog-image{padding:20px;display:flex;justify-content:center;background:#edf2f9;min-height:120px}.cpp-dialog-image img{display:block;width:auto;height:auto;max-height:calc(100dvh - 235px);max-width:100%;object-fit:contain}.cpp-dialog-image img[hidden]{display:none}.cpp-dialog-image p{font-size:13px;color:#8e4235;line-height:1.8}.cpp-dialog-image p[hidden]{display:none}.cpp-dialog-footer{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #dfe7f2}.cpp-dialog-footer>span{font-size:11px;color:#62748d}.cpp-dialog-footer .av-btn{gap:8px;white-space:nowrap;min-height:44px}.cpp-materials :focus-visible,.cpp-dialog :focus-visible{outline:2px solid #2468eb;outline-offset:4px}
@media(max-width:800px){.cpp-materials{padding:42px 0}.cpp-grid{grid-template-columns:1fr;gap:20px}.cpp-preview{height:330px;padding:20px}.cpp-preview--landscape{height:auto;aspect-ratio:1.9}.cpp-card-info{padding:20px}.cpp-dialog-head{padding:15px 16px}.cpp-dialog-footer{padding:15px 16px;flex-wrap:wrap}.cpp-dialog-image{padding:15px}.cpp-dialog h2{font-size:18px}.cpp-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cpp-preview img{transition:none}.cpp-preview:hover img{transform:none}}