.elementor-2217 .elementor-element.elementor-element-7573e93 > .elementor-container{max-width:1400px;}.elementor-2217 .elementor-element.elementor-element-7573e93{margin-top:100px;margin-bottom:100px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2217 .elementor-element.elementor-element-9d46ed9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;}.elementor-2217 .elementor-element.elementor-element-9d46ed9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:600;line-height:0px;color:#6EC1E400;}@media(max-width:1023px){.elementor-2217 .elementor-element.elementor-element-7573e93{margin-top:50px;margin-bottom:50px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-d18b023 *//* ==========================================================================
   STRAIGHT FOODS — ARCHITECTURAL CLEAN MASTER CART STYLESHEET
   ========================================================================== */

/* 1. Global Box Structural Resets */
.e-cart__container,
.e-cart__container *,
.e-shop-table,
.e-cart-totals {
    border-radius: 0px !important; /* Erases all rounded corners */
    box-shadow: none !important;
    letter-spacing: -0.01em;
}

/* 2. Core Columns Split (Asymmetrical Layout Balance) */
@media(min-width: 992px) {
    .e-cart__container {
        display: flex !important;
        gap: 48px !important;
        align-items: flex-start !important;
    }
    .e-cart__column-start {
        flex: 1.3 !important; /* Wide product row column canvas */
    }
    .e-cart__column-end {
        flex: 0.7 !important; /* Elegant technical sidebar stack */
    }
}

/* 3. Fluid Layout Container Fix (Prevents Squishing on Laptops & Mobile) */
.e-shop-table {
    width: 100% !important;
    overflow-x: auto !important; /* Enables clean, elegant swiping on smaller screens */
    -webkit-overflow-scrolling: touch;
    margin-bottom: 24px !important;
}

.shop_table.cart {
    border: none !important;
    width: 100% !important;
    min-width: 750px !important; /* Guarantees layout structural lines never compress or collapse */
}

/* Header Cells Grid Divider Lines */
.shop_table.cart th {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.1em !important;
    color: #000000 !important;
    background: transparent !important;
    border-bottom: 2px solid #000000 !important; /* Pure structural focus line */
    padding: 12px 0 !important;
    white-space: nowrap !important;
}

/* Core Content Row Boundaries */
.shop_table.cart td {
    border-top: none !important;
    border-bottom: 1px solid #e5e5e5 !important; /* Clean soft divider lines */
    padding: 24px 0 !important;
    vertical-align: middle !important;
}

/* 4. Product Metadata & Links Typography */
.shop_table.cart .product-name a {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    color: #000000 !important;
    text-decoration: none !important;
    white-space: nowrap !important; /* Prevents titles from breaking into awkward single words */
}

.shop_table.cart .product-name dl.variation {
    margin-top: 6px !important;
    display: flex !important;
    gap: 4px !important;
    font-size: 0.8rem !important;
}

.shop_table.cart .product-name dl.variation dt,
.shop_table.cart .product-name dl.variation dd,
.shop_table.cart .product-name dl.variation p {
    color: #666666 !important;
    margin: 0 !important;
}

/* Sharp Custom Thumbnail Framing */
.shop_table.cart .product-thumbnail img {
    width: 70px !important;
    height: auto !important;
    object-fit: cover !important;
    border: 1px solid #e5e5e5 !important;
}

/* Remove/Delete Item "X" Vector Customization */
.shop_table.cart .product-remove a.remove {
    font-size: 1.4rem !important;
    font-weight: 300 !important;
    color: #999999 !important;
    transition: color 0.2s ease !important;
}

.shop_table.cart .product-remove a.remove:hover {
    color: #000000 !important;
    background: transparent !important;
}

/* Price Variables Matrix */
.shop_table.cart .product-price .amount,
.shop_table.cart .product-subtotal .amount {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-weight: 700 !important;
    color: #000000 !important;
    font-size: 1rem !important;
}

/* 5. Minimal Block Quantity Row Toggles */
.shop_table.cart .quantity .input-group {
    border: 1px solid #111111 !important;
    width: fit-content !important;
    display: flex !important;
}

.shop_table.cart .quantity .input-group-text {
    background: transparent !important;
    border: none !important;
    color: #000000 !important;
    font-size: 1rem !important;
    padding: 6px 12px !important;
    cursor: pointer !important;
}

.shop_table.cart .quantity input.qty {
    border: none !important;
    width: 40px !important;
    text-align: center !important;
    font-family: -apple-system, sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    padding: 0 !important;
}

/* 6. Action Interface Rows (Coupons & Cart Actions) */
.shop_table.cart td.actions {
    border-bottom: none !important;
    padding-top: 20px !important;
    text-align: right !important;
}

/* 7. Asymmetric Inline Coupon Row Box Layout */
.coupon.shop_table {
    margin-top: 16px !important;
    padding: 0 !important;
    border: none !important;
}

