.pd-page{--white:#fff;--off-white:#f8fafc;--deep:#1a365d;--azure:#4a90d9;--sky:#87ceeb;--slate:#64748b;color:#2d3748;background:var(--white)}.pd-page>.nav{z-index:1000}.pd-hero{background:linear-gradient(135deg, var(--off-white) 0%, var(--white) 100%);padding:160px 60px 80px}.pd-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1400px;margin:0 auto;display:grid}.pd-main-image{aspect-ratio:4/3;background:var(--white);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000014}.pd-main-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.pd-main-image:hover img{transform:scale(1.05)}.pd-thumbs{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.pd-thumb{background:var(--white);cursor:pointer;border:3px solid #0000;border-radius:12px;transition:all .3s;overflow:hidden}.pd-thumb:hover,.pd-thumb.active{border-color:var(--azure)}.pd-thumb img{aspect-ratio:1;object-fit:cover;border-radius:0;width:100%}.pd-category{color:var(--azure);letter-spacing:2px;text-transform:uppercase;background:#e0f2fe;border-radius:4px;margin-bottom:20px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-block}.pd-info h1{color:var(--deep);margin-bottom:20px;font-size:clamp(32px,4vw,48px);line-height:1.2}.pd-info p{color:var(--slate);margin-bottom:28px;font-size:18px;line-height:1.8}.pd-specs{gap:12px;margin-bottom:28px;display:grid}.pd-spec-item{background:var(--off-white);border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex}.pd-spec-icon{background:linear-gradient(135deg, var(--azure) 0%, var(--sky) 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pd-spec-icon svg{width:20px;height:20px;fill:var(--white)}.pd-spec-text{flex:1}.pd-spec-text span{color:var(--slate);text-transform:uppercase;letter-spacing:1px;font-size:12px;display:block}.pd-spec-text p{color:var(--deep);font-size:16px;font-weight:600}.pd-buttons{gap:12px;display:flex}.pd-btn-primary,.pd-btn-secondary{letter-spacing:1px;text-transform:uppercase;border-radius:4px;align-items:center;gap:10px;padding:16px 28px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.pd-btn-primary{background:linear-gradient(135deg, var(--azure) 0%, var(--sky) 100%);color:var(--white)}.pd-btn-secondary{background:var(--white);color:var(--deep);border:2px solid #dbe5f2}.pd-btn-primary:hover{background:#1a365d;transform:translateY(-2px)}.pd-btn-secondary:hover{border-color:var(--azure);color:var(--azure);transform:translateY(-2px)}.pd-section{max-width:1400px;margin:0 auto;padding:90px 60px}.pd-section h2{color:var(--deep);margin-bottom:28px;font-size:clamp(30px,4vw,44px)}.pd-feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pd-feature-grid article{background:var(--off-white);border-radius:18px;padding:24px}.pd-feature-grid h3{color:var(--deep);margin-bottom:10px}.pd-feature-grid p{color:var(--slate);line-height:1.7}.pd-related-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pd-related-card{color:inherit;background:var(--white);border-radius:16px;text-decoration:none;overflow:hidden;box-shadow:0 4px 24px #0000000f}.pd-related-card img{object-fit:cover;width:100%;height:220px}.pd-related-card h3{color:var(--deep);padding:16px;font-size:20px}.pd-final-cta{text-align:center;color:var(--white);background:linear-gradient(135deg,#1a365d 0%,#4a90d9 100%);margin-top:30px;padding:90px 24px}.pd-final-cta h2{margin-bottom:22px;font-size:clamp(30px,5vw,48px)}.pd-btn-white{color:var(--deep);background:var(--white);border-radius:8px;padding:14px 22px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:980px){.pd-hero,.pd-section{padding-left:20px;padding-right:20px}.pd-hero-grid,.pd-feature-grid,.pd-related-grid{grid-template-columns:1fr}}