/*
 * ExoVolt Produktarchiv V9
 * Elementor + XStore + WooCommerce + Germanized
 *
 * Passend zu exovolt-product-archive.js V2
 *
 * Elementor CSS-Klassen:
 * exovolt-archive-layout
 * exovolt-archive-sidebar
 * exovolt-archive-filter
 * exovolt-archive-content
 * exovolt-archive-products
 */

:root {
    --exo-magenta: #BA2C73;
    --exo-magenta-dark: #96235d;

    --exo-text: #17181b;
    --exo-muted: #7b8088;

    --exo-line: #e5e7eb;
    --exo-soft: #f7f8fa;
    --exo-card: #ffffff;

    --exo-green: #16834c;

    --exo-radius: 18px;

    --exo-shadow:
        0 10px 30px rgba(17, 24, 39, 0.06);
}


/* =========================================================
   1. ARCHIV LAYOUT
   ========================================================= */

.exovolt-archive-layout,
.exovolt-archive-layout > .e-con-inner {
    align-items: flex-start !important;
}

.exovolt-archive-sidebar,
.exovolt-archive-content {
    min-width: 0 !important;
}


@media (min-width: 1025px) {

    .exovolt-archive-sidebar {
        width: 285px !important;
        max-width: 285px !important;

        flex:
            0 0 285px !important;
    }

    .exovolt-archive-content {
        width: auto !important;
        max-width: none !important;

        flex:
            1 1 0 !important;
    }

    .exovolt-archive-layout,
    .exovolt-archive-layout > .e-con-inner {
        gap: 28px !important;
    }
}


/* =========================================================
   2. FILTER
   ========================================================= */

.exovolt-archive-filter
> .elementor-widget-container {

    padding: 22px !important;

    border:
        1px solid var(--exo-line) !important;

    border-radius:
        var(--exo-radius) !important;

    background:
        var(--exo-card) !important;

    box-shadow:
        var(--exo-shadow) !important;
}


/* Überschriften */

.exovolt-archive-filter .widget-title,
.exovolt-archive-filter h3,
.exovolt-archive-filter h4 {

    margin:
        0 0 14px !important;

    color:
        var(--exo-text) !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    line-height:
        1.3 !important;
}


/* Filter-Bereiche */

.exovolt-archive-sidebar
.widget + .widget,

.exovolt-archive-sidebar
.sidebar-widget + .sidebar-widget {

    margin-top:
        22px !important;

    padding-top:
        22px !important;

    border-top:
        1px solid var(--exo-line) !important;
}


/* Links */

.exovolt-archive-filter a {

    color:
        #40444b !important;

    text-decoration:
        none !important;
}


.exovolt-archive-filter a:hover,
.exovolt-archive-filter
.current-cat > a,
.exovolt-archive-filter
.chosen > a {

    color:
        var(--exo-magenta) !important;
}


/* Checkboxen */

.exovolt-archive-filter
input[type="checkbox"] {

    accent-color:
        var(--exo-magenta) !important;
}


/* Mengen */

.exovolt-archive-filter
.count {

    border-radius:
        7px !important;

    background:
        #f1f2f4 !important;

    color:
        #8a8e96 !important;

    font-size:
        11px !important;
}


/* =========================================================
   3. FILTER-SUCHE
   ========================================================= */

.exovolt-archive-filter
.search-form {

    display:
        flex !important;

    width:
        100% !important;
}


.exovolt-archive-filter
.search-form input[type="search"] {

    flex:
        1 1 auto !important;

    min-width:
        0 !important;

    min-height:
        42px !important;

    padding:
        0 12px !important;

    border:
        1px solid #dfe2e6 !important;

    border-right:
        0 !important;

    border-radius:
        10px 0 0 10px !important;

    background:
        #ffffff !important;

    color:
        var(--exo-text) !important;

    box-shadow:
        none !important;
}


.exovolt-archive-filter
.search-form button,

.exovolt-archive-filter
.search-form input[type="submit"] {

    flex:
        0 0 42px !important;

    width:
        42px !important;

    min-height:
        42px !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 10px 10px 0 !important;

    background:
        var(--exo-magenta) !important;

    color:
        #ffffff !important;

    box-shadow:
        none !important;
}