.coupon-col {
    display: flex !important;
    gap: 12px !important;
    max-width: 360px !important;
}

.coupon-col-start {
    flex: 1 !important;
}

.coupon-col-start input.input-text {
    width: 100% !important;
    border: 1px solid #111111 !important;
    padding: 10px 14px !important;
    font-size: 0.9rem !important;
    outline: none !important;
}

/* Primary Utility Style Buttons Mixin */
.coupon-col-end button.e-apply-coupon,
.shipping-calculator-form button.button {
    background: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    padding: 10px 20px !important;
    font-family: -apple-system, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.coupon-col-end button.e-apply-coupon:hover,
.shipping-calculator-form button.button:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* 8. Modernist Cart Summary Sidebar Module */
.e-cart-totals {
    background: #ffffff !important;
    border: 1px solid #000000 !important; /* Thick geometric statement border */
    padding: 32px !important;
}

.cart_totals h2 {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    color: #000000 !important;
    margin: 0 0 24px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Totals Summary Row Data Lists */
.cart_totals table.shop_table_responsive {
    width: 100% !important;
    border: none !important;
}

.cart_totals table.shop_table_responsive tr th,
.cart_totals table.shop_table_responsive tr td {
    padding: 14px 0 !important;
    border: none !important;
    border-bottom: 1px solid #eeeeee !important;
    background: transparent !important;
}

.cart_totals table.shop_table_responsive tr th {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    color: #444444 !important;
    text-align: left !important;
}

.cart_totals table.shop_table_responsive tr td {
    text-align: right !important;
}

/* Grand Total Dynamic Row Focus */
.cart_totals table.shop_table_responsive tr.order-total th,
.cart_totals table.shop_table_responsive tr.order-total td {
    border-bottom: none !important;
    padding-top: 24px !important;
}

.cart_totals table.shop_table_responsive tr.order-total th {
    font-family: "Playfair Display", serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.cart_totals table.shop_table_responsive tr.order-total td .amount {
    font-family: "Playfair Display", serif !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* Shipping Calculator Form Tweaks */
.woocommerce-shipping-calculator a.shipping-calculator-button {
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #000000 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.shipping-calculator-form p.form-row select,
.shipping-calculator-form p.form-row input.input-text {
    width: 100% !important;
    border: 1px solid #cccccc !important;
    padding: 8px 12px !important;
    font-size: 0.85rem !important;
    margin-bottom: 8px !important;
}

/* 9. Core Matte Black Action Forward Gate Link */
.wc-proceed-to-checkout .checkout-button.button {
    display: block !important;
    width: 100% !important;
    background-color: #000000 !important; /* High contrast brand black */
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    padding: 16px 24px !important;
    font-family: "Playfair Display", "Georgia", serif !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-align: center !important;
    margin-top: 24px !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wc-proceed-to-checkout .checkout-button.button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* 10. Core Form Update Button Fix */
.woocommerce-cart-form button[name="update_cart"],
.woocommerce-cart .actions button.button[name="update_cart"] {
    display: inline-block !important;
    width: auto !important;
    min-width: 140px !important;
    background-color: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    padding: 10px 20px !important;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.woocommerce-cart-form button[name="update_cart"]:not(:disabled):hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.woocommerce-cart-form button[name="update_cart"]:disabled,
.woocommerce-cart-form button[name="update_cart"][disabled="disabled"],
.woocommerce-cart-form button[name="update_cart"][aria-disabled="true"] {
    background-color: transparent !important;
    color: #cccccc !important;
    border-color: #eeeeee !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* 11. Minimal Static Inline Delivery Time Label */
.wc-proceed-to-checkout::before {
    content: "Lieferzeit: 2–4 Werktage nach Deutschland & Österreich";
    display: block !important;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    color: #666666 !important;
    margin-top: 16px !important;
    margin-bottom: -12px !important;
    text-align: center !important;
}

/* ==========================================================================
   STRAIGHT FOODS — REINFORCED BREAKPOINT TARGETS (1023px and Below)
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1023px) {
    .shop_table.cart {
        display: table !important;
        min-width: 100% !important;
    }
    .shop_table.cart tr {
        display: table-row !important;
    }
    .shop_table.cart td, .shop_table.cart th {
        display: table-cell !important;
    }
    .shop_table.cart td::before {
        display: none !important;
    }
    .shop_table.cart .product-name a {
        white-space: normal !important;
    }
}

/* ==========================================================================
   STRAIGHT FOODS — COMPREHENSIVE LEFT-ALIGNED STACKED MOBILE ENGINE (< 767px)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Prevent parent grid column layout structures from splitting horizontally */
    .e-cart__container { 
        display: block !important; 
    }
    .e-cart__column-start, 
    .e-cart__column-end { 
        width: 100% !important; 
        display: block !important; 
    }
    .e-cart__column-end { 
        margin-top: 40px !important; 
    }
    
    /* 2. Absolute reset of table bounds to eliminate horizontal scrollbars completely */
    .e-shop-table {
        width: 100% !important;
        overflow-x: visible !important;
    }
    .shop_table.cart {
        border: none !important;
        width: 100% !important;
        min-width: 0px !important; /* Forces the table container to match device viewport width */
    }
    
    /* 3. Strip table row formatting away entirely */
    .shop_table.cart thead { 
        display: none !important; 
    }
    .shop_table.cart tbody { 
        display: block !important; 
        width: 100% !important; 
    }
    
    /* 4. Convert each product entry into a clean vertical card module */
    .shop_table.cart tr.woocommerce-cart-form__cart-item {
        display: block !important;
        width: 100% !important;
        padding: 32px 0 !important; /* Generous padding blocks between products */
        border-bottom: 1px solid #e5e5e5 !important;
        position: relative !important;
    }
    
    /* 5. Force every single table column into a pure left-aligned block on its own line */
    .shop_table.cart td {
        display: flex !important; 
        flex-direction: column !important; /* Drops values safely below their headers */
        justify-content: flex-start !important;
        align-items: flex-start !important; /* Rigid structural left anchor alignment */
        gap: 6px !important; /* Space between the field label and its value */
        width: 100% !important;
        padding: 12px 0 !important; /* Clear vertical spacing between fields */
        border: none !important;
        box-sizing: border-box !important;
    }

    /* 6. Standardize structural header prefix labels */
    .shop_table.cart td::before {
        content: attr(data-title) !important;
        display: block !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-weight: 700 !important;
        font-size: 0.85rem !important;
        color: #000000 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        text-align: left !important;
        margin: 0 !important;
    }

    /* 7. Product Thumbnail Framing Configuration */
    .shop_table.cart td.product-thumbnail {
        padding: 0 0 16px 0 !important;
        display: block !important; 
    }
    .shop_table.cart td.product-thumbnail::before { 
        display: none !important; 
    }
    .shop_table.cart td.product-thumbnail img {
        width: 90px !important;
        height: auto !important;
        margin: 0 !important; 
        border: 1px solid #e5e5e5 !important;
    }

    /* 8. Product Titles and Variant Subtext Alignment */
    .shop_table.cart td.product-name::before {
        content: "Produkt" !important;
    }
    .shop_table.cart td.product-name a {
        font-family: "Playfair Display", "Georgia", serif !important;
        font-weight: 700 !important;
        font-size: 1.15rem !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        text-align: left !important;
        display: block !important;
        color: #000000 !important;
    }
    .shop_table.cart td.product-name dl.variation {
        display: block !important;
        text-align: left !important;
        margin: 6px 0 0 0 !important;
        font-size: 0.85rem !important;
    }
    .shop_table.cart td.product-name dl.variation dt,
    .shop_table.cart td.product-name dl.variation dd {
        display: inline !important;
        color: #666666 !important;
    }

    /* 9. Unit Price Elements Rows styling */
    .shop_table.cart td.product-price::before {
        content: "Preis" !important;
    }
    .shop_table.cart td.product-price .amount {
        font-family: "Playfair Display", serif !important;
        font-weight: 700 !important;
        color: #000000 !important;
        display: block !important;
    }

    /* 10. Left-aligned Counter Input Adjustments */
    .shop_table.cart td.product-quantity::before {
        content: "Anzahl" !important;
    }
    .shop_table.cart td.product-quantity .quantity,
    .shop_table.cart td.product-quantity .quantity .input-group {
        margin: 0 !important; /* Wipes out desktop centering or right horizontal pull variables */
    }
    
    /* 11. Dynamic Calculated Line-Total Field Parameters */
    .shop_table.cart td.product-subtotal::before {
        content: "Zwischensumme" !important;
    }
    .shop_table.cart td.product-subtotal .amount {
        font-family: "Playfair Display", serif !important;
        font-weight: 700 !important;
        font-size: 1.15rem !important;
        color: #000000 !important;
        display: block !important;
    }

    /* 12. Absolute positioning of the top-right custom removal trash icon trigger */
    .shop_table.cart td.product-remove {
        position: absolute !important;
        top: 28px !important;
        right: 0 !important;
        width: auto !important;
        z-index: 10 !important;
        padding: 0 !important;
    }
    .shop_table.cart td.product-remove::before { 
        display: none !important; 
    }

    /* 13. System Action Interface Rows Adjustments */
    .shop_table.cart tr:last-child { 
        padding: 24px 0 0 0 !important; 
    }
    .shop_table.cart td.actions {
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 16px !important;
        align-items: flex-start !important; 
    }
    .shop_table.cart td.actions button[name="update_cart"] { 
        width: 100% !important; 
    }
    .coupon-col { 
        width: 100% !important;
        max-width: 100% !important; 
    }
}/* End custom CSS */