.box-sub-cat {
	flex-wrap: wrap !important;
}

@media (max-width: 360px) {
	.box-sub-cat .item-subc {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 360px) and (max-width: 767px) {
	.box-sub-cat .item-subc {
		flex: 0 0 50%;
		max-width: 50%;
	}
}


/* Шукаємо посилання на акції будь-де в межах шапки, навігації або мобільного меню */
header a[href*="specials"],
nav a[href*="specials"],
.top-menu a[href*="specials"],
.m-mm-list-item a[href*="specials"],
a[href="https://ecotton.ua/specials/"] {
    background-color: #e50000 !important;
    border-radius: 4px !important;
    display: inline-block;
}

/* Фарбуємо текст у білий колір */
header a[href*="specials"] .item-name,
nav a[href*="specials"] .item-name,
.top-menu a[href*="specials"] .item-name,
.m-mm-list-item a[href*="specials"] .item-name,
a[href="https://ecotton.ua/specials/"] .item-name {
    color: #ffffff !important;
    background-color: transparent !important;
}



/* ===========================
   МОБІЛЬНА ВЕРСІЯ КАТЕГОРІЙ
   =========================== */
@media (max-width:767px){

/* Контейнер */
.wall-category-box{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px !important;
    padding:0 10px !important;
}

/* Прибираємо bootstrap/floats */
.wall-category-box > div,
.wall-category-box .box-item,
.wall-category-box .item-subc{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

/* Картка */
.wall-category-box .item-category{

    display:flex !important;
    flex-direction:column !important;

    background:#fff !important;
    border:1px solid #ececec !important;
    border-radius:14px !important;

    overflow:hidden !important;

    padding:10px !important;

    height:100% !important;

    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

/* Фото */
.wall-category-box .wall-cat-image{

    width:100% !important;
    aspect-ratio:1/1 !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    margin-bottom:10px !important;
}

.wall-category-box .wall-cat-image img{

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    border-radius:10px;
}

/* Нижня частина */
.wall-category-box .wall-cat-name{

    display:flex !important;

    justify-content:space-between !important;

    align-items:center !important;

    gap:8px !important;

    padding:0 !important;

    margin-top:auto !important;
}

/* Назва */
.wall-category-box .wall-cat-name a{

    flex:1 !important;

    font-size:14px !important;

    font-weight:500 !important;

    line-height:1.35 !important;

    color:#222 !important;

    text-decoration:none !important;

    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;

    overflow:hidden !important;
}

/* Кнопка + */
.wall-category-box .open-sub-cat{

    width:34px !important;
    height:34px !important;

    min-width:34px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    background:#f5f5f5 !important;

    border-radius:8px !important;
}

/* Ховаємо список підкатегорій */
.wall-category-box .item-sub-category{
    display:none !important;
}

/* Вбиваємо невидимі елементи clearfix, які займають пусті клітинки в Grid-сітці */
.wall-category-box::before,
.wall-category-box::after {
    display: none !important;
    content: none !important;
}
}