/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* Стили изображений */
.product-small.col .box-image {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.woocommerce ul.products li.product .box-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* Скрываем сайдбар только в запрещённых категориях */
body.no-sidebar-category div#shop-sidebar {
    display: none !important;
}

/* Расширяем товары только в запрещённых категориях */
body.no-sidebar-category .col.large-9 {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* Скрываем меню только в запрещённых категориях */
body.no-sidebar-category .menu-class-selector {
    display: none !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
body.no-sidebar-category .col.large-9 { width: 100% !important; }

}

/* === Category footer: bottom-cat-descr === */
.bottom-cat-descr .category-descr {
    padding-top: 50px;
}
@media (max-width: 849px) {
    .bottom-cat-descr .category-descr {
        padding: 30px 10px !important;
    }
    .bottom-cat-descr .category-descr p,
    .bottom-cat-descr .category-descr li {
        font-size: 1rem;
        line-height: 1.7;
    }
    .bottom-cat-descr h2 {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .bottom-cat-descr h3 {
        font-size: 1.05rem;
    }
    .bottom-cat-descr .cat-faq .accordion-title {
        font-size: 0.95rem;
    }
    .bottom-cat-descr .cat-faq p {
        font-size: 0.9rem;
        line-height: 1.8;
    }
    .bottom-cat-descr .category-descr .gap {
        height: 50px !important;
    }
}

/* === bottom-cat-descr desktop headings === */
.bottom-cat-descr h2 {
    font-size: 1.3rem !important;
    line-height: 1.4 !important;
}
.bottom-cat-descr h3 {
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
}

/* === bottom-cat-descr mobile headings === */
@media (max-width: 849px) {
    .bottom-cat-descr h2 {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
    }
    .bottom-cat-descr h3 {
        font-size: 1.05rem !important;
        line-height: 1.4 !important;
    }
}
