/* Kezdőlap: kategóriakártyák (1-es site) */
.home-category-section { width: 100%; padding-inline: 1rem; }
.home-category-heading { margin-bottom: 2rem; text-align: center; }
.home-category-title { font-size: 1.25rem; line-height: 1.75rem; font-weight: 800; color: #111827; letter-spacing: -.025em; }
.home-category-underline { width: 6rem; height: .25rem; margin: .25rem auto 0; border-radius: 9999px; background: rgb(var(--color-secondary)); }
.home-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.home-category-card { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: .75rem; background: rgb(249 250 251 / .5); box-shadow: 0 1px 2px rgb(0 0 0 / .05); transition: box-shadow .3s; }
.home-category-card:hover { box-shadow: 0 4px 6px rgb(0 0 0 / .1); }
.home-category-image-wrap { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.home-category-image-link { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.home-category-image { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease-out; }
.home-category-card:hover .home-category-image { transform: scale(1.05); }
.home-category-caption { position: absolute; inset-inline: 0; bottom: 0; padding: .5rem; text-align: center; background: rgb(255 255 255 / .9); backdrop-filter: blur(4px); border-top: 1px solid rgb(243 244 246 / .3); transition: background-color .3s; }
.home-category-caption-link, .home-category-name { display: block; }
.home-category-name { font-size: .625rem; line-height: .875rem; font-weight: 800; color: #1f2937; letter-spacing: .025em; transition: color .2s; }
.home-category-card:hover .home-category-caption { background: rgb(var(--color-primary)); }
.home-category-card:hover .home-category-name { color: #fff; }

@media (min-width: 640px) {
    .home-category-heading { text-align: left; }
    .home-category-title { font-size: 1.5rem; line-height: 2rem; }
    .home-category-underline { margin-left: 0; margin-right: 0; }
    .home-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .home-category-name { font-size: .75rem; line-height: 1rem; }
}

@media (min-width: 768px) {
    .home-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
    .home-category-section { padding-inline: 0; }
    .home-category-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}