/**
 * Brand gallery page (/brand/) styles
 *
 * Loaded conditionally: is_page_template('page-brand.php') only (functions.php).
 * Reuses .home-brands__grid / __item / __card / __card--gallery / __logo /
 * __name and .brand-gallery__count from theme.css (global) — this file only
 * adds the page-level hero/section layout. The taller card variant
 * (.home-brands__card--gallery) and the count badge (.brand-gallery__count)
 * used to live here but moved to theme.css when the header «Бренды»
 * mega-panel (template-parts/header/brands-menu.php, s360-o6t.2) started
 * reusing them on every page, not just this one.
 *
 * @package server360-v2
 */

/* ─── Hero ───────────────────────────────────────────────────────────────────── */

.brand-gallery-hero {
    padding-block: var(--space-8) var(--space-6);
    border-bottom: 1px solid var(--border);
}

/* ─── Sections ───────────────────────────────────────────────────────────────── */

.brand-gallery {
    padding-block: var(--space-8) var(--space-9);
}

.brand-gallery__section + .brand-gallery__section {
    margin-top: var(--space-9);
}

.brand-gallery__section-title {
    margin: 0 0 var(--space-4);
}

.brand-gallery__section-note {
    font-size: var(--fs-small);
    color: var(--ink-400);
    margin: 0 0 var(--space-5);
    max-width: 640px;
}

/* Card variant (.home-brands__card--gallery) and count badge
   (.brand-gallery__count) — see assets/css/theme.css, moved there (global,
   shared with the header «Бренды» mega-panel). */