/* Картинка категории в шапке */
.category-header {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.category-header-image {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    display: block;

/* Делаем картинку категории фоном шапки */
.category-desc {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    background-size: cover;
    background-position: center;
    min-height: 200px; /* регулируйте высоту фона */
}

.category-desc img {
    display: none; /* скрываем саму картинку, оставляем только фон */
}

/* Делаем шапку прозрачной, чтобы был виден фон */
.container-header {
    background: transparent !important;
    position: relative;
    z-index: 2;
}

/* Меню и логотип — поверх фона */
.container-header .grid-child {
    position: relative;
    z-index: 3;
}
}