.dtph-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.dtph-hero{padding:72px 0 48px;background:radial-gradient(1200px 400px at 70% -10%,rgba(255,59,59,.18),transparent),#0b0b0b;border-bottom:1px solid #1d1d1d}
.dtph-eyebrow{color:#ff3b3b;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.dtph-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;margin:12px 0 14px;max-width:18ch;font-weight:800}
.dtph-lead{color:#a8a8a8;font-size:1.08rem;max-width:62ch}
.dtph-search{display:flex;gap:10px;margin:26px 0 12px;max-width:640px}
.dtph-search input{flex:1;padding:14px 16px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;color:#fff;font-size:1rem}
.dtph-search input:focus{outline:2px solid #ff3b3b;border-color:#ff3b3b}
.dtph-search button{padding:14px 22px;background:#ff3b3b;color:#fff;border:0;border-radius:10px;font-weight:700;cursor:pointer}
.dtph-stat{color:#777;font-size:.88rem}
.dtph-section{padding:44px 0 8px}
.dtph-section h2{color:#fff;font-size:1.5rem;margin-bottom:18px}
.dtph-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.dtph-cat{display:flex;flex-direction:column;gap:4px;padding:18px;background:#141414;border:1px solid #232323;border-radius:12px;text-decoration:none;transition:border-color .15s,transform .15s}
.dtph-cat:hover{border-color:#ff3b3b;transform:translateY(-2px)}
.dtph-cat-name{color:#fff;font-weight:700}.dtph-cat-count{color:#8a8a8a;font-size:.86rem}
.dtph-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:40px}
.dtph-guide{display:flex;flex-direction:column;gap:8px;padding:20px;background:#141414;border:1px solid #232323;border-radius:12px;text-decoration:none}
.dtph-guide:hover{border-color:#ff3b3b}
.dtph-guide-title{color:#fff;font-weight:700;line-height:1.3}.dtph-guide-ex{color:#9a9a9a;font-size:.92rem}.dtph-guide-more{color:#ff3b3b;font-size:.86rem;font-weight:700}
.dtp-home .dtp-product-grid{margin-bottom:36px}
@media(max-width:600px){.dtph-hero{padding:44px 0 30px}.dtph-search{flex-direction:column}}