.fh-category-grid { padding: 64px 0; }
.fh-category-grid__title { text-align: center; margin-bottom: 40px; font-family: var(--fh-font-heading); font-size: clamp(20px, 3vw, 28px); letter-spacing: 0.08em; font-weight: 400; }
.fh-category-grid__inner { max-width: var(--fh-container-xl); margin: 0 auto; padding: 0 24px; display: flex; flex-direction: column; gap: 12px; }
.fh-category-grid__row { display: grid; gap: 12px; }
.fh-category-grid__row--3 { grid-template-columns: repeat(3, 1fr); }
.fh-category-grid__row--2 { grid-template-columns: repeat(2, 1fr); }
.fh-category-card { position: relative; overflow: hidden; aspect-ratio: 4/3; display: block; }
.fh-category-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.fh-category-card:hover .fh-category-card__img { transform: scale(1.04); }
.fh-category-card__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.2); display: flex; align-items: flex-end; padding: 20px; transition: background var(--fh-transition); }
.fh-category-card:hover .fh-category-card__overlay { background: rgba(0,0,0,0.3); }
.fh-category-card__name { color: white; font-family: var(--fh-font-heading); font-size: 16px; letter-spacing: 0.1em; text-transform: uppercase; }
@media (max-width: 699px) { .fh-category-grid__row--3 { grid-template-columns: repeat(2, 1fr); } .fh-category-grid__row--2 { grid-template-columns: 1fr; } }