/* HOME — блоки, які є ТІЛЬКИ на головній:
 * герой, плитки категорій, блок переваг. */

.hero { padding: 40px 0 8px; }

.cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.cat {
    display: block; padding: 20px; background: var(--accent-soft);
    border-radius: var(--radius); text-decoration: none; color: var(--text);
    border: 1px solid transparent;
    transition: border-color .15s ease, transform .15s ease;
}
.cat:hover { border-color: var(--accent); transform: translateY(-2px); }
.cat strong { display: block; margin-bottom: 6px; font-size: 18px; }
.cat span { font-size: 14px; }

.usp {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px; margin: 48px 0; padding: 24px; background: var(--surface);
    border: 1px solid var(--border); border-radius: var(--radius);
}
.usp p { margin: 4px 0 0; font-size: 14px; }