/* =========================================================
   4. PREISFILTER
   ========================================================= */

.exovolt-archive-sidebar
.widget_price_filter
.price_slider_wrapper {

    padding-top:
        4px !important;
}


.exovolt-archive-sidebar
.widget_price_filter
.ui-slider {

    height:
        4px !important;

    margin:
        16px 8px 20px !important;

    border:
        0 !important;

    border-radius:
        99px !important;

    background:
        #e4e6e9 !important;
}


.exovolt-archive-sidebar
.widget_price_filter
.ui-slider-range {

    background:
        var(--exo-magenta) !important;
}


.exovolt-archive-sidebar
.widget_price_filter
.ui-slider-handle {

    top:
        50% !important;

    width:
        16px !important;

    height:
        16px !important;

    margin-top:
        -8px !important;

    border:
        3px solid #ffffff !important;

    border-radius:
        50% !important;

    background:
        var(--exo-magenta) !important;

    box-shadow:
        0 2px 7px rgba(0, 0, 0, 0.18)
        !important;
}


.exovolt-archive-sidebar
.widget_price_filter
.price_slider_amount
.button {

    min-height:
        38px !important;

    padding:
        0 14px !important;

    border:
        0 !important;

    border-radius:
        9px !important;

    background:
        var(--exo-magenta) !important;

    color:
        #ffffff !important;

    font-size:
        12px !important;

    font-weight:
        750 !important;
}


/* =========================================================
   5. TOOLBAR / SORTIERUNG
   ========================================================= */

.exovolt-archive-content
.filter-wrap,

.exovolt-archive-products
.filter-wrap,

.exovolt-archive-toolbar {

    margin:
        0 0 24px !important;

    padding:
        12px 14px !important;

    border:
        1px solid var(--exo-line) !important;

    border-radius:
        14px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 6px 18px
        rgba(17, 24, 39, 0.035)
        !important;
}


.exovolt-archive-content
.filter-content,

.exovolt-archive-products
.filter-content {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        12px !important;

    min-height:
        42px !important;
}


.exovolt-archive-content
.woocommerce-result-count,

.exovolt-archive-products
.woocommerce-result-count {

    margin:
        0 auto 0 0 !important;

    color:
        var(--exo-muted) !important;

    font-size:
        13px !important;
}


.exovolt-archive-content
.woocommerce-ordering,

.exovolt-archive-products
.woocommerce-ordering {

    margin:
        0 !important;
}


.exovolt-archive-content
.woocommerce-ordering select,

.exovolt-archive-products
.woocommerce-ordering select {

    min-height:
        42px !important;

    padding:
        0 42px 0 14px !important;

    border:
        1px solid var(--exo-line) !important;

    border-radius:
        10px !important;

    background-color:
        #ffffff !important;

    color:
        var(--exo-text) !important;

    font-size:
        13px !important;

    font-weight:
        650 !important;

    box-shadow:
        none !important;
}

/* =========================================================
   6. PRODUKTGRID – FINAL
   ========================================================= */

.exovolt-products-area .products,
.exovolt-archive-content .products,
.exovolt-archive-products .products {
    align-items: stretch !important;
}

.exovolt-product-item {
    display: flex !important;
    margin-bottom: 30px !important;
}


/* =========================================================
   7. PRODUKTKARTE – FINAL
   ========================================================= */

.exovolt-product-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;

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

    overflow: hidden !important;

    border: 1px solid #e2e5e9 !important;
    border-radius: 18px !important;

    background: #ffffff !important;

    box-shadow:
        0 6px 20px rgba(17, 24, 39, 0.045)
        !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease
        !important;
}


/* dezente ExoVolt-Linie */

.exovolt-product-card::before {
    content: "";

    position: absolute;
    z-index: 12;

    top: 0;
    left: 22px;
    right: 22px;

    height: 3px;

    border-radius: 0 0 8px 8px;

    background: var(--exo-magenta);

    opacity: 0;

    transform: scaleX(.45);

    transition:
        opacity .22s ease,
        transform .22s ease;
}


