/* Category Wall V2 — Card Design */

/* Container */
.category-wall{margin-bottom: 20px;padding:20px;background:#fff;border-radius:var(--border-radius-1)}

/* Explicit Grid based on screen size */
.category-wall__grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:20px}

/* Breakpoints matching user request */
@media (max-width:1199px) {
    .category-wall__grid{grid-template-columns:repeat(4, 1fr)}
}
@media (max-width:991px) {
    .category-wall__grid{grid-template-columns:repeat(3, 1fr)}
}
@media (max-width:575px) {
    .category-wall__grid{grid-template-columns:repeat(2, 1fr);gap:15px;padding-top:30px}
    .category-wall{padding:15px 10px}
}

/* Card */
.category-wall__item{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:60px 15px 15px;background:var(--body-bg, #f5f5f5);border-radius:var(--border-radius-1);overflow:visible;text-align:center;box-sizing:border-box}

/* Image — protrudes above the card */
.category-wall__image-link{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:50%;transform:translate(-50%, -25%);width:80%;line-height:0}
.category-wall__image-link img{max-width:100%;height:auto;transition:transform .3s ease}
.category-wall__item:hover .category-wall__image-link img{transform:scale(1.08)}

/* Category name */
.category-wall__name{display:block;margin:auto 0 0;padding:5px 0 0;font-size:.95em;color:var(--body-c);text-align:center;word-wrap:break-word;text-decoration:none}
.category-wall__name:hover{color:var(--body-c);opacity:.8}