/* PROMTUBE — catalog extension, наследует переменные из style.css */

.cat-hero{padding:160px 0 60px;border-bottom:1px solid var(--line-3)}
.cat-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(32px,4.4vw,56px);line-height:1.05;letter-spacing:-.03em;margin:18px 0 20px;color:var(--ink)}
.cat-hero h1 em{font-style:normal;color:var(--red)}
.cat-hero p{max-width:60ch;font-size:15px;line-height:1.6;color:var(--ink-mute)}

.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:1100px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.cat-grid{grid-template-columns:1fr}}

.cat-card{display:flex;flex-direction:column;gap:10px;padding:24px 22px;background:#fff;border-radius:16px;border:1px solid var(--line);transition:transform .25s var(--ease-out),border-color .25s,box-shadow .25s;position:relative}
.cat-card:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 14px 30px -20px rgba(14,15,18,.35)}
.cat-card__num{font:500 10px/1 var(--mono);color:var(--ink-dim)}
.cat-card__icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--red-soft);border-radius:9px;color:var(--red)}
.cat-card__icon svg{width:18px;height:18px}
.cat-card h3{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.015em;color:var(--ink)}
.cat-card p{font-size:12.5px;line-height:1.5;color:var(--ink-mute);flex:1}
.cat-card__spec{font:600 11px/1 var(--mono);color:var(--red-dk);padding-top:8px;border-top:1px dashed var(--line-2)}

.cat-cta{padding-bottom:100px}
.cat-cta__box{background:var(--ink);border-radius:22px;padding:52px 48px;text-align:center;color:#fff}
.cat-cta__box h2{font-family:var(--display);font-weight:600;font-size:clamp(22px,2.6vw,32px);margin-bottom:12px}
.cat-cta__box p{max-width:56ch;margin:0 auto 24px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.6}

/* ── карточка отдельного типоразмера ── */
.pd-hero{padding:150px 0 50px}
.pd-crumb{font:500 11px/1 var(--mono);color:var(--ink-mute);margin-bottom:18px;display:flex;gap:8px;align-items:center}
.pd-crumb a{color:var(--ink-mute)}
.pd-crumb a:hover{color:var(--red)}
.pd-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(30px,4vw,46px);letter-spacing:-.03em;line-height:1.05;margin-bottom:16px}
.pd-hero h1 em{font-style:normal;color:var(--red)}
.pd-lede{max-width:64ch;font-size:15px;line-height:1.65;color:var(--ink-mute);margin-bottom:28px}

.pd-body{padding-bottom:90px}
.pd-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}
@media (max-width:900px){.pd-grid{grid-template-columns:1fr}}
.pd-media{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#0a0b0e}
.pd-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.92)}
.pd-illust{width:100%;height:100%;display:block}

.pd-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px}
.pd-panel h2{font:600 13px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);margin-bottom:16px}
.pd-specs{display:grid;grid-template-columns:auto 1fr;gap:0}
.pd-specs dt{padding:11px 0;font:500 12px/1.3 var(--mono);color:var(--ink-mute);border-bottom:1px dashed var(--line-2)}
.pd-specs dd{padding:11px 0;font-weight:600;color:var(--ink);text-align:right;border-bottom:1px dashed var(--line-2)}
.pd-cta{margin-top:20px;width:100%;justify-content:center}

.pd-use{padding:26px 26px 4px}
.pd-use h2{font:600 13px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);margin-bottom:14px}
.pd-use ul{display:flex;flex-direction:column;gap:10px}
.pd-use li{font-size:13.5px;line-height:1.55;color:var(--ink-2);padding-left:18px;position:relative}
.pd-use li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;background:var(--red);border-radius:50%}