.exovolt-product-item:hover
.exovolt-product-card {

    transform:
        translateY(-5px) !important;

    border-color:
        #d5d9df !important;

    box-shadow:
        0 18px 42px
        rgba(17, 24, 39, 0.10)
        !important;
}


.exovolt-product-item:hover
.exovolt-product-card::before {

    opacity: 1;

    transform:
        scaleX(1);
}


/* =========================================================
   8. BILDBEREICH
   ========================================================= */

.exovolt-product-card
.product-image-wrapper {

    position:
        relative !important;

    overflow:
        hidden !important;

    margin:
        12px 12px 0 !important;

    border-radius:
        14px !important;

    background:
        #f7f8fa !important;
}


/* gleiche Bildfläche für alle Produkte */

.exovolt-product-card
.product-content-image {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    min-height:
        245px !important;

    padding:
        22px !important;
}


/* Bilder vereinheitlichen */

.exovolt-product-card
.product-image-wrapper img,

.exovolt-product-card
.product-content-image img {

    display:
        block !important;

    width:
        100% !important;

    height:
        205px !important;

    max-width:
        100% !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    transition:
        transform .28s ease !important;
}


.exovolt-product-item:hover
.exovolt-product-card
.product-image-wrapper img {

    transform:
        scale(1.025) !important;
}


/* =========================================================
   9. PRODUKTINHALT
   ========================================================= */

.exovolt-product-card
.product-details {

    display:
        flex !important;

    flex:
        1 1 auto !important;

    flex-direction:
        column !important;

    min-height:
        250px !important;

    padding:
        17px 18px 20px !important;

    text-align:
        left !important;
}


/* =========================================================
   10. KATEGORIE
   ========================================================= */

.exovolt-product-card
.products-page-cats,

.exovolt-product-card
.product-cats,

.exovolt-product-card
.category {

    margin:
        0 0 6px !important;

    color:
        #969ba3 !important;

    font-size:
        9.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        .045em !important;

    text-transform:
        uppercase !important;
}


.exovolt-product-card
.products-page-cats a,

.exovolt-product-card
.product-cats a,

.exovolt-product-card
.category a {

    color:
        #969ba3 !important;

    text-decoration:
        none !important;
}


/* =========================================================
   11. PRODUKTTITEL
   ========================================================= */

.exovolt-product-card
.product-title,

.exovolt-product-card
.woocommerce-loop-product__title {

    margin:
        0 0 12px !important;

    color:
        var(--exo-text) !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.42 !important;
}


.exovolt-product-card
.product-title a,

.exovolt-product-card
.woocommerce-loop-product__title a {

    display:
        -webkit-box !important;

    overflow:
        hidden !important;

    min-height:
        64px !important;

    color:
        var(--exo-text) !important;

    text-decoration:
        none !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        3 !important;
}


.exovolt-product-card
.product-title a:hover {

    color:
        var(--exo-magenta) !important;
}


/* =========================================================
   12. PREISBEREICH
   ========================================================= */

.exovolt-product-card
.price {

    display:
        block !important;

    margin:
        auto 0 5px !important;

    color:
        var(--exo-text) !important;

    line-height:
        1.35 !important;
}


/* 19-%-Preis sekundär */

.exovolt-product-card
.pv-price-with-tax {

    display:
        block !important;

    margin:
        0 0 4px !important;

    color:
        #8d929a !important;

    font-size:
        9.5px !important;

    font-weight:
        500 !important;

    line-height:
        1.4 !important;
}


.exovolt-product-card
.pv-price-with-tax
.woocommerce-Price-amount {

    color:
        #777d86 !important;

    font-size:
        10.5px !important;

    font-weight:
        650 !important;
}


/* 0-%-Preis: Betrag betont, Hinweis dezent */

.exovolt-product-card
.pv-price-without-tax {

    display:
        block !important;

    margin:
        0 !important;

    color:
        #8d929a !important;

    font-size:
        10px !important;

    font-weight:
        500 !important;

    line-height:
        1.4 !important;
}


.exovolt-product-card
.pv-price-without-tax
.woocommerce-Price-amount {

    color:
        var(--exo-magenta) !important;

    font-size:
        19px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;
}


