.pd-hero{background:linear-gradient(135deg,#1B2A4A 0%,#2d4a7a 100%);padding:100px 20px 80px;text-align:center;color:#fff}
.pd-hero h1{font-size:44px;font-weight:800;margin:0 0 15px}
.pd-hero p{font-size:18px;opacity:0.9;max-width:750px;margin:0 auto;line-height:1.7}
.pd-nav{background:#fff;padding:25px 20px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}
.pd-nav-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pd-nav a{display:inline-block;padding:8px 18px;border-radius:25px;text-decoration:none;font-size:14px;font-weight:600;color:#1B2A4A;background:#f0f2f5;transition:all 0.3s}
.pd-nav a:hover{background:#C9A961;color:#fff}
.pd-section{padding:70px 20px}
.pd-section-alt{background:#F5F7FA}
.pd-container{max-width:1200px;margin:0 auto}
.pd-category{margin-bottom:60px}
.pd-cat-header{display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:center;margin-bottom:30px;padding-bottom:25px;border-bottom:2px solid #eee}
.pd-cat-header-reverse{grid-template-columns:1fr 380px}
.pd-cat-img{width:100%;height:260px;object-fit:cover;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.12)}
.pd-cat-info h2{font-size:28px;font-weight:800;color:#1B2A4A;margin:0 0 10px}
.pd-cat-info .pd-cat-accent{color:#C9A961;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}
.pd-cat-info p{font-size:15px;color:#555;line-height:1.7;margin:0 0 15px}
.pd-cat-info .pd-cat-count{font-size:13px;color:#999;margin:0}
.pd-subcats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pd-subcat{background:#fff;border-radius:10px;padding:22px 18px;box-shadow:0 2px 15px rgba(0,0,0,0.06);transition:all 0.3s;border-left:3px solid transparent}
.pd-subcat:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.12);border-left-color:#C9A961}
.pd-subcat h4{font-size:16px;color:#1B2A4A;margin:0 0 8px;font-weight:700}
.pd-subcat ul{list-style:none;padding:0;margin:0}
.pd-subcat ul li{font-size:13px;color:#666;padding:3px 0;line-height:1.5;border-bottom:1px solid #f5f5f5}
.pd-subcat ul li:last-child{border-bottom:none}
.pd-subcat .pd-inquiry{display:inline-block;margin-top:12px;font-size:13px;color:#C9A961;text-decoration:none;font-weight:600;transition:color 0.3s}
.pd-subcat .pd-inquiry:hover{color:#1B2A4A}
.pd-cta{background:linear-gradient(135deg,#1B2A4A,#2d4a7a);padding:80px 20px;text-align:center;color:#fff}
.pd-cta h2{font-size:34px;font-weight:800;margin:0 0 15px}
.pd-cta p{font-size:17px;opacity:0.9;margin:0 0 30px;max-width:650px;margin-left:auto;margin-right:auto}
.yw-btn{display:inline-block;padding:16px 40px;border-radius:6px;text-decoration:none;font-weight:700;font-size:16px;transition:all 0.3s;cursor:pointer}
.yw-btn-gold{background:#C9A961;color:#fff}
.yw-btn-gold:hover{background:#b8933f;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(201,169,97,0.4)}
@media(max-width:992px){
.pd-cat-header,.pd-cat-header-reverse{grid-template-columns:1fr;gap:20px}
.pd-subcats{grid-template-columns:repeat(2,1fr)}
.pd-hero h1{font-size:32px}
.pd-nav-inner{gap:6px}
.pd-nav a{padding:6px 12px;font-size:12px}
}
@media(max-width:576px){
.pd-subcats{grid-template-columns:1fr}
}