/*
 * ИИАТОМ-Маркет — category.css (шаблон templates/public/category.php, один шаблон на 7 URL
 * категорий верхнего уровня — BUILD_2026_08_02/CONTRACT.md §1).
 *
 * .am-tool-card и .am-before-after (parts/tool-card.php, parts/before-after.php) — общие
 * компоненты, стили в assets/css/public.css (грузится на каждой публичной странице).
 *
 * ВОЛНА 1 (02.08.2026): страница упрощена (7 категорий вместо 6, у каждой теперь свой полный
 * список из 2-15 инструментов, а не «фото/визуал/аналитика» с разным числом META-блоков) —
 * hero стал тёмным градиентом, как на /catalog/ и на страницах инструментов (единый hero-язык
 * трёх уровней иерархии — CONTRACT.md §1), старые блоки «что вы получаете/кому подходит»
 * (заточенные под 6 старых категорий с ручным текстом CATALOG_CONTENT.md, которого для новых
 * 7 категорий не существует) убраны — не выдумываем контент, которого нет.
 */

/* =========================================================================================
 * 1. Hero категории
 * =======================================================================================*/

.am-category-hero {
    max-width: var(--am-container);
    margin-top: var(--am-s-6);
    margin-inline: auto;
    padding: var(--am-pad-section);
    border-radius: var(--am-r-2xl);
    background: var(--am-grad-hero);
    box-shadow: var(--am-sh-hero);
    color: var(--am-text-on-dark);
}

.am-category-hero__inner {
    max-width: 70ch;
    display: flex;
    flex-direction: column;
    gap: var(--am-s-2);
}

.am-category-hero__inner .am-h1 {
    color: var(--am-white);
    text-wrap: balance;
}

.am-category-hero__lead {
    max-width: 60ch;
}

.am-category-hero__price {
    margin-top: var(--am-s-2);
    color: var(--am-text-on-dark-muted);
}

/* =========================================================================================
 * 2. Инструменты категории
 * =======================================================================================*/

.am-category-tools__grid {
    margin-top: var(--am-s-6);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--am-gap-grid);
}

/* Карточка инструмента — assets/css/public.css, см. докблок файла. */