/* Produkte ohne 0-%-Logik */

.exovolt-product-card
.price > .woocommerce-Price-amount,

.exovolt-product-card
.price ins
.woocommerce-Price-amount {

    color:
        var(--exo-text) !important;

    font-size:
        18px !important;

    font-weight:
        800 !important;
}


/* alter Preis */

.exovolt-product-card
.price del {

    color:
        #9b9fa6 !important;

    font-size:
        11px !important;
}


/* =========================================================
   13. GERMANIZED
   ========================================================= */

/* Versandkosten */

.exovolt-product-card
.exovolt-shipping-costs,

.exovolt-product-card
.wc-gzd-additional-info.shipping-costs-info {

    margin:
        5px 0 0 !important;

    color:
        #8b9098 !important;

    font-size:
        9px !important;

    font-weight:
        400 !important;

    line-height:
        1.4 !important;
}


/* Lieferzeit */

.exovolt-product-card
.exovolt-delivery-time,

.exovolt-product-card
.wc-gzd-additional-info.delivery-time-info {

    position:
        relative !important;

    margin:
        5px 0 0 !important;

    padding-left:
        11px !important;

    color:
        var(--exo-green) !important;

    font-size:
        9.5px !important;

    font-weight:
        600 !important;

    line-height:
        1.45 !important;
}


/* kleiner Statuspunkt */

.exovolt-product-card
.exovolt-delivery-time::before,

.exovolt-product-card
.wc-gzd-additional-info.delivery-time-info::before {

    content: "";

    position:
        absolute;

    top:
        .53em;

    left:
        0;

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        var(--exo-green);
}


/* eigentlicher Lieferzeittext */

.exovolt-product-card
.exovolt-delivery-time-data,

.exovolt-product-card
.delivery-time-data {

    color:
        var(--exo-green) !important;

    font-weight:
        650 !important;
}


/* =========================================================
   14. BUTTON / PRODUKTFOOTER
   ========================================================= */

.exovolt-product-card
.footer-product {

    margin-top:
        12px !important;

    padding:
        0 18px 18px !important;

    border:
        0 !important;
}


.exovolt-product-card
.button,

.exovolt-product-card
.add_to_cart_button,

.exovolt-product-card
.product_type_simple,

.exovolt-product-card
.product_type_variable {

    width:
        100% !important;

    min-height:
        42px !important;

    padding:
        0 14px !important;

    border:
        0 !important;

    border-radius:
        10px !important;

    background:
        var(--exo-magenta) !important;

    color:
        #ffffff !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    line-height:
        42px !important;

    text-align:
        center !important;

    text-transform:
        none !important;

    box-shadow:
        none !important;
}


.exovolt-product-card
.button:hover,

.exovolt-product-card
.add_to_cart_button:hover {

    background:
        var(--exo-magenta-dark) !important;

    color:
        #ffffff !important;
}


/* =========================================================
   15. BADGES
   Nur vorhandene WooCommerce-/ExoVolt-Badges stylen
   ========================================================= */

.exovolt-product-card
.exovolt-zero-vat-badge,

.exovolt-product-card
.onsale {

    position:
        absolute !important;

    z-index:
        15 !important;

    top:
        18px !important;

    left:
        18px !important;

    width:
        auto !important;

    min-width:
        0 !important;

    min-height:
        0 !important;

    padding:
        6px 9px !important;

    border:
        0 !important;

    border-radius:
        8px !important;

    background:
        var(--exo-magenta) !important;

    color:
        #ffffff !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    text-transform:
        none !important;

    box-shadow:
        0 5px 14px
        rgba(186, 44, 115, .20)
        !important;
}


