/*
Theme Name: 20.02.2026
Theme URI: https://wpastra.com/
Template: astra
Author: CHANEL
Author URI: soft-planet.de
Description: CHANELs thema
Tags: CHANELs thema
Version: 4.12.3.1771595993
Updated: 2026-02-20 14:59:53

*/

/* MOBILE CARD VIEW */
@media (max-width: 768px) {

    /* Ganze Zeile als Card */
    .woocommerce-cart-form__cart-item {
        display: block;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        padding: 12px;
        margin-bottom: 14px;
        background: #fff;
    }

    /* Jede Tabellenzelle blockhaft & ohne Border */
    .woocommerce-cart-form__cart-item td {
        display: block;
        width: 100% !important;
        border: none !important;
        padding: 4px 0 !important;
    }

    /* WooCommerce Mobile-Label ausschalten */
    .woocommerce-cart-form__cart-item td::before {
        display: none !important;
        content: "" !important;
    }

    /* Remove Icon oben rechts */
    .woocommerce-cart-form__cart-item td.product-remove {
        text-align: right;
        padding-bottom: 0 !important;
    }

    /* Thumbnail Abstand */
    .woocommerce-cart-form__cart-item td.product-thumbnail {
        margin-bottom: 6px;
    }

    /* Positionsnummer klein oben */
    .woocommerce-cart-form__cart-item td.product-position {
        font-size: .85em;
        font-weight: 600;
        color: #777;
        margin-bottom: 4px;
    }

    /* Preis + Menge nebeneinander */
    .woocommerce-cart-form__cart-item td.product-price,
    .woocommerce-cart-form__cart-item td.product-quantity {
        display: inline-block;
        width: 50%;
    }

    .woocommerce-cart-form__cart-item td.product-price {
        text-align: left;
    }

    .woocommerce-cart-form__cart-item td.product-quantity {
        text-align: right;
    }

    /* Subtotal unten hervorgehoben */
    .woocommerce-cart-form__cart-item td.product-subtotal {
        margin-top: 8px;
        font-weight: 600;
        font-size: 1.05em;
    }
}

.woocommerce-page.woocommerce-checkout form #order_review td.product-name, .woocommerce.woocommerce-checkout form #order_review td.product-name {
    
    display: table-cell;
}