/*
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.   ***************/


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


}

/* Produktbilder komplett anzeigen, nicht zuschneiden */
.woocommerce ul.products li.product img {
    height: 300px !important;       /* Einheitliche Höhe für alle Bilder */
    width: auto !important;          /* Breite automatisch */
    object-fit: contain !important;  /* Bild komplett sichtbar, keine Beschneidung */
    background-color: #fff;          /* Weißer Hintergrund für Bilder mit transparentem Rand */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Produktbild-Container anpassen, damit alle Produkte bündig sind */
.woocommerce ul.products li.product .box-image {
    min-height: 320px;               /* Mindesthöhe für Ausrichtung */
    display: flex;
    justify-content: center;
    align-items: center;
}