/* =========================================================
   16. RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    .exovolt-archive-layout,
    .exovolt-archive-layout
    > .e-con-inner {

        gap:
            20px !important;
    }
}


@media (max-width: 767px) {

    /* Archivlayout */

    .exovolt-archive-layout,
    .exovolt-archive-layout
    > .e-con-inner {

        flex-direction:
            column !important;
    }


    .exovolt-archive-sidebar,
    .exovolt-archive-content {

        width:
            100% !important;

        max-width:
            100% !important;
    }


    .exovolt-archive-filter
    > .elementor-widget-container {

        padding:
            16px !important;

        box-shadow:
            none !important;
    }


    .exovolt-archive-content
    .filter-content,

    .exovolt-archive-products
    .filter-content {

        flex-wrap:
            wrap !important;
    }


    .exovolt-archive-content
    .woocommerce-result-count,

    .exovolt-archive-products
    .woocommerce-result-count {

        flex:
            1 1 100% !important;
    }


    .exovolt-archive-content
    .woocommerce-ordering,

    .exovolt-archive-content
    .woocommerce-ordering select,

    .exovolt-archive-products
    .woocommerce-ordering,

    .exovolt-archive-products
    .woocommerce-ordering select {

        width:
            100% !important;
    }


    /* Produktkarten */

    .exovolt-product-item {

        margin-bottom:
            18px !important;
    }


    .exovolt-product-card {

        border-radius:
            15px !important;
    }


    .exovolt-product-card
    .product-image-wrapper {

        margin:
            9px 9px 0 !important;

        border-radius:
            11px !important;
    }


    .exovolt-product-card
    .product-content-image {

        min-height:
            185px !important;

        padding:
            14px !important;
    }


    .exovolt-product-card
    .product-image-wrapper img,

    .exovolt-product-card
    .product-content-image img {

        height:
            155px !important;
    }


    .exovolt-product-card
    .product-details {

        min-height:
            0 !important;

        padding:
            14px 14px 16px !important;
    }


    .exovolt-product-card
    .product-title,

    .exovolt-product-card
    .woocommerce-loop-product__title {

        font-size:
            13.5px !important;
    }


    .exovolt-product-card
    .product-title a,

    .exovolt-product-card
    .woocommerce-loop-product__title a {

        min-height:
            57px !important;
    }


    .exovolt-product-card
    .pv-price-without-tax
    .woocommerce-Price-amount {

        font-size:
            17px !important;
    }
}

/* =========================================================
   ExoVolt – Card Shell Fix
   Äußerer Produktcontainer bekommt den sichtbaren Rahmen
   ========================================================= */

/* Die echte sichtbare Karte auf den äußeren Produktblock legen */
.exovolt-product-item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;

    background: #ffffff !important;
    border: 1px solid #e2e5e9 !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06) !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease !important;
}

.exovolt-product-item:hover {
    transform: translateY(-5px) !important;
    border-color: #d5d9df !important;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.10) !important;
}

/* dezente ExoVolt-Linie oben */
.exovolt-product-item::before {
    content: "";
    position: absolute;
    z-index: 12;
    top: 0;
    left: 22px;
    right: 22px;
    height: 3px;
    border-radius: 0 0 8px 8px;
    background: var(--exo-magenta);
    opacity: 0;
    transform: scaleX(.45);
    transition: opacity .22s ease, transform .22s ease;
}

.exovolt-product-item:hover::before {
    opacity: 1;
    transform: scaleX(1);
}

/* innerer Wrapper nur noch für Layout, nicht mehr für die sichtbare Karte */
.exovolt-product-card {
    width: 100% !important;
    height: 100% !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Bildbereich bleibt innen schön abgesetzt */
.exovolt-product-card .product-image-wrapper {
    margin: 12px 12px 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #f7f8fa !important;
}

/* Produktinhalt */
.exovolt-product-card .product-details {
    padding: 17px 18px 20px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .exovolt-product-item {
        border-radius: 15px !important;
    }

    .exovolt-product-card .product-image-wrapper {
        margin: 9px 9px 0 !important;
        border-radius: 11px !important;
    }
}

/* =========================================================
   ExoVolt – Lieferzeit FINAL
   Native + Elementor/XStore
   ========================================================= */

.exovolt-product-item
.wc-gzd-additional-info.delivery-time-info,

.exovolt-elementor-product-card
.wc-gzd-additional-info.delivery-time-info,

.etheme-product-grid-item
.wc-gzd-additional-info.delivery-time-info {

    position: relative !important;

    margin: 5px 0 0 !important;

    padding-left: 11px !important;

    color: #16834c !important;

    font-size: 9.5px !important;

    font-weight: 500 !important;

    line-height: 1.45 !important;
}


/* grüner Statuspunkt */

.exovolt-product-item
.wc-gzd-additional-info.delivery-time-info::before,

.exovolt-elementor-product-card
.wc-gzd-additional-info.delivery-time-info::before,

.etheme-product-grid-item
.wc-gzd-additional-info.delivery-time-info::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0.52em;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #16834c !important;
}


