/* =====================================================
   GARDENMALL
   WooCommerce категорії товарів
   Автоматична висота рядків
   ===================================================== */


/* Контейнер */

body.tax-product_cat ul.products {

    display:flex !important;
    flex-wrap:wrap !important;

    align-items:stretch !important;

    gap:0 !important;

    margin-left:-2px !important;
    margin-right:-2px !important;

}


/* =====================================================
   КАРТКИ КАТЕГОРІЙ
   5 колонок
   ===================================================== */


body.tax-product_cat ul.products > li.product-category {


    width:20% !important;

    max-width:20% !important;

    flex:0 0 20% !important;


    padding:2px !important;

    margin:0 !important;


    display:flex !important;

    align-items:stretch !important;


    box-sizing:border-box !important;


    order:1 !important;

}




/* =====================================================
   ВНУТРІШНЯ РАМКА КАТЕГОРІЇ
   ===================================================== */


body.tax-product_cat ul.products > li.product-category > a {


    width:100% !important;


    height:auto !important;


    min-height:100% !important;


    display:flex !important;


    flex-direction:column !important;


    justify-content:flex-start !important;


    align-items:center !important;


    background:#ffffff;


    border:1px solid #e5e5e5;


    border-radius:6px;


    padding:0 !important;


    box-sizing:border-box !important;


    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;


}



/* =====================================================
   HOVER КАТЕГОРІЇ
   ===================================================== */


body.tax-product_cat ul.products > li.product-category:hover > a {


    border-color:#7BBE00 !important;


    box-shadow:
        0 4px 14px rgba(123,190,0,0.25);


    transform:translateY(-3px);


}



/* =====================================================
   ФОТО КАТЕГОРІЇ
   ===================================================== */


body.tax-product_cat ul.products > li.product-category img {


    width:96% !important;


    max-width:96% !important;


    height:145px !important;


    object-fit:contain !important;


    margin:-5px auto 0 !important;


    flex-shrink:0 !important;


    transition:transform .3s ease;


}



body.tax-product_cat ul.products > li.product-category:hover img {


    transform:scale(1.04);


}



/* =====================================================
   НАЗВА КАТЕГОРІЇ
   Автоматична висота по найдовшій назві
   ===================================================== */


body.tax-product_cat ul.products > li.product-category h2,
body.tax-product_cat ul.products > li.product-category .woocommerce-loop-category__title {


    width:100% !important;


    font-size:14px !important;


    font-weight:500 !important;


    line-height:1.25 !important;


    text-align:center !important;


    color:#333333 !important;


    margin:5px 3px 10px !important;


    display:-webkit-box !important;


    -webkit-box-orient:vertical !important;


    -webkit-line-clamp:5 !important;


    overflow:hidden !important;


}




/* Колір тексту при наведенні */


body.tax-product_cat ul.products > li.product-category:hover h2,
body.tax-product_cat ul.products > li.product-category:hover .woocommerce-loop-category__title {


    color:#7BBE00 !important;


}




/* =====================================================
   ХОВАЄМО КІЛЬКІСТЬ ТОВАРІВ
   ===================================================== */


body.tax-product_cat ul.products > li.product-category .count {


    display:none !important;


}



/* =====================================================
   ХОВАЄМО ОПИС КАТЕГОРІЙ
   ===================================================== */


body.tax-product_cat ul.products > li.product-category div[itemprop="description"] {


    display:none !important;


}




/* =====================================================
   ТОВАРИ ПІСЛЯ КАТЕГОРІЙ
   ===================================================== */


body.tax-product_cat ul.products > li.product:not(.product-category) {


    order:3 !important;


}



/* Розділення категорій і товарів */


body.tax-product_cat ul.products::before {


    content:"";


    flex:0 0 100%;


    height:20px;


    order:2;


}



/* =====================================================
   МОБІЛЬНА ВЕРСІЯ
   ===================================================== */


@media(max-width:767px){



body.tax-product_cat ul.products > li.product-category {


    width:50% !important;


    max-width:50% !important;


    flex:0 0 50% !important;


    padding:2px !important;


}




body.tax-product_cat ul.products > li.product-category img {


    height:120px !important;


    margin:-3px auto 0 !important;


}




body.tax-product_cat ul.products > li.product-category h2,
body.tax-product_cat ul.products > li.product-category .woocommerce-loop-category__title {


    font-size:13px !important;


    line-height:1.25 !important;


    margin-bottom:8px !important;


    -webkit-line-clamp:5 !important;


}




body.tax-product_cat ul.products::before {


    height:15px !important;


}



}