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

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===== Rowne karty produktow na siatce ===== */

/* Grid = flex, karty rozciagaja sie do jednakowej wysokosci */
ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
}

/* Box wewnetrzny wypelnia cala wysokosc karty */
ul.products li.product .box {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Tresc (nazwa + cena + przycisk) rosnie, pcha przycisk na dol */
ul.products li.product .box-text {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

ul.products li.product .box-text .button-wrapper,
ul.products li.product .box-text form.cart {
    margin-top: auto !important;
}

/* Jednolita wysokosc obrazkow (1:1 kadrowanie) */
ul.products li.product .box-image,
ul.products li.product .product-image-wrapper {
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
}

ul.products li.product .box-image img,
ul.products li.product .product-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}