/* Innerer Wrapper */

.exovolt-product-item
.delivery-time-inner,

.exovolt-elementor-product-card
.delivery-time-inner,

.etheme-product-grid-item
.delivery-time-inner {

    color: #16834c !important;

    font-size: 9.5px !important;

    font-weight: 500 !important;
}


/* eigentliche Lieferzeit */

.exovolt-product-item
.delivery-time-data,

.exovolt-elementor-product-card
.delivery-time-data,

.etheme-product-grid-item
.delivery-time-data {

    color: #16834c !important;

    font-size: 9.5px !important;

    font-weight: 650 !important;
}

/* =========================================================
   ExoVolt – Desktop 3er Produktgrid
   Elementor/XStore + native Archive
   ========================================================= */

@media (min-width: 1025px) {

    /* Elementor / XStore Product Grid */
    .exovolt-archive-products .etheme-product-grid,
    .exovolt-archive-content .etheme-product-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
        align-items: stretch !important;
    }

    .exovolt-archive-products .etheme-product-grid-item,
    .exovolt-archive-content .etheme-product-grid-item {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }


    /* Falls XStore noch alte 4-Spalten-Breiten erzwingt */
    .exovolt-archive-products .etheme-product-grid-item.product,
    .exovolt-archive-content .etheme-product-grid-item.product {
        flex: none !important;
        flex-basis: auto !important;
    }


    /* Native WooCommerce/XStore Archive */
    .exovolt-products-area .products,
    .exovolt-archive-content ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .exovolt-products-area .products > .product,
    .exovolt-archive-content ul.products > li.product {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
    }


    /* Produktbilder durch breitere Karten etwas größer */
    .exovolt-elementor-product-card .etheme-product-grid-image,
    .exovolt-elementor-product-card .exovolt-product-image,
    .exovolt-product-card .product-content-image {
        min-height: 270px !important;
    }

    .exovolt-elementor-product-card .etheme-product-grid-image img,
    .exovolt-elementor-product-card .exovolt-product-image img,
    .exovolt-product-card .product-image-wrapper img,
    .exovolt-product-card .product-content-image img {
        height: 225px !important;
    }


    /* Mehr Platz für längere technische Titel */
    .exovolt-elementor-product-card .etheme-product-grid-title,
    .exovolt-elementor-product-card .exovolt-product-title,
    .exovolt-product-card .product-title {
        font-size: 15.5px !important;
        line-height: 1.42 !important;
    }


    /* Karteninhalt etwas großzügiger */
    .exovolt-elementor-product-card .etheme-product-grid-content,
    .exovolt-elementor-product-card .exovolt-product-content,
    .exovolt-product-card .product-details {
        padding: 18px 20px 21px !important;
    }
}


/* =========================================================
   Tablet – 2er Grid
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .exovolt-archive-products .etheme-product-grid,
    .exovolt-archive-content .etheme-product-grid,
    .exovolt-products-area .products,
    .exovolt-archive-content ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .exovolt-archive-products .etheme-product-grid-item,
    .exovolt-archive-content .etheme-product-grid-item,
    .exovolt-products-area .products > .product,
    .exovolt-archive-content ul.products > li.product {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
    }
}


/* =========================================================
   Mobile – 1 Produkt pro Reihe
   ========================================================= */

@media (max-width: 767px) {

    .exovolt-archive-products .etheme-product-grid,
    .exovolt-archive-content .etheme-product-grid,
    .exovolt-products-area .products,
    .exovolt-archive-content ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .exovolt-archive-products .etheme-product-grid-item,
    .exovolt-archive-content .etheme-product-grid-item,
    .exovolt-products-area .products > .product,
    .exovolt-archive-content ul.products > li.product {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
    }
}

