/* Каталог — карточки направлений, чипы отраслей, vgrid. Скоуп .vt-catalog.
 * Используется на индексе каталога (archive-produkt.php) и на сводной странице
 * «Отрасли» (otrasli-index.php). Скоуп .vt-catalog — на остальных страницах безвреден. */
.vt-catalog .vt-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.vt-catalog .vt-dir{display:flex;flex-direction:column;background:#fff;border:1px solid var(--vt-line);border-radius:16px;padding:26px 24px;transition:transform .22s var(--vt-ease),border-color .22s var(--vt-ease),box-shadow .22s var(--vt-ease)}
.vt-catalog a.vt-dir:hover{transform:translateY(-4px);border-color:var(--vt-teal);box-shadow:0 16px 36px -22px rgba(16,58,92,.45)}
.vt-catalog .vt-dir .cnt{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.04em;color:var(--vt-teal)}
.vt-catalog .vt-dir .cnt.soon{color:var(--vt-muted);text-transform:uppercase;letter-spacing:.12em}
.vt-catalog .vt-dir h3{font-family:'Manrope',sans-serif;font-size:18px;font-weight:700;color:var(--vt-indigo);margin:11px 0 0;letter-spacing:-.01em;line-height:1.25}
.vt-catalog a.vt-dir:hover h3{color:var(--vt-teal-600)}
.vt-catalog .vt-dir p{color:var(--vt-muted);font-size:14.5px;margin:9px 0 0;line-height:1.55}
.vt-catalog .vt-dir .go{margin-top:auto;padding-top:16px;font-family:'Manrope',sans-serif;font-weight:600;font-size:14px;color:var(--vt-teal-600);display:inline-flex;align-items:center;gap:7px}
.vt-catalog a.vt-dir:hover .go .ar{transform:translateX(3px)}
.vt-catalog .vt-dir .go .ar{transition:transform .18s var(--vt-ease)}
.vt-catalog .vt-dir .stub{margin-top:auto;padding-top:16px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--vt-line-2)}
.vt-catalog .vt-cat-ind{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:20px}
.vt-catalog .vt-cat-ind .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--vt-muted);margin-right:2px}
.vt-catalog .vt-vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}
.vt-catalog .vt-vcard{background:var(--vt-paper);border:1px solid var(--vt-line);border-radius:16px;padding:26px 24px}
.vt-catalog .vt-vcard h3{font-family:'Manrope',sans-serif;font-size:17px;font-weight:700;color:var(--vt-indigo);margin:0}
.vt-catalog .vt-vcard p{color:var(--vt-muted);font-size:14.5px;margin:9px 0 0;line-height:1.55}
@media (max-width:900px){.vt-catalog .vt-flow{grid-template-columns:1fr}.vt-catalog .vt-vgrid{grid-template-columns:1fr}}

/* Страница товарной группы — переиспользуем vgrid/vcard и добавляем список применения + FAQ */
.vt-group .vt-vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}
.vt-group .vt-vcard{background:var(--vt-paper);border:1px solid var(--vt-line);border-radius:16px;padding:24px 22px}
.vt-group .vt-vcard h3{font-family:'Manrope',sans-serif;font-size:16px;font-weight:700;color:var(--vt-indigo);margin:0}
.vt-group .vt-vcard p{color:var(--vt-muted);font-size:14.5px;margin:8px 0 0;line-height:1.55}
.vt-applist{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px;max-width:900px}
.vt-applist li{position:relative;padding-left:24px;color:var(--vt-graphite);font-size:15px;line-height:1.5}
.vt-applist li:before{content:'';position:absolute;left:0;top:9px;width:9px;height:9px;border:2px solid var(--vt-teal);border-radius:2px;transform:rotate(45deg)}
.vt-faq{margin-top:22px;max-width:820px;border-top:1px solid var(--vt-line)}
.vt-faq__item{border-bottom:1px solid var(--vt-line)}
.vt-faq__item summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font-family:'Manrope',sans-serif;font-weight:600;font-size:16px;color:var(--vt-indigo)}
.vt-faq__item summary::-webkit-details-marker{display:none}
.vt-faq__item summary:after{content:'+';position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--vt-teal);transition:transform .2s}
.vt-faq__item[open] summary:after{content:'−'}
.vt-faq__a{padding:0 0 20px;color:var(--vt-muted);font-size:15px;line-height:1.6;max-width:720px}
@media (max-width:760px){.vt-group .vt-vgrid,.vt-applist{grid-template-columns:1fr}}