.hegau-category-grid {
margin: -18px 0 56px;
}

.hegau-category-grid .container {
width: min(1800px, 94%);
margin: 0 auto;
}

.hegau-category-grid__items {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 16px;
}

.hegau-category-card {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 156px;
padding: 20px 12px 18px;
background: #fff;
border: 1px solid rgba(30, 55, 85, .08);
border-radius: 20px;
box-shadow: 0 8px 28px rgba(25, 45, 70, .07);
text-align: center;
text-decoration: none;
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease;
}

a.hegau-category-card {
cursor: pointer;
}

a.hegau-category-card:hover {
transform: translateY(-5px);
box-shadow: 0 14px 34px rgba(25, 45, 70, .12);
border-color: rgba(30, 55, 85, .14);
}

.hegau-category-card--soon {
opacity: .78;
cursor: default;
}

.hegau-category-card__icon {
display: flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
margin-bottom: 11px;
border-radius: 16px;
transition: transform .22s ease;
}

.hegau-category-card:hover .hegau-category-card__icon {
transform: scale(1.08);
}

.hegau-category-card__icon svg {
width: 42px;
height: 42px;
fill: none;
stroke: currentColor;
stroke-width: 2.4;
stroke-linecap: round;
stroke-linejoin: round;
}

.hegau-category-card__title {
display: block;
color: #172235;
font-size: 17px;
font-weight: 700;
line-height: 1.2;
}

.hegau-category-card__count {
display: block;
margin-top: 6px;
color: #718096;
font-size: 12px;
line-height: 1.3;
}

.hegau-category-card--work .hegau-category-card__icon {
color: #1976d2;
background: #eaf3ff;
}

.hegau-category-card--housing .hegau-category-card__icon {
color: #39a852;
background: #edf9ef;
}

.hegau-category-card--companies .hegau-category-card__icon {
color: #7954d8;
background: #f1edff;
}

.hegau-category-card--ads .hegau-category-card__icon {
color: #ed7b16;
background: #fff3e7;
}

.hegau-category-card--events .hegau-category-card__icon {
color: #e84468;
background: #ffedf2;
}

.hegau-category-card--useful .hegau-category-card__icon {
color: #16a7a5;
background: #e8f8f7;
}

.hegau-category-card--offers .hegau-category-card__icon {
color: #e9ad19;
background: #fff7df;
}

.hegau-category-card--transport .hegau-category-card__icon {
color: #7855d8;
background: #f1edff;
}

@media (max-width: 1500px) {
.hegau-category-grid__items {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

@media (max-width: 760px) {
.hegau-category-grid {
margin: -8px 0 40px;
}

.hegau-category-grid__items {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}

.hegau-category-card {
min-height: 138px;
border-radius: 16px;
padding: 16px 8px;
}

.hegau-category-card__icon {
width: 50px;
height: 50px;
margin-bottom: 8px;
}

.hegau-category-card__icon svg {
width: 36px;
height: 36px;
}

.hegau-category-card__title {
font-size: 15px;
}

.hegau-category-card__count {
font-size: 11px;
}
}

@media (max-width: 380px) {
.hegau-category-card {
min-height: 128px;
}

.hegau-category-card__title {
font-size: 14px;
}
}