/* =========================================================
   ExoVolt – Bilddarstellung entzerren
   Native + Elementor/XStore
   ========================================================= */

/* gemeinsame Bildfläche */
.exovolt-product-card .product-image-wrapper,
.exovolt-product-card .product-content-image,
.exovolt-elementor-product-card .etheme-product-grid-image,
.exovolt-elementor-product-card .exovolt-product-image,
.exovolt-archive-products .etheme-product-grid-item .etheme-product-grid-image,
.exovolt-archive-content .etheme-product-grid-item .etheme-product-grid-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 250px !important;
    padding: 18px !important;

    background: #f7f8fa !important;
    overflow: hidden !important;
}


/* Bilder NICHT mehr mit fester width + height quetschen */
.exovolt-product-card .product-image-wrapper img,
.exovolt-product-card .product-content-image img,
.exovolt-elementor-product-card .etheme-product-grid-image img,
.exovolt-elementor-product-card .exovolt-product-image img,
.exovolt-archive-products .etheme-product-grid-item .etheme-product-grid-image img,
.exovolt-archive-content .etheme-product-grid-item .etheme-product-grid-image img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 210px !important;

    object-fit: contain !important;
    object-position: center !important;
}


/* Desktop etwas großzügiger */
@media (min-width: 1025px) {
    .exovolt-product-card .product-image-wrapper,
    .exovolt-product-card .product-content-image,
    .exovolt-elementor-product-card .etheme-product-grid-image,
    .exovolt-elementor-product-card .exovolt-product-image,
    .exovolt-archive-products .etheme-product-grid-item .etheme-product-grid-image,
    .exovolt-archive-content .etheme-product-grid-item .etheme-product-grid-image {
        min-height: 270px !important;
    }

    .exovolt-product-card .product-image-wrapper img,
    .exovolt-product-card .product-content-image img,
    .exovolt-elementor-product-card .etheme-product-grid-image img,
    .exovolt-elementor-product-card .exovolt-product-image img,
    .exovolt-archive-products .etheme-product-grid-item .etheme-product-grid-image img,
    .exovolt-archive-content .etheme-product-grid-item .etheme-product-grid-image img {
        max-height: 230px !important;
    }
}


/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .exovolt-product-card .product-image-wrapper,
    .exovolt-product-card .product-content-image,
    .exovolt-elementor-product-card .etheme-product-grid-image,
    .exovolt-elementor-product-card .exovolt-product-image,
    .exovolt-archive-products .etheme-product-grid-item .etheme-product-grid-image,
    .exovolt-archive-content .etheme-product-grid-item .etheme-product-grid-image {
        min-height: 230px !important;
    }

    .exovolt-product-card .product-image-wrapper img,
    .exovolt-product-card .product-content-image img,
    .exovolt-elementor-product-card .etheme-product-grid-image img,
    .exovolt-elementor-product-card .exovolt-product-image img,
    .exovolt-archive-products .etheme-product-grid-item .etheme-product-grid-image img,
    .exovolt-archive-content .etheme-product-grid-item .etheme-product-grid-image img {
        max-height: 190px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .exovolt-product-card .product-image-wrapper,
    .exovolt-product-card .product-content-image,
    .exovolt-elementor-product-card .etheme-product-grid-image,
    .exovolt-elementor-product-card .exovolt-product-image,
    .exovolt-archive-products .etheme-product-grid-item .etheme-product-grid-image,
    .exovolt-archive-content .etheme-product-grid-item .etheme-product-grid-image {
        min-height: 190px !important;
        padding: 14px !important;
    }

    .exovolt-product-card .product-image-wrapper img,
    .exovolt-product-card .product-content-image img,
    .exovolt-elementor-product-card .etheme-product-grid-image img,
    .exovolt-elementor-product-card .exovolt-product-image img,
    .exovolt-archive-products .etheme-product-grid-item .etheme-product-grid-image img,
    .exovolt-archive-content .etheme-product-grid-item .etheme-product-grid-image img {
        max-height: 150px !important;
    }
}