/**
 * Public-Styles für das WooCommerce Angebots-Manager Plugin
 *
 * @package    WC_Angebots_Manager
 * @subpackage WC_Angebots_Manager/public/css
 */

/* =============================================
   1. Allgemeine Stile
   ============================================= */

:root {
    --am-status-active-bg: rgba(76, 175, 80, 1);
    --am-status-active-text: rgba(255, 255, 255, 1);
    --am-status-active-border: rgba(76, 175, 80, 1);
    --am-status-active-chip-bg: rgba(209, 245, 223, 1);
    --am-status-active-chip-text: rgba(15, 81, 50, 1);
    --am-status-active-chip-border: rgba(125, 215, 161, 1);
    --am-status-scheduled-bg: rgba(255, 152, 0, 1);
    --am-status-scheduled-text: rgba(255, 255, 255, 1);
    --am-status-scheduled-border: rgba(255, 152, 0, 1);
    --am-status-scheduled-chip-bg: rgba(255, 242, 204, 1);
    --am-status-scheduled-chip-text: rgba(102, 77, 3, 1);
    --am-status-scheduled-chip-border: rgba(255, 215, 107, 1);
    --am-status-expired-bg: rgba(114, 119, 124, 1);
    --am-status-expired-text: rgba(255, 255, 255, 1);
    --am-status-expired-border: rgba(114, 119, 124, 1);
    --am-status-expired-chip-bg: rgba(248, 215, 218, 1);
    --am-status-expired-chip-text: rgba(95, 33, 32, 1);
    --am-status-expired-chip-border: rgba(241, 174, 181, 1);
    --am-status-draft-bg: rgba(233, 236, 239, 1);
    --am-status-draft-text: rgba(47, 47, 58, 1);
    --am-status-draft-border: rgba(198, 204, 210, 1);
    --am-status-draft-chip-bg: rgba(233, 236, 239, 1);
    --am-status-draft-chip-text: rgba(47, 47, 58, 1);
    --am-status-draft-chip-border: rgba(198, 204, 210, 1);
    --am-status-ending-soon-accent: rgba(255, 167, 66, 1);
    --am-status-ending-soon-border: rgba(255, 179, 107, 1);
    --am-status-ending-soon-badge-bg: rgba(255, 127, 0, 1);
    --am-status-ending-soon-badge-text: rgba(255, 255, 255, 1);
    --am-status-ending-soon-glow-soft: rgba(255, 127, 0, 0.30);
    --am-status-ending-soon-glow-strong: rgba(255, 127, 0, 0.50);
    --am-type-default-bg: rgba(237, 242, 248, 1);
    --am-type-default-text: rgba(29, 54, 83, 1);
    --am-type-default-border: rgba(200, 212, 228, 1);
    --am-type-daily-bg: rgba(232, 245, 233, 1);
    --am-type-daily-text: rgba(27, 94, 32, 1);
    --am-type-daily-border: rgba(130, 183, 75, 1);
    --am-type-weekly-bg: rgba(255, 248, 225, 1);
    --am-type-weekly-text: rgba(122, 86, 0, 1);
    --am-type-weekly-border: rgba(254, 178, 54, 1);
    --am-type-monthly-bg: rgba(232, 240, 255, 1);
    --am-type-monthly-text: rgba(31, 60, 117, 1);
    --am-type-monthly-border: rgba(107, 91, 149, 1);
    --am-type-custom-bg: rgba(232, 244, 255, 1);
    --am-type-custom-text: rgba(29, 67, 122, 1);
    --am-type-custom-border: rgba(52, 86, 139, 1);
    --am-type-seasonal-bg: rgba(255, 232, 236, 1);
    --am-type-seasonal-text: rgba(138, 30, 45, 1);
    --am-type-seasonal-border: rgba(243, 178, 191, 1);
}

/* Stellen Sie sicher, dass alle Bild-Container relative Positionierung haben */
.products li,
.angebot-item .angebot-image,
.woocommerce-product-gallery,
.product .images,
.woocommerce-product-gallery__wrapper,
.product .woocommerce-product-gallery__image,
.angebot-image,
.woocommerce-product-gallery__image,
.woocommerce ul.products li.product a img,
.wc-angebots-manager-offer-page .offer-image {
    position: relative;
    overflow: visible; /* Wichtig für Ecken-Badges */
}

/* =============================================
   2. Badge-Grundstile
   ============================================= */

/* Neue Badge-Scope-Schicht: additiv, ohne Legacy-Pixelwerte zu ueberschreiben. */
.wc-am-badge {
    --wc-am-badge-offset-x: 0px;
    --wc-am-badge-offset-y: 0px;
    --wc-am-badge-rotate: 0deg;
    --wc-am-badge-scale: 1;
}

/* Grundstil für alle Badges */
.wc-angebot-badge,
.wc-angebot-ending-soon-badge {
    position: absolute;
    z-index: 20;
    padding: 5px 10px;
    font-weight: bold;
    line-height: 1.2;
    font-size: 13px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    transition: opacity 0.2s ease;
}

/* Verbesserter Stil für das "Endet bald"-Badge */
.wc-angebot-ending-soon-badge {
    background-color: var(--am-status-ending-soon-badge-bg, rgba(255, 127, 0, 1));
    color: var(--am-status-ending-soon-badge-text, rgba(255, 255, 255, 1));
    animation: pulse 2s infinite; /* Animation hinzufügen */
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 10px var(--am-status-ending-soon-glow-soft, rgba(255,127,0,0.3));
    border: 1px solid var(--am-status-ending-soon-border, rgba(255,179,107,1));
}

/* Verbesserte Pulsieren-Animation */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 10px var(--am-status-ending-soon-glow-soft, rgba(255,127,0,0.3));
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 1px 5px rgba(0,0,0,0.3), 0 0 15px var(--am-status-ending-soon-glow-strong, rgba(255,127,0,0.5));
    }
    100% {
        transform: scale(1);
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 10px var(--am-status-ending-soon-glow-soft, rgba(255,127,0,0.3));
    }
}


.wc-angebot-badge {
    background-color: #e74c3c;
    color: white;
}

.wc-angebot-ending-soon-badge {
    background-color: var(--am-status-ending-soon-badge-bg, rgba(255, 127, 0, 1));
    color: var(--am-status-ending-soon-badge-text, rgba(255, 255, 255, 1));
    animation: pulse 2s infinite;
}

/* Hover-Effekt für Badges */
.wc-angebot-badge:hover,
.wc-angebot-ending-soon-badge:hover {
    opacity: 0.9;
}

.wc-am-discount-hidden-by-variation {
    display: none !important;
}

/* =============================================
   3. Badge-Positionierungs-System
   ============================================= */

/* Auf dem Produktbild */
.wc-angebot-badge-on-image,
.wc-angebot-badge.on-image {
    position: absolute;
}

/* Unterhalb des Produktbilds */
.wc-angebot-badge-below-image,
.wc-angebot-badge.below-image {
    position: absolute;
}

/* Im gesamten Produktbereich */
.wc-angebot-badge-whole-product,
.wc-angebot-badge-product {
    position: absolute;
    z-index: 21; /* Etwas höher als normale Badges */
}

/* Benutzerdefinierte Position */
.wc-angebot-badge-custom,
.custom-position {
    position: absolute;
}

/* Ecken-Positionen */
.wc-angebot-badge-corner-top-right, 
.corner-top-right { 
    top: 0; 
    right: 0; 
    border-radius: 0 0 0 5px;
}

.wc-angebot-badge-corner-top-left, 
.corner-top-left { 
    top: 0; 
    left: 0; 
    border-radius: 0 0 5px 0;
}

.wc-angebot-badge-corner-bottom-right, 
.corner-bottom-right { 
    bottom: 0; 
    right: 0; 
    border-radius: 5px 0 0 0;
}

.wc-angebot-badge-corner-bottom-left, 
.corner-bottom-left { 
    bottom: 0; 
    left: 0; 
    border-radius: 0 5px 0 0;
}

/* Standard-Positionen */
.wc-angebot-badge-top-left, 
.top-left { 
    top: 10px; 
    left: 10px; 
}

.wc-angebot-badge-top-right, 
.top-right { 
    top: 10px; 
    right: 10px; 
}

.wc-angebot-badge-bottom-left, 
.bottom-left { 
    bottom: 10px; 
    left: 10px; 
}

.wc-angebot-badge-bottom-right, 
.bottom-right { 
    bottom: 10px; 
    right: 10px; 
}

.wc-angebot-badge-center, 
.center { 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
}

.wc-am-badge.wc-am-badge--position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(var(--wc-am-badge-rotate, 0deg)) scale(var(--wc-am-badge-scale, 1));
}

.wc-angebot-badge-top-center, 
.top-center { 
    top: 10px; 
    left: 50%; 
    transform: translateX(-50%); 
}

.wc-am-badge.wc-am-badge--position-top-center {
    top: 10px;
    left: 50%;
    transform: translateX(-50%) rotate(var(--wc-am-badge-rotate, 0deg)) scale(var(--wc-am-badge-scale, 1));
}

.wc-angebot-badge-bottom-center, 
.bottom-center { 
    bottom: 10px; 
    left: 50%; 
    transform: translateX(-50%); 
}

.wc-am-badge.wc-am-badge--position-bottom-center {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) rotate(var(--wc-am-badge-rotate, 0deg)) scale(var(--wc-am-badge-scale, 1));
}

.wc-angebot-badge-top-left-after-discount,
.top-left-after-discount {
    top: 10px;
    left: var(--wc-am-badge-adjacent-left, 58px);
}

/* Positionen im Textbereich unter dem Bild */
.wc-angebot-badge-below-top-left, 
.below-top-left { 
    top: 5px; 
    left: 5px; 
}

.wc-angebot-badge-below-top-right, 
.below-top-right { 
    top: 5px; 
    right: 5px; 
}

.wc-angebot-badge-below-top-center, 
.below-top-center { 
    top: 5px; 
    left: 50%; 
    transform: translateX(-50%);
}

.wc-angebot-badge-below-center, 
.below-center { 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
}

.angebote-archive-notice {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-left: 4px solid #d48a00;
    background: #fff7e6;
    color: #6f4b00;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.45;
}

.wc-angebot-badge-below-bottom-left, 
.below-bottom-left { 
    bottom: 5px; 
    left: 5px; 
}

.wc-angebot-badge-below-bottom-right, 
.below-bottom-right { 
    bottom: 5px; 
    right: 5px; 
}

.wc-angebot-badge-below-bottom-center,
.below-bottom-center {
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}

/* Positionierung im gesamten Produktbereich */
.wc-angebot-badge-product-top-left,
.product-top-left { 
    top: -10px; 
    left: -10px; 
    z-index: 100;
}

.wc-angebot-badge-product-top-right,
.product-top-right { 
    top: -10px; 
    right: -10px; 
    z-index: 100;
}

.wc-angebot-badge-product-top-center,
.product-top-center {
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.wc-angebot-badge-product-middle-left,
.product-middle-left {
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    z-index: 100;
}

.wc-angebot-badge-product-middle-right,
.product-middle-right {
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    z-index: 100;
}

.wc-angebot-badge-product-bottom-left,
.product-bottom-left { 
    bottom: -10px; 
    left: -10px; 
    z-index: 100;
}

.wc-angebot-badge-product-bottom-right,
.product-bottom-right { 
    bottom: -10px; 
    right: -10px; 
    z-index: 100;
}

.wc-angebot-badge-product-bottom-center,
.product-bottom-center {
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

/* Specific badge positions in relation to shop elements */
.wc-angebot-badge-below-price {
    position: relative;
    display: block;
    margin-top: 5px;
    max-width: fit-content;
}

.wc-angebot-badge-below-title {
    position: relative;
    display: block;
    margin-bottom: 5px;
    max-width: fit-content;
}

.wc-angebot-badge-below-add-to-cart {
    position: relative;
    display: block;
    margin-top: 5px;
    max-width: fit-content;
}

/* =============================================
   4. Spezielle Ribbon-Stile
   ============================================= */

.wc-angebot-ribbon {
    position: absolute;
    z-index: 25;
    text-align: center;
    overflow: hidden;
}

.wc-angebot-float-ribbon-top-right,
.float-ribbon-top-right {
    top: 15px;
    right: -30px;
    padding: 5px 30px;
    transform: rotate(45deg);
    transform-origin: right top;
}

.wc-angebot-float-ribbon-top-left,
.float-ribbon-top-left {
    top: 15px;
    left: -30px;
    padding: 5px 30px;
    transform: rotate(-45deg);
    transform-origin: left top;
}

.wc-angebot-diagonal-ribbon-top-right,
.diagonal-ribbon-top-right {
    top: 15px;
    right: -25px;
    width: 100px;
    transform: rotate(45deg);
    transform-origin: right top;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

.wc-angebot-diagonal-ribbon-top-left,
.diagonal-ribbon-top-left {
    top: 15px;
    left: -25px;
    width: 100px;
    transform: rotate(-45deg);
    transform-origin: left top;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

/* =============================================
   5. Badge-Typ-Stile
   ============================================= */

/* Verschiedene Rabatttypen mit unterschiedlichen Farben */
.wc-angebot-badge.percent-type,
.percent-type {
    background-color: #e74c3c; /* Rot für Prozent */
}

.wc-angebot-badge.fixed-type,
.fixed-type {
    background-color: #3498db; /* Blau für festen Betrag */
}

.wc-angebot-badge.shipping-type,
.shipping-type {
    background-color: #2ecc71; /* Grün für kostenlosen Versand */
}

.wc-angebot-badge.bogo-type,
.bogo-type {
    background-color: #9b59b6; /* Lila für BOGO */
}

.wc-angebot-badge.bulk-type,
.bulk-type {
    background-color: #f39c12; /* Orange für Staffelrabatt */
}

.wc-angebot-badge.payment-type,
.payment-type {
    background-color: #1abc9c; /* Türkis für Zahlungsrabatt */
}

/* =============================================
   6. Animationen
   ============================================= */

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* =============================================
   7. Responsive Anpassungen
   ============================================= */

@media (max-width: 768px) {
    /* Badges kleiner darstellen auf kleineren Bildschirmen */
    .wc-angebot-badge,
    .wc-angebot-ending-soon-badge {
        padding: 3px 6px;
        font-size: 10px;
    }
    
    /* Ribbon-Stile anpassen */
    .wc-angebot-ribbon {
        padding: 3px 20px;
        font-size: 9px;
    }
    
    /* Kleinere Verschiebungen für Mobile */
    .wc-angebot-badge-product-top-left,
    .product-top-left { 
        top: -5px; 
        left: -5px; 
    }
    
    .wc-angebot-badge-product-top-right,
    .product-top-right { 
        top: -5px; 
        right: -5px; 
    }
    
    .wc-angebot-badge-product-bottom-left,
    .product-bottom-left { 
        bottom: -5px; 
        left: -5px; 
    }
    
    .wc-angebot-badge-product-bottom-right,
    .product-bottom-right { 
        bottom: -5px; 
        right: -5px;
    }
}

/* =============================================
   8. Countdown-Timer Stile
   ============================================= */

/* Countdown-Timer */
.wc-angebot-countdown {
    clear: both;
    margin: 10px 0;
    padding: 10px 15px;
    background-color: #f7f7f7;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.wc-angebot-countdown-label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
}

.wc-angebot-countdown-timer {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.wc-angebot-countdown-section {
    display: inline-block;
    text-align: center;
    min-width: 50px;
}

.wc-angebot-countdown-value {
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 8px;
    font-size: 18px;
    font-weight: bold;
}

.wc-angebot-countdown-label-small {
    display: block;
    font-size: 12px;
    margin-top: 3px;
    color: #777;
    font-weight: normal;
}

/* Kompakter Timer für Shop-Übersicht */
.wc-angebot-mini-timer {
    margin: 5px 0;
    padding: 5px;
    font-size: 12px;
}

.wc-angebot-mini-timer .wc-angebot-countdown-timer {
    justify-content: center;
    gap: 5px;
}

.wc-angebot-mini-timer .wc-angebot-countdown-value {
    font-size: 14px;
    padding: 3px 5px;
}

.wc-angebot-mini-timer .wc-angebot-countdown-label-small {
    font-size: 10px;
}

@media screen and (max-width: 782px) {
    .wc-angebot-countdown-timer {
        flex-wrap: wrap;
    }
    
    .wc-angebot-countdown-section {
        min-width: 40px;
    }
    
    .wc-angebot-countdown-value {
        font-size: 16px;
        padding: 4px 6px;
    }
}

/* =============================================
   9. Angebots-Details Stile
   ============================================= */

/* Angebots-Details */
.wc-angebot-details-wrapper {
    position: relative;
    margin: 20px 0;
    padding: 15px;
    background-color: #f7f7f7;
    border-radius: 3px;
}

.wc-angebot-details-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}

.wc-angebot-details-description,
.wc-angebot-details-desc {
    margin-bottom: 15px;
    color: #555;
}

.wc-angebot-details-dates {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}

.wc-angebot-details-dates p {
    margin: 5px 0;
}

/* =============================================
   10. Archivseite für Angebote
   ============================================= */

/* Archiv-Seite für Angebote */
.angebote-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.angebote-type-navigation {
    margin-bottom: 0;
}

.angebote-types {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.angebot-type-item {
    margin: 0;
}

.angebot-type-item a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    background-color: #f5f5f5;
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.angebot-type-item a:hover {
    background-color: #e0e0e0;
}

.angebot-type-item.current a {
    background-color: #2ea2cc;
    color: white;
}

.angebot-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.08);
    color: inherit;
}

.angebote-scope-navigation {
    margin-left: auto;
}

.angebote-view-navigation {
    margin-left: 0;
}

.angebote-scopes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.angebot-scope-item a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid #dcdcde;
    border-radius: 4px;
    text-decoration: none;
    background: #fff;
    color: #1d2327;
    font-weight: 600;
}

.angebot-scope-item.current a {
    background: #1d2327;
    border-color: #1d2327;
    color: #fff;
}

.angebote-views {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.angebot-view-item a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid #dcdcde;
    border-radius: 4px;
    text-decoration: none;
    background: #fff;
    color: #1d2327;
    font-weight: 600;
}

.angebot-view-item.current a {
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
}

/* Angebote-Liste */
.angebote-list {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.angebot-item {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0;
    padding: 16px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.angebot-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.angebote-list.is-view-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 14px;
}

.angebote-list.is-view-grid .angebot-item {
    display: block;
    height: 100%;
}

.angebote-list.is-view-grid .angebot-item.angebot-item-has-quick-form {
    grid-column: 1 / -1;
}

.angebote-list.is-view-grid .angebot-image {
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: 10px;
}

.angebote-list.is-view-grid .angebot-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.angebote-list.is-view-grid .angebot-no-image {
    height: 220px;
}

.angebote-list.is-view-list .angebot-image {
    flex: 0 0 200px;
}

.angebot-item.angebot-ending-soon {
    border-color: var(--am-status-ending-soon-border, rgba(255, 179, 107, 1));
    box-shadow: 0 0 0 2px var(--am-status-ending-soon-glow-soft, rgba(255, 167, 66, 0.18)), 0 4px 10px rgba(0, 0, 0, 0.08);
    animation: angebot-ending-pulse 2.4s ease-in-out infinite;
}

@keyframes angebot-ending-pulse {
    0%,
    100% {
        box-shadow: 0 0 0 2px var(--am-status-ending-soon-glow-soft, rgba(255, 167, 66, 0.16)), 0 4px 10px rgba(0, 0, 0, 0.08);
    }
    50% {
        box-shadow: 0 0 0 4px var(--am-status-ending-soon-glow-strong, rgba(255, 167, 66, 0.28)), 0 6px 14px rgba(0, 0, 0, 0.12);
    }
}

/* Einrückung für hierarchische Anzeige */
.angebote-list.is-view-list .angebot-indent-1 {
    margin-left: 30px;
}

.angebote-list.is-view-list .angebot-indent-2 {
    margin-left: 60px;
}

/* Angebotstyp-spezifische Stile */
.angebot-type-monthly {
    border-left: 4px solid var(--am-type-monthly-border, rgba(107, 91, 149, 1));
}

.angebot-type-weekly {
    border-left: 4px solid var(--am-type-weekly-border, rgba(254, 178, 54, 1));
}

.angebot-type-daily {
    border-left: 4px solid var(--am-type-daily-border, rgba(130, 183, 75, 1));
}

.angebot-type-custom {
    border-left: 4px solid var(--am-type-custom-border, rgba(52, 86, 139, 1));
}

.angebot-type-seasonal {
    border-left: 4px solid var(--am-type-seasonal-border, rgba(243, 178, 191, 1));
}

/* Angebot Bild */
.angebot-image {
    flex: 0 0 200px;
}

.angebot-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.angebot-image-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.angebot-image-gallery-item {
    position: relative;
}

.angebot-image-gallery-item img {
    display: block;
    width: 100%;
    height: 95px;
    object-fit: cover;
    border-radius: 3px;
}

.angebot-image-gallery-more {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 95px;
    border-radius: 3px;
    background: #2ea2cc;
    color: #fff;
    font-weight: 700;
}

.angebot-no-image {
    width: 100%;
    height: 200px;
    background-color: #f0f0f0;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.angebot-no-image:after {
    content: "\f227";
    font-family: dashicons;
    font-size: 50px;
    color: #ccc;
}

/* Angebot Inhalt */
.angebot-content {
    flex: 1 1 300px;
}

.angebot-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    margin-bottom: 8px;
}

.angebot-meta-row-primary .angebot-status {
    flex: 0 0 auto;
}

.angebot-meta-row-primary .angebot-dates {
    flex: 1 1 260px;
}

.angebot-meta-row-secondary .angebot-product-count {
    flex: 0 0 auto;
}

.angebot-meta-row-secondary .angebot-savings-note {
    flex: 1 1 220px;
}

.angebot-meta-row .angebot-status,
.angebot-meta-row .angebot-dates,
.angebot-meta-row .angebot-product-count,
.angebot-meta-row .angebot-savings-note {
    margin: 0;
}

.angebot-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
}

.angebot-title a {
    text-decoration: none;
    color: inherit;
}

/* Status-Badge */
.angebot-status {
    margin-bottom: 10px;
}

.status-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.status-badge.active {
    background-color: var(--am-status-active-bg, rgba(76, 175, 80, 1));
    color: var(--am-status-active-text, rgba(255, 255, 255, 1));
}

.status-badge.scheduled {
    background-color: var(--am-status-scheduled-bg, rgba(255, 152, 0, 1));
    color: var(--am-status-scheduled-text, rgba(255, 255, 255, 1));
}

.status-badge.expired {
    background-color: var(--am-status-expired-bg, rgba(114, 119, 124, 1));
    color: var(--am-status-expired-text, rgba(255, 255, 255, 1));
}

/* Rabatt und Gültigkeit */
.angebot-discount,
.angebot-dates {
    margin-bottom: 8px;
}

.angebot-product-count {
    margin-bottom: 8px;
}

.angebot-product-prices {
    margin: 8px 0 10px;
}

.angebot-product-prices-list {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}

.angebot-product-prices-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 6px;
    font-size: 0.92rem;
    line-height: 1.35;
}

.angebot-product-prices-name {
    color: #1f3552;
    font-weight: 500;
}

.angebot-product-prices-values {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
}

.angebot-product-prices-values del {
    color: #7b8593;
}

.angebot-product-prices-values ins {
    color: #0f5132;
    text-decoration: none;
    font-weight: 700;
}

.angebot-bundle-count {
    margin-bottom: 8px;
    color: #1d3653;
}

.angebot-bundle-attributes {
    margin-bottom: 8px;
    color: #3b4f66;
    font-size: 0.92rem;
}

.angebot-bundle-include-display,
.wc-angebot-bundle-include-display {
    margin: 6px 0 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.angebot-bundle-include-chip,
.wc-angebot-bundle-include-chip {
    display: inline-flex;
    align-items: center;
    border: 1px solid #dce6f3;
    background: #f7fbff;
    color: #27425f;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.35;
}

.angebot-bundle-include-swatches,
.wc-angebot-bundle-include-swatches {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.angebot-bundle-color-swatch,
.wc-angebot-bundle-color-swatch {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgba(31, 53, 82, .2);
    display: inline-block;
}

/* Kurzbeschreibung */
.angebot-excerpt {
    margin: 15px 0;
    color: #555;
}

/* Aktionen */
.angebot-actions {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.angebot-more,
.angebote-archive .angebot-actions .angebot-more.button {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #d5dfeb;
    background-color: #fff;
    color: #344760;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.angebot-more:hover,
.angebot-more:focus,
.angebote-archive .angebot-actions .angebot-more.button:hover,
.angebote-archive .angebot-actions .angebot-more.button:focus {
    border-color: #b7c6d8;
    background-color: #f7fafc;
    color: #1f2d3d;
    box-shadow: 0 1px 3px rgba(31, 45, 61, 0.08);
}

.angebot-add-to-cart {
    display: inline-block;
}

/* Countdown im Archiv */
.archive-countdown .wc-angebot-countdown-timer {
    justify-content: flex-start;
}

/* =============================================
   11. Gamification-Elemente
   ============================================= */

/* Besucher-Zähler und andere Gamification-Elemente */
.wc-angebot-visitor-counter {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #007bff;
    margin: 10px 0;
}

.wc-angebot-progress-bar {
    margin: 15px 0;
}

.wc-angebot-progress-bar .progress-bar-container {
    height: 10px;
    background-color: #e9ecef;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.wc-angebot-progress-bar .progress-bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #28a745;
    border-radius: 5px;
    transition: width 0.6s ease;
}

/* =============================================
   12. Admin-Preview-Bereich
   ============================================= */

@media (max-width: 768px) {
    .angebote-toolbar {
        align-items: stretch;
    }

    .angebote-scope-navigation {
        margin-left: 0;
        width: 100%;
    }

    .angebote-scopes {
        width: 100%;
    }

    .angebote-views {
        width: 100%;
    }

    .angebot-scope-item {
        flex: 1 1 calc(50% - 8px);
    }

    .angebot-scope-item a {
        width: 100%;
    }

    .angebot-view-item {
        flex: 1 1 calc(50% - 8px);
    }

    .angebot-view-item a {
        width: 100%;
    }

    .angebot-item {
        flex-direction: column;
    }

    .angebot-meta-row {
        gap: 6px 10px;
    }

    .angebot-meta-row-primary .angebot-status,
    .angebot-meta-row-primary .angebot-dates,
    .angebot-meta-row-secondary .angebot-product-count,
    .angebot-meta-row-secondary .angebot-savings-note {
        flex: 1 1 100%;
    }
    
    .angebot-image {
        max-width: 100%;
    }
    
    .angebote-list.is-view-list .angebot-indent-1,
    .angebote-list.is-view-list .angebot-indent-2 {
        margin-left: 0;
    }
    
    .angebot-type-navigation {
        overflow-x: auto;
    }
}

/* Korrekte Bildgrößen auf der Archivseite */
.angebote-archive .offer-product-image img,
.angebote-archive .offer-category-image img,
.angebote-archive .offer-featured-image img,
.wc-angebot-product-badge img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
    object-fit: cover !important;
}
/* Debug-Box Stile */
.wc-angebots-debug-box {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-left: 4px solid #007cba;
    padding: 15px;
    margin: 15px 0;
    font-size: 13px;
    clear: both;
}

.wc-angebots-debug-box h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #007cba;
    font-size: 16px;
}

.wc-angebots-debug-box .yes {
    color: #46b450;
    font-weight: bold;
}

.wc-angebots-debug-box .no {
    color: #dc3232;
}

.wc-angebots-debug-box .warning {
    color: #ffb900;
    font-style: italic;
}

.wc-angebots-debug-box .info {
    color: #00a0d2;
    font-style: italic;
}

.wc-angebots-debug-box .not-found {
    color: #dc3232;
    font-style: italic;
}

.wc-angebots-debug-box div {
    margin-bottom: 5px;
}

.wc-angebots-debug-box div:last-child {
    margin-bottom: 0;
}

.wc-angebots-debug-box.wc-am-debug-box--inspector-only {
    display: none !important;
}

.wc-angebots-debug-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.wc-angebots-debug-table th,
.wc-angebots-debug-table td {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

.wc-angebots-debug-table th {
    background-color: #f2f2f2;
}

.wc-angebots-debug-table pre {
    margin: 0;
    padding: 0;
    font-family: monospace;
    white-space: pre-wrap;
}
/* Spezielle Stile für die Shop-Ansicht der Debug-Boxen */
.wc-angebots-debug-box.shop-view {
    font-size: 10px;
    padding: 5px;
    margin: 5px 0;
}

.wc-angebots-debug-box.shop-view h4 {
    font-size: 11px;
    margin: 0 0 3px 0;
}

.wc-angebots-debug-box.shop-view div {
    line-height: 1.3;
    margin-bottom: 2px;
}
/* Debug-Box Stile mit ausklappbaren Details */
.wc-angebots-debug-box {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-left: 4px solid #007cba;
    padding: 15px;
    margin: 15px 0;
    font-size: 13px;
    clear: both;
}

.wc-angebots-debug-box h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #007cba;
    font-size: 16px;
}

.wc-angebots-debug-box .yes {
    color: #46b450;
    font-weight: bold;
}

.wc-angebots-debug-box .no {
    color: #dc3232;
}

.wc-angebots-debug-box .warning {
    color: #ffb900;
    font-style: italic;
}

.wc-angebots-debug-box .info {
    color: #00a0d2;
    font-style: italic;
}

.wc-angebots-debug-box .not-found {
    color: #dc3232;
    font-style: italic;
}

.wc-angebots-debug-box div {
    margin-bottom: 5px;
}

.wc-angebots-debug-box div:last-child {
    margin-bottom: 0;
}

.wc-angebots-debug-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.wc-angebots-debug-table th,
.wc-angebots-debug-table td {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

.wc-angebots-debug-table th {
    background-color: #f2f2f2;
}

.wc-angebots-debug-table pre {
    margin: 0;
    padding: 0;
    font-family: monospace;
    white-space: pre-wrap;
}

/* Spezielle Stile für schmale Bereiche */
.wc-angebots-debug-box.narrow-view {
    font-size: 10px;
    padding: 5px;
    margin: 5px 0;
}

.wc-angebots-debug-box.narrow-view h4 {
    font-size: 11px;
    margin: 0 0 3px 0;
}

.wc-angebots-debug-box.narrow-view div {
    line-height: 1.3;
    margin-bottom: 2px;
}

/* Stile für den ausklappbaren Bereich */
.wc-angebots-debug-toggle {
    display: inline-block;
    background: #f0f0f0;
    color: #0073aa;
    font-size: 9px;
    padding: 1px 4px;
    border-radius: 3px;
    margin-left: 5px;
    text-decoration: none;
    font-weight: normal;
}

.wc-angebots-debug-toggle:hover {
    background: #e0e0e0;
    color: #00a0d2;
    text-decoration: none;
}

.wc-angebots-debug-details {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px dashed #ddd;
}

.wc-angebots-debug-box.narrow-view .wc-angebots-debug-details .wc-angebots-debug-table {
    font-size: 9px;
}

.wc-angebots-debug-box.narrow-view .wc-angebots-debug-details .wc-angebots-debug-table th,
.wc-angebots-debug-box.narrow-view .wc-angebots-debug-details .wc-angebots-debug-table td {
    padding: 3px;
}
/* Stil für die erweiterte Positionsauswahl */
.badge-position-controls {
    margin-bottom: 15px;
}

.badge-position-select {
    min-width: 240px;
}

.badge-offset-controls {
    margin-top: 10px;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.badge-offset-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.badge-offset-row:last-child {
    margin-bottom: 0;
}

.badge-offset-row label {
    width: 100px;
    font-weight: 500;
}

.badge-position-slider {
    flex: 1;
    margin: 0 10px;
}

.offset-value {
    width: 50px;
    text-align: right;
    font-weight: 500;
}

.preview-product-container {
    margin-top: 15px;
}

.preview-image-badge,
.preview-below-badge {
    display: inline-block;
    padding: 4px 8px;
    background-color: #e74c3c;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    z-index: 10;
}

.preview-product-image {
    background-image: url('<?php echo plugin_dir_url(dirname(__DIR__)) . 'assets/images/preview-product.jpg'; ?>');
    background-size: cover;
    background-position: center;
}
/* =============================================
   13. Erweiterte Badge-Stile
   ============================================= */

/* Basisstile für alle erweiterten Badges */
.wc-angebot-badge-extended {
  position: absolute;
  z-index: 99;
}

/* 1. Klassisches Ribbon */
.wc-badge-ribbon {
  background: linear-gradient(45deg, #ff6b6b, #ee5253);
  color: white;
  padding: 8px 15px;
  position: absolute;
  top: 15px;
  right: -30px;
  transform: rotate(45deg);
  transform-origin: right top;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  width: 120px;
  text-align: center;
  font-weight: bold;
}

/* 2. Floating Bubble */
.wc-badge-bubble {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ff6b6b;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% { transform: translatey(0px); }
  50% { transform: translatey(-10px); }
  100% { transform: translatey(0px); }
}

/* 3. Starburst */
.wc-badge-starburst {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #ff6b6b;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  clip-path: polygon(
    50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 
    50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%
  );
}

/* 4. Corner Fold */
.wc-badge-corner-fold {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 70px 70px 0;
  border-color: transparent #ff6b6b transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}

.wc-badge-corner-fold span {
  position: absolute;
  top: 12px;
  right: -65px;
  transform: rotate(45deg);
  color: white;
  font-weight: bold;
  font-size: 12px;
}

/* 5. Marker Stroke */
.wc-badge-marker-stroke {
  position: relative;
  background-color: #fffa65;
  color: #333;
  font-weight: bold;
  padding: 5px 10px;
  transform: rotate(-5deg);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.wc-am-badge.wc-badge-marker-stroke {
  --wc-am-badge-rotate: -5deg;
  transform: rotate(var(--wc-am-badge-rotate, -5deg)) scale(var(--wc-am-badge-scale, 1));
}

.wc-badge-marker-stroke::before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #fffa65;
}

/* 6. Neon Sign */
.wc-badge-neon {
  background-color: transparent;
  color: #fff;
  text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 15px #0073e6,
    0 0 20px #0073e6,
    0 0 25px #0073e6;
  font-weight: bold;
  padding: 5px 10px;
  animation: neon-pulse 1.5s ease-in-out infinite alternate;
}

@keyframes neon-pulse {
  from { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6; }
  to { text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #0073e6, 0 0 10px #0073e6, 0 0 15px #0073e6; }
}

/* 7. Brush Stroke */
.wc-badge-brush-stroke {
  background-color: transparent;
  position: relative;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
}

.wc-badge-brush-stroke::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e74c3c;
  clip-path: polygon(
    0% 25%, 15% 10%, 40% 15%, 65% 5%, 90% 15%, 
    100% 30%, 90% 50%, 100% 70%, 85% 90%, 
    60% 95%, 35% 85%, 15% 90%, 0% 75%, 10% 50%
  );
  z-index: -1;
}

/* 8. 3D Badge */
.wc-badge-3d {
  background-color: #e74c3c;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
  transform: perspective(100px) rotateX(10deg);
  box-shadow: 
    0 5px 0 #c0392b,
    0 10px 15px rgba(0,0,0,0.3);
}

/* 9. Speech Bubble */
.wc-badge-speech-bubble {
  background-color: #3498db;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
  border-radius: 10px;
  position: relative;
}

.wc-badge-speech-bubble::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 15px;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #3498db transparent transparent;
}

/* 10. Stitched Label */
.wc-badge-stitched {
  background-color: #e74c3c;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
  border: 2px dashed white;
  border-radius: 5px;
  box-shadow: 0 0 0 4px #e74c3c;
}

/* 11. Gradient Flow */
.wc-badge-gradient-flow {
  background: linear-gradient(90deg, #f06, #3cf, #f06);
  background-size: 200% 100%;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
  border-radius: 5px;
  animation: gradient-shift 3s linear infinite;
}

@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* 12. Torn Paper */
.wc-badge-torn-paper {
  background-color: white;
  color: #333;
  font-weight: bold;
  padding: 10px 15px;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,0.2));
}

.wc-badge-torn-paper::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><path fill="white" d="M0,0 C6,4 9,8 12,12 C15,8 18,4 24,0 Z"/></svg>');
  background-size: 24px 100%;
}

/* 13. Racing Stripe */
.wc-badge-racing-stripe {
  background-color: rgba(0,0,0,0.7);
  width: 200%;
  height: 40px;
  color: white;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-35deg) translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}

/* 14. Sparkle */
.wc-badge-sparkle {
  background-color: #ff6b6b;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.wc-badge-sparkle::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background-image: radial-gradient(circle, white 1px, transparent 1px);
  background-size: 15px 15px;
  opacity: 0.3;
  animation: sparkle 3s linear infinite;
}

@keyframes sparkle {
  0% { transform: translateX(0) translateY(0); }
  100% { transform: translateX(25px) translateY(25px); }
}

/* 15. Stamp */
.wc-badge-stamp {
  background-color: #e74c3c;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
  border-radius: 5px;
  transform: rotate(-5deg);
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  border: 2px solid rgba(0,0,0,0.1);
  position: relative;
}

.wc-badge-stamp::before, .wc-badge-stamp::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 5px;
}

/* 16. Splash */
.wc-badge-splash {
  background-color: transparent;
  position: relative;
}

.wc-badge-splash::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  background-color: #e74c3c;
  border-radius: 50% 60% 60% 40% / 40% 50% 50% 60%;
  z-index: -1;
}

.wc-badge-splash span {
  color: white;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

/* 17. Retro Banner */
.wc-badge-retro {
  background-color: #f1c40f;
  color: #333;
  font-weight: bold;
  padding: 7px 15px;
  border: 3px solid #333;
  box-shadow: 
    3px 3px 0 #333,
    -3px -3px 0 #f1c40f;
}

/* 18. Glowing Outline */
.wc-badge-glow-outline {
  background-color: transparent;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
  border: 2px solid #ff6b6b;
  box-shadow: 0 0 10px #ff6b6b;
  text-shadow: 0 0 5px #ff6b6b;
  animation: outline-pulse 2s ease-in-out infinite;
}

@keyframes outline-pulse {
  0% { box-shadow: 0 0 10px #ff6b6b; }
  50% { box-shadow: 0 0 20px #ff6b6b; }
  100% { box-shadow: 0 0 10px #ff6b6b; }
}

/* 19. Zigzag Border */
.wc-badge-zigzag {
  background-color: #ff6b6b;
  color: white;
  font-weight: bold;
  padding: 10px 15px;
  position: relative;
}

.wc-badge-zigzag::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  height: 8px;
  background-image: linear-gradient(45deg, transparent 33.333%, #ff6b6b 33.333%, #ff6b6b 66.667%, transparent 66.667%);
  background-size: 16px 16px;
}

.wc-badge-zigzag::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  height: 8px;
  background-image: linear-gradient(45deg, transparent 33.333%, #ff6b6b 33.333%, #ff6b6b 66.667%, transparent 66.667%);
  background-size: 16px 16px;
  transform: rotate(180deg);
}

/* 20. Shadow Drop */
.wc-badge-shadow-drop {
  background-color: #e74c3c;
  color: white;
  font-weight: bold;
  padding: 7px 15px;
  filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}

/* Animierte Badges um das Produktbild */

/* Glowing Border Animation */
.wc-badge-glowing-border-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
  overflow: hidden;
}

.wc-badge-glowing-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid transparent;
  border-image: linear-gradient(to right, #ff6b6b, #f39c12, #2ecc71, #3498db, #9b59b6, #ff6b6b) 1;
  animation: rotate-border 3s linear infinite;
}

@keyframes rotate-border {
  0% { border-image-source: linear-gradient(to right, #ff6b6b, #f39c12, #2ecc71, #3498db, #9b59b6, #ff6b6b) 1; }
  20% { border-image-source: linear-gradient(to bottom, #ff6b6b, #f39c12, #2ecc71, #3498db, #9b59b6, #ff6b6b) 1; }
  40% { border-image-source: linear-gradient(to left, #ff6b6b, #f39c12, #2ecc71, #3498db, #9b59b6, #ff6b6b) 1; }
  60% { border-image-source: linear-gradient(to top, #ff6b6b, #f39c12, #2ecc71, #3498db, #9b59b6, #ff6b6b) 1; }
  80% { border-image-source: linear-gradient(to right, #ff6b6b, #f39c12, #2ecc71, #3498db, #9b59b6, #ff6b6b) 1; }
  100% { border-image-source: linear-gradient(to right, #ff6b6b, #f39c12, #2ecc71, #3498db, #9b59b6, #ff6b6b) 1; }
}

/* Pulsierender Preis */
.price-pulse {
  animation: price-pulse 2s ease-in-out infinite;
  transform-origin: center;
  display: inline-block;
}

@keyframes price-pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

/* Laufende Glow-Linie um das Produktbild */
.wc-badge-glow-line-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
  overflow: hidden;
}

.wc-badge-glow-line {
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ff6b6b, transparent);
  animation: glow-line-animation 3s linear infinite;
}

@keyframes glow-line-animation {
  0% {
    top: 0;
    left: -100%;
    transform: rotate(0deg);
  }
  25% {
    top: 0;
    left: 100%;
    transform: rotate(0deg);
  }
  26% {
    top: 0;
    left: 100%;
    transform: rotate(90deg);
  }
  50% {
    top: 100%;
    left: 100%;
    transform: rotate(90deg);
  }
  51% {
    top: 100%;
    left: 100%;
    transform: rotate(180deg);
  }
  75% {
    top: 100%;
    left: -100%;
    transform: rotate(180deg);
  }
  76% {
    top: 100%;
    left: -100%;
    transform: rotate(270deg);
  }
  100% {
    top: 0;
    left: -100%;
    transform: rotate(270deg);
  }
}

/* SVG Filter Effects */
.wc-badge-gooey {
  filter: url('#gooey-effect');
}

.wc-badge-shadow {
  filter: url('#shadow-effect');
}

.wc-badge-blur {
  filter: url('#blur-effect');
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
  .wc-badge-ribbon {
    width: 80px;
    font-size: 10px;
    right: -20px;
  }
  
  .wc-badge-bubble {
    width: 40px;
    height: 40px;
    font-size: 10px;
  }
  
  .wc-badge-starburst {
    width: 50px;
    height: 50px;
    font-size: 10px;
  }
  
  .wc-badge-corner-fold {
    border-width: 0 40px 40px 0;
  }
  
  .wc-badge-corner-fold span {
    font-size: 8px;
    right: -35px;
  }
}

/* =============================================
   Single Offer Layout
   ============================================= */

body.single-angebote {
  --wc-am-offer-page-max-width: 1320px;
  --wc-am-offer-content-max-width: 1280px;
  --wc-am-offer-content-gutter: 32px;
  --wc-am-offer-sticky-max-width: 1180px;
  --wc-am-offer-sticky-gutter: 28px;
}

body.single-angebote #content > .col-full {
  width: min(var(--wc-am-offer-page-max-width), calc(100% - var(--wc-am-offer-content-gutter)));
  max-width: var(--wc-am-offer-page-max-width);
}

.angebot-content-area {
  width: min(var(--wc-am-offer-content-max-width), calc(100% - var(--wc-am-offer-content-gutter)));
  max-width: var(--wc-am-offer-content-max-width);
  float: none;
  clear: both;
  margin-right: auto;
  margin-left: auto;
}

.angebote-single .angebot-single-card {
  background: #fff;
  border: 1px solid #e6e9ef;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 6px 20px rgba(20, 40, 80, 0.07);
}

.angebote-single .angebot-single-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.angebote-single .angebot-single-header-row .entry-title {
  margin: 0;
}

.angebote-single .angebot-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #d5dfeb;
  background: #fff;
  color: #344760;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.angebote-single .angebot-back-link:hover,
.angebote-single .angebot-back-link:focus {
  border-color: #b7c6d8;
  background: #f7fafc;
  color: #1f2d3d;
  box-shadow: 0 1px 3px rgba(31, 45, 61, 0.08);
}

.angebote-single .angebot-single-badges {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.angebote-single .angebot-single-badges > span {
  line-height: 1.2;
}

.angebote-single .angebot-single-meta .angebot-status,
.angebote-single .angebot-single-badges .angebot-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border: 1px solid transparent;
}

.angebote-single .angebot-single-meta .angebot-status.status-active,
.angebote-single .angebot-single-badges .angebot-status.status-active {
  color: var(--am-status-active-chip-text, rgba(15, 81, 50, 1));
  background: var(--am-status-active-chip-bg, rgba(209, 245, 223, 1));
  border-color: var(--am-status-active-chip-border, rgba(125, 215, 161, 1));
}

.angebote-single .angebot-single-meta .angebot-status.status-scheduled,
.angebote-single .angebot-single-badges .angebot-status.status-scheduled {
  color: var(--am-status-scheduled-chip-text, rgba(102, 77, 3, 1));
  background: var(--am-status-scheduled-chip-bg, rgba(255, 242, 204, 1));
  border-color: var(--am-status-scheduled-chip-border, rgba(255, 215, 107, 1));
}

.angebote-single .angebot-single-meta .angebot-status.status-expired,
.angebote-single .angebot-single-badges .angebot-status.status-expired {
  color: var(--am-status-expired-chip-text, rgba(95, 33, 32, 1));
  background: var(--am-status-expired-chip-bg, rgba(248, 215, 218, 1));
  border-color: var(--am-status-expired-chip-border, rgba(241, 174, 181, 1));
}

.angebote-single .angebot-single-meta .angebot-status.status-draft,
.angebote-single .angebot-single-badges .angebot-status.status-draft {
  color: var(--am-status-draft-chip-text, rgba(47, 47, 58, 1));
  background: var(--am-status-draft-chip-bg, rgba(233, 236, 239, 1));
  border-color: var(--am-status-draft-chip-border, rgba(198, 204, 210, 1));
}

.angebote-single .angebot-type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border: 1px solid var(--am-type-default-border, rgba(200, 212, 228, 1));
  background: var(--am-type-default-bg, rgba(237, 242, 248, 1));
  color: var(--am-type-default-text, rgba(29, 54, 83, 1));
}

.angebote-single .angebot-type-badge.angebot-type-daily {
  background: var(--am-type-daily-bg, rgba(232, 245, 233, 1));
  color: var(--am-type-daily-text, rgba(27, 94, 32, 1));
  border-color: var(--am-type-daily-border, rgba(151, 214, 164, 1));
}

.angebote-single .angebot-type-badge.angebot-type-weekly {
  background: var(--am-type-weekly-bg, rgba(255, 248, 225, 1));
  color: var(--am-type-weekly-text, rgba(122, 86, 0, 1));
  border-color: var(--am-type-weekly-border, rgba(240, 208, 122, 1));
}

.angebote-single .angebot-type-badge.angebot-type-monthly {
  background: var(--am-type-monthly-bg, rgba(232, 240, 255, 1));
  color: var(--am-type-monthly-text, rgba(31, 60, 117, 1));
  border-color: var(--am-type-monthly-border, rgba(168, 194, 239, 1));
}

.angebote-single .angebot-type-badge.angebot-type-special {
  background: var(--am-type-seasonal-bg, rgba(255, 232, 236, 1));
  color: var(--am-type-seasonal-text, rgba(138, 30, 45, 1));
  border-color: var(--am-type-seasonal-border, rgba(243, 178, 191, 1));
}

.angebote-single .angebot-type-badge.angebot-type-custom {
  background: var(--am-type-custom-bg, rgba(232, 244, 255, 1));
  color: var(--am-type-custom-text, rgba(29, 67, 122, 1));
  border-color: var(--am-type-custom-border, rgba(52, 86, 139, 1));
}

.angebote-single .angebot-type-badge.angebot-type-seasonal {
  background: var(--am-type-seasonal-bg, rgba(255, 232, 236, 1));
  color: var(--am-type-seasonal-text, rgba(138, 30, 45, 1));
  border-color: var(--am-type-seasonal-border, rgba(243, 178, 191, 1));
}

.angebote-single .angebot-single-hero-image {
  margin: 0 0 18px;
  border-radius: 12px;
  overflow: hidden;
}

.angebote-single .angebot-single-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px 20px;
  margin: 0 0 18px;
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #edf1f7;
  border-radius: 10px;
}

.angebote-single .angebot-single-facts p {
  margin: 0;
}

.angebote-single .angebot-single-runtime-notice {
  margin: 0 0 14px;
  border-radius: 10px;
  border: 1px solid #d3dbe7;
  background: #f6f9ff;
  color: #1d3552;
  padding: 10px 12px;
  font-size: 0.9rem;
  line-height: 1.4;
}

.angebote-single .angebot-single-runtime-notice.is-success {
  border-color: #b8e3c8;
  background: #effaf3;
  color: #0f5132;
}

.angebote-single .angebot-single-runtime-notice.is-error {
  border-color: #efb7bf;
  background: #fff4f5;
  color: #8f1b2a;
}

.angebote-single .angebot-single-runtime-notice.is-info {
  border-color: #c9d9ee;
  background: #f4f8ff;
  color: #234a72;
}

.angebote-single .angebot-single-products {
  margin-top: 26px;
}

.angebote-single .angebot-single-bundles {
  margin-top: 26px;
}

.angebote-single .angebot-expired-followup {
  position: relative;
  margin-top: 18px;
  border: 1px solid #e7edf5;
  border-radius: 8px;
  background: linear-gradient(180deg, #fcfdff 0%, #f6f9ff 100%);
  box-shadow: 0 10px 32px rgba(16, 42, 67, 0.06);
  padding: 16px;
}

.angebote-single .angebot-expired-followup-contour {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.angebote-single .angebot-expired-followup-contour-rect {
  fill: none;
  stroke: #d71920;
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: var(--am-expired-followup-contour-dash, 120px) var(--am-expired-followup-contour-gap, 900px);
  stroke-dashoffset: 0;
  animation: angebotExpiredFollowupContourRun 2.2s linear 2;
}

.angebote-single .angebot-expired-followup-kicker {
  margin: 0 0 5px;
  color: #9f1239;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.angebote-single .angebot-expired-followup h3 {
  margin: 0 0 6px;
}

.angebote-single .angebot-expired-followup-lead {
  margin: 0 0 10px;
  color: #3f556f;
}

.angebote-single .angebot-expired-followup-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.angebote-single .angebot-expired-followup-field {
  margin: 0;
}

.angebote-single .angebot-expired-followup-field label {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 4px;
}

.angebote-single .angebot-expired-followup-fields input[type="text"],
.angebote-single .angebot-expired-followup-fields input[type="email"] {
  min-height: 42px;
  border: 1px solid #cfd7df;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0.55rem 0.7rem;
  width: 100%;
}

.angebote-single .angebot-expired-followup-fields input[type="text"]:focus-visible,
.angebote-single .angebot-expired-followup-fields input[type="email"]:focus-visible,
.angebote-single .angebot-expired-followup-check input[type="checkbox"]:focus-visible + .angebot-expired-followup-check-copy {
  box-shadow: 0 0 0 3px rgba(225, 20, 28, 0.18);
  outline: none;
}

.angebote-single .angebot-expired-followup-fields input[type="text"]:focus-visible,
.angebote-single .angebot-expired-followup-fields input[type="email"]:focus-visible {
  border-color: rgba(225, 20, 28, 0.45);
}

.angebote-single .angebot-expired-followup-fields input.is-focus-pulse {
  animation: angebotExpiredFollowupFocusPulse 0.9s ease 1;
  background: rgba(225, 20, 28, 0.04);
  border-color: rgba(225, 20, 28, 0.45);
}

.angebote-single .angebot-expired-followup-privacy,
.angebote-single .angebot-expired-followup-newsletter {
  grid-column: 1 / -1;
  margin: 0;
}

.angebote-single .angebot-expired-followup-privacy,
.angebote-single .angebot-expired-followup-newsletter {
  padding: 12px 12px 10px;
  border: 1px solid rgba(207, 215, 223, 0.9);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.66);
  color: #40566f;
  font-size: 0.84rem;
  line-height: 1.5;
}

.angebote-single .angebot-expired-followup-privacy legend,
.angebote-single .angebot-expired-followup-newsletter legend {
  padding: 0 6px;
  color: #6b1d24;
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.angebote-single .angebot-expired-followup-privacy p {
  margin: 0;
}

.angebote-single .angebot-expired-followup-privacy a {
  color: #1d4ed8;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.angebote-single .angebot-expired-followup-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  color: #38516d;
}

.angebote-single .angebot-expired-followup-check input[type="checkbox"] {
  appearance: auto;
  align-self: start;
  margin: 3px 0 0;
  min-height: 0;
  opacity: 1;
  padding: 0;
  width: auto;
}

.angebote-single .angebot-expired-followup-check-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1.4;
}

.angebote-single .angebot-expired-followup-check-title {
  color: #1f2d3d;
  font-size: 0.84rem;
  font-weight: 800;
}

.angebote-single .angebot-expired-followup-check-text {
  color: #52677f;
  font-size: 0.82rem;
}

.angebote-single .angebot-expired-followup-check-text a {
  color: #1d4ed8;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.angebote-single .angebot-expired-followup-check.is-optional {
  color: #475569;
}

.angebote-single .angebot-expired-followup-action {
  margin: 12px 0 0;
}

@keyframes angebotExpiredFollowupFocusPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(225, 20, 28, 0.08);
    transform: translateY(0);
  }
  45% {
    box-shadow: 0 0 0 3px rgba(225, 20, 28, 0.22);
    transform: translateY(-1px);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(225, 20, 28, 0.08);
    transform: translateY(0);
  }
}

@keyframes angebotExpiredFollowupContourRun {
  to {
    stroke-dashoffset: calc(var(--am-expired-followup-contour-length, 1000px) * -1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .angebote-single .angebot-expired-followup-fields input.is-focus-pulse {
    animation: none;
  }

  .angebote-single .angebot-expired-followup-contour-rect {
    animation: none;
    stroke-dasharray: none;
  }
}

.angebote-single .angebot-single-bundles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}

.angebote-single .angebot-bundle-card {
  border: 1px solid #e7edf5;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(20, 40, 80, 0.06);
  padding: 12px;
}

.angebote-single .angebot-bundle-header h4 {
  margin: 0;
}

.angebote-single .angebot-bundle-header p {
  margin: 4px 0 0;
  font-size: 0.9rem;
  color: #5f6977;
}

.angebote-single .angebot-bundle-header .angebot-bundle-attribute-note {
  margin-top: 6px;
  font-size: 0.84rem;
  color: #35506f;
}

.angebote-single .angebot-bundle-help {
  margin: 8px 0 4px;
  font-size: 0.84rem;
  color: #4f5f72;
}

.angebote-single .angebot-bundle-cart-note {
  margin: 8px 0 6px;
  padding: 8px 10px;
  border-left: 3px solid #e30613;
  border-radius: 8px;
  background: #fff7f7;
  color: #604048;
  font-size: 0.82rem;
  line-height: 1.4;
}

.angebote-single .angebot-bundle-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 4px;
  padding: 0;
  list-style: none;
  counter-reset: angebot-bundle-step;
}

.angebote-single .angebot-bundle-steps li {
  counter-increment: angebot-bundle-step;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #f3f7fc;
  color: #38516d;
  font-size: 0.78rem;
  line-height: 1.2;
}

.angebote-single .angebot-bundle-steps li::before {
  content: counter(angebot-bundle-step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #234a72;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
}

.angebote-single .angebot-bundle-selection-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0;
}

.angebote-single .angebot-bundle-selection-tools .button {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #d5dfeb;
  background: #fff;
  color: #344760;
  box-shadow: none;
  font-weight: 700;
  line-height: 1.2;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.angebote-single .angebot-bundle-selection-tools .button:hover,
.angebote-single .angebot-bundle-selection-tools .button:focus {
  border-color: #b7c6d8;
  background: #f7fafc;
  color: #1f2d3d;
}

.angebote-single .angebot-bundle-selection-tools .angebot-bundle-clear-all {
  border-color: transparent;
  background: transparent;
  color: #64748b;
}

.angebote-single .angebot-bundle-selection-tools .angebot-bundle-clear-all:hover,
.angebote-single .angebot-bundle-selection-tools .angebot-bundle-clear-all:focus {
  border-color: #d5dfeb;
  background: #f8fafc;
  color: #344760;
}

.angebote-single .angebot-bundle-selection-counter {
  margin-left: auto;
  font-size: 0.78rem;
  color: #556679;
}

.angebote-single .angebot-bundle-selection-counter.is-ok {
  color: #15683c;
}

.angebote-single .angebot-bundle-selection-counter.is-error {
  color: #a21e2f;
}

.angebote-single .angebot-bundle-selection-progress {
  display: block;
  height: 6px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef7;
}

.angebote-single .angebot-bundle-selection-progress > span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #e30613 0%, #234a72 100%);
  transition: width 0.18s ease;
}

.angebote-single .angebot-bundle-inline-error {
  margin-top: 8px;
  padding: 7px 10px;
  border-radius: 8px;
  border: 1px solid #efb7bf;
  background: #fff4f5;
  color: #8f1b2a;
  font-size: 0.82rem;
  line-height: 1.35;
}

.angebote-single .angebot-bundle-products {
  margin-top: 10px;
  display: grid !important;
  gap: 8px;
}

.angebote-single .angebot-bundle-product {
  display: grid !important;
  grid-template-columns: 24px 56px minmax(0, 1fr) !important;
  gap: 8px;
  align-items: flex-start !important;
  color: inherit;
  border: 1px solid #eef2f8;
  border-radius: 8px;
  padding: 5px 6px;
  background: #fafcff;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.angebote-single .angebot-bundle-product-fixed {
  grid-template-columns: 56px minmax(0, 1fr) !important;
}

.angebote-single .angebot-bundle-product.is-selected {
  border-color: #b9d4f0;
  background: #f8fbff;
  box-shadow: inset 3px 0 0 #234a72;
}

.angebote-single .angebot-bundle-product.is-disabled {
  opacity: 1;
  background: #fff;
}

.angebote-single .angebot-bundle-product.is-not-selected {
  opacity: 1;
  background: #fff;
}

.angebote-single .angebot-bundle-product-selectable {
  cursor: pointer;
}

.angebote-single .angebot-bundle-product-selectable:focus-within,
.angebote-single .angebot-bundle-product-selectable:hover {
  border-color: #8fb9e4;
}

.angebote-single .angebot-bundle-product-selectable,
.angebote-single .angebot-bundle-product-fixed {
  width: 100%;
  min-width: 0;
}

.angebote-single .angebot-bundle-product-check {
  display: flex;
  align-items: center;
  justify-content: center;
}

.angebote-single .angebot-bundle-product-check input[type="checkbox"] {
  margin: 0;
}

.angebote-single .angebot-bundle-product-image {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}

.angebote-single .angebot-bundle-product-image img,
.angebote-single .angebot-bundle-product-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.angebote-single .angebot-bundle-product-name {
  font-size: 0.92rem;
  line-height: 1.3;
  display: block;
}

.angebote-single .angebot-bundle-product-content {
  min-width: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 2px;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb;
  flex: 1 1 auto !important;
}

.angebote-single .angebot-bundle-product-content > * {
  max-width: 100%;
  writing-mode: horizontal-tb;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

.angebote-single .angebot-bundle-product-content .angebot-bundle-product-name,
.angebote-single .angebot-bundle-product-content .angebot-bundle-product-variant,
.angebote-single .angebot-bundle-product-content .angebot-bundle-product-price {
  display: block;
  line-height: 1.3;
}

.angebote-single .angebot-bundle-product-content .angebot-bundle-product-link {
  display: inline-block;
}

.angebote-single .angebot-bundle-form .angebot-bundle-product,
.angebote-single .angebot-bundle-form .angebot-bundle-product * {
  writing-mode: horizontal-tb !important;
}

.angebote-single .angebot-single-global-add-to-cart {
  margin-top: 12px;
}

.angebote-single .angebot-single-global-variation-field {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 10px;
}

.angebote-single .angebot-single-global-variation-select {
  min-width: 240px;
  max-width: 100%;
}

.angebote-single .angebot-single-global-add-to-cart-action {
  margin: 0;
}

.angebote-single .angebot-single-global-secondary-actions {
  margin-top: 8px;
}

@media (max-width: 900px) {
  .angebote-single .angebot-bundle-product {
    grid-template-columns: 24px 48px minmax(0, 1fr);
  }

  .angebote-single .angebot-bundle-product-fixed {
    grid-template-columns: 48px minmax(0, 1fr);
  }
}

.angebote-single .angebot-bundle-product-variant,
.angebote-single .angebot-bundle-product-price {
  display: block;
  font-size: 0.82rem;
  color: #516276;
}

.angebote-single .angebot-bundle-product-link {
  display: inline-block;
  margin-top: 2px;
  font-size: 0.8rem;
}

.angebote-single .angebot-bundle-variation-field {
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: #4f5f72;
}

.angebote-single .angebot-bundle-variation-select {
  max-width: 220px;
  min-width: 120px;
  font-size: 0.8rem;
  line-height: 1.2;
}

.angebote-single .angebot-bundle-quantity-field {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 0.8rem;
  color: #4f5f72;
}

.angebote-single .angebot-bundle-quantity-input {
  width: 72px;
  max-width: 100%;
  min-height: 32px;
  padding: 4px 7px;
  border: 1px solid #d8e2ef;
  border-radius: 7px;
  background: #fff;
  color: #1f2d3d;
  font-size: 0.86rem;
  line-height: 1.2;
}

.angebote-single .angebot-bundle-product.is-disabled .angebot-bundle-quantity-field {
  color: inherit;
}

.angebote-single .angebot-bundle-total-price {
  margin-top: 2px;
  font-weight: 700;
  color: #16324e;
}

.angebote-single .angebot-bundle-action {
  margin: 12px 0 0;
}

.angebote-single .angebot-single-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}

.angebote-single .angebot-single-products-grid.count-1 {
  grid-template-columns: minmax(280px, 520px);
}

.angebote-single .angebot-single-products-grid.count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.angebote-single .angebot-single-products-grid.count-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.angebote-single .angebot-single-products-grid.count-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.angebote-single .angebot-single-products.is-category-offer .angebot-single-products-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-single-products-grid,
.angebote-single .angebot-single-products.is-category-offer.is-compact-product-grid .angebot-single-products-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
}

.angebote-single .angebot-product-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid #e7edf5;
  border-radius: 12px;
  overflow: visible;
  background: #fff;
  box-shadow: 0 3px 14px rgba(20, 40, 80, 0.06);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.angebote-single .angebot-product-card.kf-loop-dropdown-open {
  z-index: 30;
}

.angebote-single .angebot-product-card:hover {
  transform: translateY(-1px);
  border-color: #d7e1ee;
  box-shadow: 0 8px 22px rgba(20, 40, 80, 0.09);
}

.angebote-single .angebot-single-products.is-category-offer .angebot-product-card {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  padding: 0;
  box-shadow: 0 2px 10px rgba(20, 40, 80, 0.05);
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-card {
  flex-direction: column;
  min-width: 0;
}

.angebote-single .angebot-product-image-wrap {
  flex: none;
  max-width: none;
  width: 100%;
  display: block;
  background: #f7f9fc;
  line-height: 0;
  min-height: 180px;
  height: 180px;
  overflow: hidden;
}

.angebote-single .angebot-single-products.is-category-offer .angebot-product-image-wrap {
  flex: none;
  max-width: none;
  width: 100%;
  min-height: 180px;
  height: 180px;
  border-radius: 0;
  overflow: hidden;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-image-wrap,
.angebote-single .angebot-single-products.is-category-offer.is-compact-product-grid .angebot-product-image-wrap {
  flex: none;
  max-width: none;
  width: 100%;
  min-height: 150px;
  height: 150px;
}

.angebote-single .angebot-product-image-wrap img,
.angebote-single .angebot-product-thumb {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.angebote-single .angebot-single-products.is-category-offer .angebot-product-image-wrap img {
  object-fit: cover;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-image-wrap img,
.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-thumb,
.angebote-single .angebot-single-products.is-category-offer.is-compact-product-grid .angebot-product-image-wrap img,
.angebote-single .angebot-single-products.is-category-offer.is-compact-product-grid .angebot-product-thumb {
  object-fit: contain;
}

.angebote-single .angebot-product-body {
  flex: 1 1 auto;
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.angebote-single .angebot-single-products.is-category-offer .angebot-product-body {
  padding: 10px 12px 12px;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-body {
  padding: 10px 11px 12px;
  gap: 6px;
}

.angebote-single .angebot-single-category-quick-select {
  margin: 10px 0 14px;
}

.angebote-single .angebot-single-category-quick-select .angebot-archive-bundle-form {
  border-color: #d6e4f6;
  background: linear-gradient(180deg, #fbfdff 0%, #f2f7ff 100%);
}

.angebote-single .angebot-single-category-quick-select .angebot-archive-bundle-products {
  max-height: 340px;
  overflow: auto;
  padding-right: 4px;
}

.angebote-single .angebot-single-category-quick-select .angebot-archive-bundle-product {
  grid-template-columns: minmax(0, 1fr) auto;
}

@media (max-width: 1200px) {
  .angebote-single .angebot-single-products.is-category-offer .angebot-single-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .angebote-single .angebot-single-products.is-category-offer .angebot-single-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .angebote-single .angebot-single-products.is-category-offer .angebot-product-image-wrap {
    min-height: 150px;
    height: 150px;
  }
}

@media (max-width: 640px) {
  .angebote-single .angebot-single-products.is-category-offer .angebot-single-products-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1200px) {
  .angebote-single .angebot-single-products-grid.count-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .angebote-single .angebot-single-products-grid.count-3,
  .angebote-single .angebot-single-products-grid.count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .angebote-single .angebot-expired-followup-fields {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .angebote-single .angebot-single-products-grid.count-2,
  .angebote-single .angebot-single-products-grid.count-3,
  .angebote-single .angebot-single-products-grid.count-4 {
    grid-template-columns: 1fr;
  }

  .angebote-single .angebot-product-card {
    flex-direction: column;
  }

  .angebote-single .angebot-product-image-wrap {
    flex: none;
    max-width: none;
    width: 100%;
    min-height: clamp(190px, 90vw, 320px);
    height: clamp(190px, 90vw, 320px);
  }

  .angebote-single .angebot-product-image-wrap img,
  .angebote-single .angebot-product-thumb {
    object-fit: contain;
  }

  .angebote-single .angebot-product-body {
    min-width: 0;
  }
}

.angebote-single .angebot-product-title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-title {
  font-size: 0.92rem;
  line-height: 1.25;
}

.angebote-single .angebot-product-title a {
  color: #16324e;
  text-decoration: none;
}

.angebote-single .angebot-product-title a:hover,
.angebote-single .angebot-product-title a:focus {
  color: #d71920;
}

.angebote-single .angebot-product-identity {
  display: grid;
  gap: 2px;
  color: #16324e;
  line-height: 1.24;
  text-decoration: none;
  min-width: 0;
}

.angebote-single .angebot-product-identity:hover,
.angebote-single .angebot-product-identity:focus {
  color: #d71920;
}

.angebote-single .angebot-product-identity:hover > span:nth-child(2),
.angebote-single .angebot-product-identity:focus > span:nth-child(2) {
  color: #33465e;
}

.angebote-single .angebot-product-identity:hover > span:nth-child(3),
.angebote-single .angebot-product-identity:focus > span:nth-child(3) {
  color: #243b55;
}

.angebote-single .angebot-product-identity:hover > span:nth-child(n+4),
.angebote-single .angebot-product-identity:focus > span:nth-child(n+4) {
  color: #516276;
}

.angebote-single .angebot-product-identity > span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.angebote-single .angebot-product-identity-context {
  font-weight: 700;
  font-size: 0.93rem;
}

.angebote-single .angebot-product-identity-artwork {
  color: #33465e;
  font-size: 0.78rem;
  font-weight: 600;
}

.angebote-single .angebot-product-identity-product {
  color: #243b55;
  font-size: 0.82rem;
  font-weight: 600;
}

.angebote-single .angebot-product-identity-variant {
  color: #516276;
  font-size: 0.78rem;
  font-weight: 600;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-identity {
  gap: 3px;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-identity-context {
  font-size: 0.84rem;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-identity-product,
.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-identity-variant {
  font-size: 0.74rem;
}

.angebote-single .angebot-product-variant,
.angebote-single .angebot-product-sku,
.angebote-single .angebot-product-parent-name {
  margin: 0;
  font-size: 0.92rem;
}

.angebote-single .angebot-product-parent-name {
  color: #627187;
  font-size: 0.78rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.angebote-single .angebot-product-excerpt {
  margin: 0;
  color: #4f637b;
  font-size: 0.84rem;
  line-height: 1.35;
}

.angebote-single .angebot-product-meta-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 3px;
}

.angebote-single .angebot-product-meta-list li {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.35;
  color: #516276;
  overflow-wrap: anywhere;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-meta-list {
  gap: 2px;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-meta-list li {
  font-size: 0.74rem;
}

.angebote-single .angebot-product-meta-list li.is-stock-instock {
  color: #0f5132;
}

.angebote-single .angebot-product-meta-list li.is-stock-outofstock {
  color: #8f1b2a;
}

.angebote-single .angebot-product-price {
  margin: 0;
}

.angebote-single .angebot-product-price-legal,
.angebote-single .angebot-product-legal-price-info,
.angebote-single .angebot-product-price-legal .wc-gzd-additional-info {
  margin: 0;
}

.angebote-single .angebot-product-price-legal {
  color: #5f6f7d;
  font-size: 0.72rem;
  line-height: 1.25;
}

.angebote-single .angebot-product-price-legal .legal-price-info {
  display: block;
}

.angebote-single .angebot-product-price-legal .wc-gzd-additional-info-loop {
  display: inline;
}

.angebote-single .angebot-product-saving {
  margin: 0;
  color: #0f834d;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.25;
}

.angebote-single .angebot-product-saving.is-current-offer {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 6px;
  padding: 6px 8px;
  border: 1px solid #cdebd8;
  border-radius: 8px;
  background: #eefaf2;
  color: #166534;
  font-weight: 700;
}

.angebote-single .angebot-product-saving.is-current-offer a {
  color: #1457a8;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.angebote-single .angebot-single-products.is-compact-product-grid .angebot-product-saving {
  font-size: 0.7rem;
}

.angebote-single .angebot-product-actions {
  margin: 0;
}

.angebote-single .angebot-product-actions-primary {
  display: grid;
  gap: 8px;
}

.angebote-single .angebot-product-actions-secondary,
.angebote-single .angebot-single-global-secondary-actions {
  display: grid;
  gap: 8px;
}

.angebote-single .angebot-product-body .wc-am-loop-variation-card,
.angebote-single .angebot-product-body .angebot-product-actions,
.angebote-single .angebot-product-body .angebot-product-actions-secondary {
  margin-top: 0;
}

.angebote-single .angebot-product-body > .angebot-product-actions,
.angebote-single .angebot-product-body > .angebot-product-actions-secondary,
.angebote-single .angebot-product-body > form.angebot-product-add-form {
  margin-top: auto;
}

.angebote-single .angebot-product-add-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.angebote-single .angebot-product-body .wc-am-loop-variation-card {
  margin-top: 2px;
  padding: 10px;
  border-radius: 10px;
  border-color: #dde7f2;
  background: linear-gradient(180deg, #fbfdff 0%, #f5f9fe 100%);
}

.angebote-single .angebot-product-actions-primary .button.button-primary,
.angebote-single .angebot-product-add-form > .angebot-product-actions-primary .button,
.angebote-single .angebot-product-secondary-link {
  width: 100%;
  text-align: center;
}

.angebote-single .wc-am-offer-variation-selection-status,
.angebote-archive .wc-am-archive-variation-selection-status,
.wc-am-loop-variation-status {
  border: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.angebote-single .wc-am-offer-variation-selection-status.is-pending,
.angebote-archive .wc-am-archive-variation-selection-status.is-pending,
.wc-am-loop-variation-status.is-pending {
  border-color: #dde4eb;
}

.angebote-single .wc-am-offer-variation-selection-status.is-eligible,
.angebote-archive .wc-am-archive-variation-selection-status.is-eligible,
.wc-am-loop-variation-status.is-eligible {
  border-color: #bfe4ca;
}

.angebote-single .wc-am-offer-variation-selection-status.is-ineligible,
.angebote-archive .wc-am-archive-variation-selection-status.is-ineligible,
.wc-am-loop-variation-status.is-ineligible {
  border-color: #efc5cb;
}

.single-product .wc-angebot-details-wrapper .wc-angebot-ending-soon,
.single-product .wc-angebot-details-wrapper .wc-angebot-badge {
  z-index: 5;
}

.angebote-single .angebot-product-secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #d5dfeb;
  background: #fff;
  color: #344760;
  box-shadow: none;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.angebote-single .angebot-product-secondary-link:hover,
.angebote-single .angebot-product-secondary-link:focus {
  border-color: #b7c6d8;
  background: #f7fafc;
  color: #1f2d3d;
  box-shadow: 0 1px 3px rgba(31, 45, 61, 0.08);
}

.angebote-single .angebot-product-cart-button.is-in-cart {
  box-shadow: inset 0 0 0 2px rgba(15, 131, 77, 0.28);
}

.angebote-single .angebot-product-cart-button.is-loading {
  opacity: 0.78;
  cursor: progress;
}

.angebote-single .angebot-product-wishlist-action {
  display: block;
  width: 100%;
}

.angebote-single .angebot-product-wishlist-action.has-quantity-control {
  display: grid;
  grid-template-columns: minmax(52px, 64px) minmax(0, 1fr);
  align-items: stretch;
  gap: 4px;
  width: 100%;
}

.angebote-single .angebot-product-quantity-control {
  display: grid;
  align-content: stretch;
  gap: 2px;
  min-width: 0;
  margin: 0;
}

.angebote-single .angebot-product-quantity-control > span {
  display: block;
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #496477;
}

.angebote-single .angebot-product-quantity-input {
  width: 100%;
  min-height: 34px;
  padding: 0 4px;
  border: 1px solid #d8e2ef;
  border-radius: 6px;
  text-align: center;
  font-size: 0.82rem;
  font-weight: 700;
  background: #fff;
  color: #1f2f3d;
}

.angebote-single .wc-am-shop-action {
  display: block;
  width: 100%;
  min-width: 0;
}

.angebote-single .wc-am-shop-action-list_actions .wc-am-offer-card-kf-list-module {
  width: 100%;
  margin-top: 0;
  min-width: 0;
}

.angebote-single .wc-am-shop-action-list_actions .kf-loop-wishlist {
  display: flex;
  align-items: stretch;
  gap: 4px;
}

.angebote-single .wc-am-shop-action-list_actions .kf-loop-wishlist > .kf-ajax-btn {
  flex: 1 1 0;
  width: auto !important;
  min-width: 0;
}

.angebote-single .wc-am-shop-action-list_actions .kf-loop-extra-lists {
  flex: 0 0 auto;
  min-width: 34px;
}

.angebote-single .wc-am-shop-action-list_actions .kf-loop-extra-summary {
  min-height: 34px;
  width: 34px;
}

.angebote-single .wc-am-shop-action-list_actions .kf-loop-extra-dropdown {
  right: auto;
  left: 50%;
  min-width: 180px;
  transform: translateX(-50%);
  z-index: 580;
}

.angebote-single .wc-am-shop-action-list_actions .kf-loop-extra-dropdown .kf-ajax-btn {
  width: 100% !important;
}

.angebote-single .angebot-product-wishlist-action > * {
  margin: 0 !important;
  min-width: 0;
}

.angebote-single .angebot-product-wishlist-action .tinv-wraper,
.angebote-single .angebot-product-wishlist-action .tinvwl-shortcode-add-to-cart,
.angebote-single .angebot-product-wishlist-action .tinvwl_add_to_wishlist_button.tinvwl-button,
.angebote-single .angebot-product-wishlist-action .yith-wcwl-add-button,
.angebote-single .angebot-product-wishlist-action .yith-wcwl-wishlistaddedbrowse,
.angebote-single .angebot-product-wishlist-action .yith-wcwl-wishlistexistsbrowse {
  width: 100% !important;
}

.angebote-single .angebot-product-wishlist-action a,
.angebote-single .angebot-product-wishlist-action button,
.angebote-single .angebot-product-wishlist-action .button,
.angebote-single .angebot-product-wishlist-action .add_to_wishlist,
.angebote-single .angebot-product-wishlist-action .angebot-product-wishlist-fallback,
.angebote-single .angebot-product-wishlist-action .tinvwl_add_to_wishlist_button,
.angebote-single .angebot-product-wishlist-action .woosw-btn {
  width: 100% !important;
  min-height: 34px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 4px;
}

.angebote-single .wc-am-shop-action.is-size-small a,
.angebote-single .wc-am-shop-action.is-size-small button,
.angebote-single .wc-am-shop-action.is-size-small .button,
.angebote-single .wc-am-shop-action.is-size-small .tinvwl_add_to_wishlist_button {
  min-height: 32px;
  padding: 0.54em 0.7em !important;
  font-size: 0.78rem !important;
  line-height: 1.15 !important;
}

.angebote-single .wc-am-shop-action-list_actions.is-size-medium .kf-loop-wishlist > .kf-ajax-btn {
  min-height: 34px;
  padding: 0.5em 0.55em !important;
  font-size: 0.74rem !important;
  line-height: 1.12 !important;
}

.angebote-single .wc-am-shop-action-list_actions.is-size-small .kf-loop-wishlist > .kf-ajax-btn,
.angebote-single .wc-am-shop-action-list_actions.is-size-small .kf-loop-extra-summary {
  min-height: 30px;
  font-size: 0.68rem !important;
}

.angebote-single .wc-am-shop-action-list_actions.is-size-small .kf-loop-extra-summary {
  width: 30px;
  min-width: 30px;
}

.angebote-single .wc-am-shop-action-button-link {
  gap: 0.35em;
}

.angebote-single .wc-am-shop-action.is-icon-only {
  width: auto;
}

.angebote-single .wc-am-shop-action.is-icon-only a,
.angebote-single .wc-am-shop-action.is-icon-only button,
.angebote-single .wc-am-shop-action.is-icon-only .button,
.angebote-single .wc-am-shop-action.is-icon-only .tinvwl_add_to_wishlist_button {
  width: 34px !important;
  min-width: 34px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.angebote-single .angebot-product-wishlist-action .wc-am-shop-action-list_actions .kf-loop-wishlist {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 4px;
}

.angebote-single .angebot-product-wishlist-action .wc-am-shop-action-list_actions .kf-loop-wishlist > .kf-ajax-btn {
  width: auto !important;
  min-width: 0;
  min-height: 34px;
  padding: 0 !important;
}

.angebote-single .angebot-product-wishlist-action .wc-am-shop-action-list_actions .kf-loop-wishlist > .kf-ajax-btn > .kf-list-label {
  display: none;
}

.angebote-single .angebot-product-wishlist-action .wc-am-shop-action-list_actions .kf-loop-wishlist > .kf-ajax-btn .kf-icon {
  width: 18px;
  height: 18px;
}

.angebote-single .angebot-product-wishlist-action .wc-am-shop-action-list_actions .kf-loop-extra-summary {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
}

.angebote-single .angebot-product-wishlist-action .wc-am-shop-action-list_actions .kf-loop-extra-dropdown {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.angebote-single .angebot-product-share-links {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.angebote-single .angebot-product-share-links a {
  font-size: 0.78rem;
  line-height: 1.2;
  border: 1px solid #d8e2ef;
  border-radius: 6px;
  padding: 3px 7px;
  text-decoration: none;
  background: #fff;
  color: #284766;
}

.angebote-single .angebot-product-share-links a:hover,
.angebote-single .angebot-product-share-links a:focus {
  border-color: #9eb9da;
  color: #1b3550;
}

.angebot-savings-note {
  margin: 8px 0 12px;
  color: #0f5132;
  font-weight: 600;
}

.angebote-archive .angebot-item .wc-angebot-ending-soon-badge {
  z-index: 6;
}

.angebote-single .angebot-single-ending-soon {
  margin-top: 10px;
  min-height: 26px;
  position: relative;
}

.wc-angebot-details-saving-inline {
  margin: 10px 0 0;
  color: #0f5132;
  font-weight: 600;
}

.wc-angebot-bundle-inline-notice {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #e5edf7;
  border-radius: 10px;
  background: #f8fbff;
}

.wc-angebot-bundle-inline-notice p {
  margin: 0 0 6px;
  font-size: 0.92rem;
}

.wc-angebot-bundle-inline-notice p:last-child {
  margin-bottom: 0;
}

.wc-angebot-bundle-mini-help {
  margin: 6px 0 4px;
  font-size: 12px;
  color: #4d6077;
}

.wc-angebot-bundle-mini-help.is-ok {
  color: #15683c;
}

.wc-angebot-bundle-mini-help.is-error {
  color: #a21e2f;
}

.wc-angebot-bundle-mini-error {
  margin: 0 0 6px;
  padding: 6px 8px;
  border-radius: 7px;
  border: 1px solid #efb7bf;
  background: #fff4f5;
  color: #8f1b2a;
  font-size: 12px;
}

.wc-angebot-bundle-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 8px;
}

.wc-angebot-bundle-thumb-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #dce6f3;
  border-radius: 8px;
  background: #fff;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 1.25;
}

.wc-angebot-bundle-thumb-item.is-choice {
  cursor: pointer;
}

.wc-angebot-bundle-thumb-item input[type="checkbox"] {
  margin: 0;
}

.wc-angebot-bundle-thumb-media {
  display: inline-flex;
  align-items: center;
}

.wc-angebot-bundle-thumb-name {
  color: #27425f;
}

.wc-angebot-bundle-thumb-item img {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid #dce6f3;
}

.wc-angebot-bundle-link {
  font-weight: 600;
}

.angebot-bundle-savings-inline {
  margin-left: 10px;
  color: #0f5132;
  font-weight: 600;
}

.angebot-archive-bundle-quick-list {
  margin: 12px 0 10px;
  display: grid;
  gap: 10px;
}

.angebot-archive-bundle-form {
  margin: 0;
  padding: 12px 12px;
  border: 1px solid #c8d9ef;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.angebot-archive-bundle-form-header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}

.angebot-archive-bundle-form-label {
  color: #163857;
  font-size: 0.92rem;
}

.angebot-archive-bundle-form-mode {
  color: #4d6077;
  font-size: 12px;
}

.angebot-product-prices-compact .angebot-product-prices-summary {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}

.angebot-product-prices-compact .angebot-product-prices-name {
  font-size: 13px;
  color: #263f5b;
  font-weight: 600;
}

.angebot-product-prices-details {
  margin-top: 8px;
}

.angebot-product-prices-details summary {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #164466;
  font-size: 13px;
  font-weight: 700;
}

.angebot-product-prices-details .angebot-product-prices-list {
  max-height: 260px;
  overflow: auto;
  padding-right: 4px;
}

.angebot-archive-bundle-products {
  display: grid;
  gap: 6px;
}

.angebot-archive-offer-multi-form .angebot-archive-bundle-products {
  max-height: 360px;
  overflow: auto;
  padding-right: 4px;
}

.angebot-archive-offer-multi-form .angebot-archive-bundle-product {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.angebot-archive-bundle-products.is-category-offer {
  gap: 10px;
}

.angebot-archive-category-select-wrap {
  display: grid;
  gap: 8px;
}

.angebot-archive-category-select-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  color: #4d6077;
}

.angebot-archive-category-product-select {
  min-height: 120px;
  border: 1px solid #cddaea;
  border-radius: 7px;
  padding: 6px 8px;
  background: #fff;
  font-size: 13px;
  line-height: 1.35;
}

.angebot-archive-bundle-product {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: start;
  padding: 6px 7px;
  border: 1px solid #dce6f3;
  border-radius: 8px;
  background: #fff;
}

.angebot-archive-bundle-product.is-fixed {
  grid-template-columns: 1fr;
}

.angebot-archive-bundle-product.is-category-choice {
  border-color: #cddaea;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.angebot-archive-bundle-product.is-disabled {
  opacity: 1;
}

.angebot-archive-bundle-product.is-selected {
  border-color: #8bb7e6;
  background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
  box-shadow: 0 0 0 2px rgba(21, 58, 98, 0.08);
}

.angebot-archive-bundle-product-thumb {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: 1px solid #e2ebf6;
  border-radius: 8px;
  background: #f7f9fc;
}

.angebot-archive-bundle-product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.angebot-archive-bundle-product-main {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.angebot-archive-bundle-pick {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  align-self: center;
}

.angebot-archive-bundle-choice {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
}

.angebot-archive-bundle-choice input[type="checkbox"] {
  margin: 0;
}

.angebot-archive-bundle-product-meta {
  display: grid;
  gap: 4px;
}

.angebot-archive-bundle-product-titleline {
  display: block;
}

.angebot-archive-bundle-product-name {
  font-size: 12px;
  line-height: 1.25;
  color: #213a56;
  font-weight: 600;
  min-width: 0;
}

.angebot-archive-bundle-product-variant {
  display: block;
  font-size: 12px;
  line-height: 1.35;
  color: #4d6077;
}

.angebot-archive-bundle-product-group-note {
  position: absolute;
  top: 6px;
  right: 7px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 1px 6px;
  border: 1px solid #d6e3f2;
  border-radius: 999px;
  background: #f7fbff;
  color: #38536f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}

.angebot-archive-variation-controls {
  display: grid;
  gap: 4px;
}

.angebot-archive-offer-multi-form .angebot-archive-variation-controls {
  grid-template-columns: minmax(86px, 0.8fr) minmax(96px, 1fr);
  align-items: start;
}

.angebot-archive-size-wrap,
.angebot-archive-variation-select-wrap,
.angebot-archive-color-wrap,
.angebot-archive-quantity-wrap {
  display: grid;
  gap: 3px;
}

.angebot-archive-size-wrap > span,
.angebot-archive-variation-select-wrap > span,
.angebot-archive-color-wrap > span,
.angebot-archive-quantity-wrap > span {
  font-size: 10px;
  color: #4d6077;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
}

.angebot-archive-size-select,
.angebot-archive-variation-select,
.angebot-archive-quantity-input {
  min-height: 34px;
  border: 1px solid #cddaea;
  border-radius: 7px;
  padding: 5px 8px;
  background: #fff;
  font-size: 13px;
}

.angebot-archive-size-wrap.has-size-swatches .angebot-archive-size-select-native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.angebot-archive-size-swatches {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24px, max-content));
  gap: 2px;
  justify-content: start;
}

.angebot-archive-size-swatch-button {
  min-width: 24px;
  min-height: 22px;
  padding: 1px 5px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  background: #fff;
  color: #333;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
}

.angebot-archive-size-swatch-button.is-active {
  border-color: #d71920;
  background: #fff1f2;
  color: #9d1020;
  box-shadow: none;
}

.angebot-archive-size-swatch-button:disabled,
.angebot-archive-size-swatch-button.is-unavailable {
  cursor: pointer;
  opacity: 1;
}

.angebot-archive-quantity-wrap {
  grid-template-columns: auto 46px;
  align-items: center;
  gap: 5px;
}

.angebot-archive-quantity-wrap > span {
  text-transform: none;
  letter-spacing: 0;
}

.angebot-archive-quantity-input {
  width: 46px;
  min-height: 28px;
  padding: 3px 5px;
  text-align: center;
}

.angebot-archive-color-swatches {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16px, 16px));
  grid-auto-rows: 16px;
  gap: 1px;
  justify-content: start;
  align-content: start;
}

.angebot-archive-color-swatch-button {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  padding: 0;
  margin: 0;
  line-height: 0;
  cursor: pointer;
  vertical-align: top;
}

.angebot-archive-color-swatch-button.is-active {
  border-color: rgba(215, 25, 32, 0.55);
  box-shadow: 0 0 0 2px rgba(215, 25, 32, 0.35);
}

.angebot-archive-color-swatch-button:disabled {
  cursor: pointer;
  opacity: 1;
}

.angebot-archive-color-swatch-button.is-unavailable {
  position: relative;
}

.angebot-archive-color-swatch-button.is-unavailable::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 9px;
  width: 16px;
  height: 1.5px;
  background: rgba(95, 18, 18, 0.9);
  transform: rotate(-35deg);
}

.angebot-archive-bundle-form-action {
  margin: 8px 0 0;
}

.angebot-archive-bundle-form-action .button {
  width: 100%;
}

.angebot-archive-offer-multi-form .angebot-archive-bundle-form-action .angebot-add-to-cart:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

@media (max-width: 700px) {
  .angebot-archive-offer-multi-form .angebot-archive-bundle-product {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
  }

  .angebot-archive-bundle-product-thumb {
    width: 52px;
    height: 52px;
  }

  .angebot-archive-offer-multi-form .angebot-archive-variation-controls {
    grid-template-columns: 1fr;
  }

  .angebot-archive-quantity-wrap {
    grid-template-columns: auto 46px;
  }

  .angebot-archive-bundle-pick {
    grid-column: 2;
    justify-content: flex-start;
    margin-top: -2px;
  }

  .angebot-archive-bundle-product-group-note {
    position: static;
    justify-self: start;
    align-self: center;
  }

  .angebot-archive-size-swatches,
  .angebot-archive-color-swatches {
    max-width: 100%;
  }
}

.woocommerce-cart .cart_item.wc-am-bundle-item,
.woocommerce-checkout .cart_item.wc-am-bundle-item {
  box-shadow: inset 3px 0 0 #dbe7ff;
}

.woocommerce-cart .cart_item.wc-am-bundle-item.wc-am-bundle-rule-unmet,
.woocommerce-checkout .cart_item.wc-am-bundle-item.wc-am-bundle-rule-unmet {
  box-shadow: inset 3px 0 0 #ffb35c;
}

.woocommerce-cart .cart_item.wc-am-bundle-item.wc-am-bundle-discount-inactive,
.woocommerce-checkout .cart_item.wc-am-bundle-item.wc-am-bundle-discount-inactive {
  box-shadow: inset 3px 0 0 #ff8e8e;
}

.wc-am-bundle-name-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wc-am-bundle-inline-token {
  font-size: 11px;
  font-weight: 700;
  color: #2c4e73;
}

.wc-am-bundle-line-note {
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #2c4e73;
}

.angebote-single .angebot-product-add-form {
  margin-top: 8px;
  display: grid;
  gap: 6px;
}

.angebote-single .wc-am-offer-detail-variation-card {
  margin-top: 8px;
  margin-bottom: 2px;
  padding: 8px;
  border: 1px solid #e2e9f3;
  border-radius: 8px;
  background: #f8fbff;
}

.angebote-single .wc-am-offer-detail-variation-card .wc-am-loop-variation-controls {
  gap: 5px;
}

.angebote-single .wc-am-offer-detail-variation-card .wc-am-loop-variation-control-label {
  margin-bottom: 3px;
}

.angebote-single .wc-am-offer-detail-variation-card .wc-am-loop-variation-status {
  margin: 6px 0 0;
}

.angebote-single .angebot-product-add-variation-field {
  display: grid;
  gap: 3px;
}

.angebote-single .angebot-product-add-variation-field > span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #4d6077;
  font-weight: 700;
}

.angebote-single .angebot-product-add-variation-select {
  min-height: 32px;
  border: 1px solid #ccd7e6;
  border-radius: 6px;
  padding: 4px 8px;
}

.angebote-single .angebot-product-actions {
  margin: 4px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.wc-am-bundle-link-badge {
  display: inline-flex;
  width: fit-content;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #214a83;
  background: #e8f2ff;
  border: 1px solid #bfd8ff;
  border-radius: 999px;
  padding: 2px 8px;
}

.wc-am-bundle-link-badge.wc-am-bundle-link-badge-unmet {
  color: #7c3800;
  background: #fff2e6;
  border-color: #ffc690;
}

.wc-am-bundle-summary-box {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid #d9d4cb;
  background: linear-gradient(180deg, #fffdf9 0%, #f7f3eb 100%);
  border-radius: 10px;
}

.wc-am-bundle-summary-box h3 {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.3;
}

.wc-am-bundle-summary-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.wc-am-bundle-summary-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.wc-am-bundle-summary-item.is-warning {
  border-color: #efb1a9;
  background: #fff4f1;
}

.wc-am-bundle-summary-title {
  font-weight: 700;
  color: #24211d;
}

.wc-am-bundle-summary-state {
  font-size: 12px;
  line-height: 1.3;
  color: #5d5851;
  text-align: right;
}

.wc-am-bundle-order-note {
  margin-top: 6px;
}

@media (max-width: 640px) {
  .wc-am-bundle-summary-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .wc-am-bundle-summary-state {
    text-align: left;
  }
}

@media (max-width: 900px) {
  .angebote-single .angebot-product-card {
    display: block;
  }

  .angebote-single .angebot-product-image-wrap {
    max-width: 100%;
    min-height: clamp(190px, 90vw, 320px);
    height: clamp(190px, 90vw, 320px);
  }

  .angebote-single .angebot-product-image-wrap img,
  .angebote-single .angebot-product-thumb {
    height: 100%;
    object-fit: contain;
  }
}

/* Choice-Buendel: robustes Layout gegen Theme-/Plugin-Overrides */
.angebote-single .angebot-bundle-form {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.angebote-single .angebot-bundle-form .angebot-bundle-products {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
}

.angebote-single .angebot-bundle-form .angebot-bundle-product {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) 20px !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.angebote-single .angebot-bundle-form.angebot-bundle-form-fixed .angebot-bundle-product {
  grid-template-columns: 56px minmax(0, 1fr) !important;
}

.angebote-single .angebot-bundle-form .angebot-bundle-product-check {
  width: 20px !important;
  min-width: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.angebote-single .angebot-bundle-form .angebot-bundle-product-image {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
}

.angebote-single .angebot-bundle-form .angebot-bundle-product-content {
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.angebote-single .angebot-bundle-form .angebot-bundle-product-content > * {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

.angebote-single .angebot-bundle-form .angebot-bundle-variation-field,
.angebote-single .angebot-bundle-form .angebot-bundle-quantity-field {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
}

/* Bündel-Detailkarten: optisch an die normale Produktkarten-Galerie angleichen. */
.angebote-single .angebot-single-bundles .angebot-bundle-products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-products.count-1 {
  grid-template-columns: minmax(280px, 520px) !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-products.count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-products.count-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-products.count-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product,
.angebote-single .angebot-single-bundles .angebot-bundle-form .angebot-bundle-product,
.angebote-single .angebot-single-bundles .angebot-bundle-form.angebot-bundle-form-fixed .angebot-bundle-product {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  align-items: stretch !important;
  padding: 0 !important;
  border: 1px solid #e7edf5 !important;
  border-radius: 12px !important;
  overflow: visible !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(20, 40, 80, 0.06) !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product.is-selected {
  border-color: #b9d4f0 !important;
  box-shadow: 0 5px 18px rgba(35, 74, 114, 0.12), inset 0 0 0 2px rgba(35, 74, 114, 0.08) !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product .angebot-product-image-wrap {
  border-radius: 12px 12px 0 0;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product .angebot-product-body {
  min-width: 0;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product-image,
.angebote-single .angebot-single-bundles .angebot-bundle-form .angebot-bundle-product-image {
  width: 100% !important;
  height: clamp(180px, 24vw, 260px) !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  background: #f7f9fc !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product-image img,
.angebote-single .angebot-single-bundles .angebot-bundle-product-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product-content,
.angebote-single .angebot-single-bundles .angebot-bundle-form .angebot-bundle-product-content {
  width: auto !important;
  padding: 12px 12px 0 !important;
  gap: 7px !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product-check,
.angebote-single .angebot-single-bundles .angebot-bundle-form .angebot-bundle-product-check {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 2px 8px rgba(20, 40, 80, 0.18) !important;
  z-index: 3 !important;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product .angebot-bundle-variation-field,
.angebote-single .angebot-single-bundles .angebot-bundle-product .angebot-bundle-quantity-field {
  margin-top: 0;
}

.angebote-single .angebot-single-bundles .angebot-bundle-product .angebot-bundle-variation-select,
.angebote-single .angebot-single-bundles .angebot-bundle-product .angebot-bundle-quantity-input {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 780px) {
  .angebote-single .angebot-single-bundles .angebot-bundle-products,
  .angebote-single .angebot-single-bundles .angebot-bundle-products.count-2,
  .angebote-single .angebot-single-bundles .angebot-bundle-products.count-3,
  .angebote-single .angebot-single-bundles .angebot-bundle-products.count-4 {
    grid-template-columns: 1fr !important;
  }
}

/* Bündel-Detailbereich: Konfigurator, Auswahlübersicht und Sticky-Aktion. */
.angebote-single .angebot-single-bundles {
  padding-bottom: 100px;
}

.angebote-single .angebot-single-bundles-grid {
  grid-template-columns: minmax(0, 1fr);
}

.angebote-single .angebot-bundle-builder-card {
  padding: 0;
  overflow: visible;
}

.angebote-single .angebot-bundle-builder-card .angebot-bundle-form {
  padding: 16px;
}

.angebote-single .angebot-bundle-builder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
  gap: 20px;
  align-items: start;
}

.angebote-single .angebot-bundle-config-panel {
  min-width: 0;
}

.angebote-single .angebot-bundle-builder-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf1f6;
}

.angebote-single .angebot-bundle-builder-head h4 {
  margin: 0;
  color: #1f2d3d;
  font-size: 1.18rem;
  line-height: 1.25;
}

.angebote-single .angebot-bundle-builder-head p {
  margin: 5px 0 0;
  color: #5b6979;
  font-size: 0.9rem;
  line-height: 1.45;
}

.angebote-single .angebot-bundle-kicker {
  margin: 0 0 4px !important;
  color: #d71920 !important;
  font-size: 0.72rem !important;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.angebote-single .angebot-bundle-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid #efd5a6;
  border-radius: 999px;
  background: #fff8ea;
  color: #875412;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.angebote-single .angebot-bundle-status-pill.is-ok {
  border-color: #bfe4d1;
  background: #eefaf2;
  color: #166534;
}

.angebote-single .angebot-bundle-status-pill.is-warn {
  border-color: #efd5a6;
  background: #fff8ea;
  color: #875412;
}

.angebote-single .angebot-bundle-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px;
}

.angebote-single .angebot-bundle-facts span {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  padding: 6px 9px;
  border: 1px solid #e4ebf4;
  border-radius: 8px;
  background: #f8fbff;
  color: #44556a;
  font-size: 0.8rem;
  line-height: 1.25;
}

.angebote-single .angebot-bundle-facts strong {
  color: #1f2d3d;
  font-size: 0.9rem;
}

.angebote-single .angebot-bundle-fixed-note {
  color: #35506f;
  font-size: 0.82rem;
  font-weight: 700;
}

.angebote-single .angebot-bundle-products-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0 10px;
}

.angebote-single .angebot-bundle-products-head h5 {
  margin: 0;
  color: #1f2d3d;
  font-size: 0.98rem;
  line-height: 1.25;
}

.angebote-single .angebot-bundle-products-head span {
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.35;
  text-align: right;
}

.angebote-single .angebot-bundle-builder-card .angebot-bundle-products.count-2,
.angebote-single .angebot-bundle-builder-card .angebot-bundle-products.count-3,
.angebote-single .angebot-bundle-builder-card .angebot-bundle-products.count-4 {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

.angebote-single .angebot-bundle-summary-panel {
  position: sticky;
  top: 18px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe7f1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(31, 45, 61, 0.08);
}

.angebote-single .angebot-bundle-summary-head {
  padding: 14px 14px 12px;
  border-bottom: 1px solid #edf1f6;
  background: #f8fbff;
}

.angebote-single .angebot-bundle-summary-head h5 {
  margin: 0;
  color: #1f2d3d;
  font-size: 1rem;
  line-height: 1.25;
}

.angebote-single .angebot-bundle-summary-lead {
  margin: 4px 0 0;
  color: #526276;
  font-size: 0.82rem;
  line-height: 1.35;
}

.angebote-single .angebot-bundle-summary-prices {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid #edf1f6;
}

.angebote-single .angebot-bundle-summary-prices:empty {
  display: none;
}

.angebote-single .angebot-bundle-summary-prices div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.angebote-single .angebot-bundle-summary-prices span {
  color: #64748b;
  font-size: 0.78rem;
}

.angebote-single .angebot-bundle-summary-prices strong {
  color: #1f2d3d;
  font-size: 0.92rem;
}

.angebote-single .angebot-bundle-summary-list-wrap {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
}

.angebote-single .angebot-bundle-summary-list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #1f2d3d;
  font-size: 0.82rem;
  font-weight: 800;
}

.angebote-single .angebot-bundle-summary-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef4fb;
  color: #35506f;
  font-size: 0.72rem;
  line-height: 1.1;
  white-space: nowrap;
}

.angebote-single .angebot-bundle-summary-list {
  display: grid;
  gap: 8px;
  max-height: 340px;
  overflow: auto;
  padding-right: 2px;
}

.angebote-single .angebot-bundle-summary-empty {
  margin: 0;
  padding: 10px;
  border: 1px dashed #d5dfeb;
  border-radius: 8px;
  background: #fafcff;
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.35;
}

.angebote-single .angebot-bundle-summary-more {
  margin: 0;
  padding: 7px 9px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  color: #52677f;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

.angebote-single .angebot-bundle-summary-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px;
  border: 1px solid #edf1f6;
  border-radius: 8px;
  background: #fff;
}

.angebote-single .angebot-bundle-summary-thumb {
  display: block;
  width: 42px;
  height: 42px;
  overflow: hidden;
  border-radius: 6px;
  background: #f4f7fb;
}

.angebote-single .angebot-bundle-summary-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.angebote-single .angebot-bundle-summary-copy {
  min-width: 0;
}

.angebote-single .angebot-bundle-summary-copy strong,
.angebote-single .angebot-bundle-summary-copy span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.angebote-single .angebot-bundle-summary-copy strong {
  color: #26384c;
  font-size: 0.78rem;
  line-height: 1.25;
}

.angebote-single .angebot-bundle-summary-copy span {
  margin-top: 2px;
  color: #64748b;
  font-size: 0.72rem;
  line-height: 1.25;
}

.angebote-single .angebot-bundle-summary-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

.angebote-single .angebot-bundle-summary-state.is-ok {
  background: #eefaf2;
  color: #166534;
}

.angebote-single .angebot-bundle-summary-state.is-warn {
  background: #fff8ea;
  color: #875412;
}

.angebote-single .angebot-bundle-summary-footer {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 14px;
  border-top: 1px solid #edf1f6;
  background: #fbfcfe;
}

.angebote-single .angebot-bundle-summary-cta {
  width: 100%;
  text-align: center;
}

.angebote-single .angebot-bundle-summary-hint {
  margin: 0;
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.35;
}

.angebote-single .angebot-bundle-sticky-bar {
  position: fixed;
  left: 50%;
  right: auto;
  bottom: 14px;
  z-index: var(--kf-z-offer-sticky, 585);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  width: min(var(--wc-am-offer-sticky-max-width, 1180px), calc(100% - var(--wc-am-offer-sticky-gutter, 28px)));
  padding: 12px 14px;
  border: 1px solid rgba(223, 231, 241, 0.96);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 34px rgba(31, 45, 61, 0.18);
  transform: translateX(-50%);
}

@supports (backdrop-filter: blur(12px)) {
  .angebote-single .angebot-bundle-sticky-bar {
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(12px);
  }
}

.angebote-single .angebot-bundle-sticky-main,
.angebote-single .angebot-bundle-sticky-actions {
  min-width: 0;
}

.angebote-single .angebot-bundle-sticky-main {
  display: grid;
  gap: 2px;
}

.angebote-single .angebot-bundle-sticky-title {
  display: block;
  overflow: hidden;
  color: #1f2d3d;
  font-size: 0.92rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.angebote-single .angebot-bundle-sticky-text {
  display: block;
  overflow: hidden;
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.angebote-single .angebot-bundle-sticky-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.angebote-single .angebot-bundle-sticky-price {
  color: #1f2d3d;
  font-size: 0.94rem;
  font-weight: 800;
  white-space: nowrap;
}

.angebote-single .angebot-bundle-sticky-cta {
  white-space: nowrap;
}

@media (max-width: 980px) {
  .angebote-single .angebot-bundle-builder-grid {
    grid-template-columns: 1fr;
  }

  .angebote-single .angebot-bundle-summary-panel {
    position: static;
  }

  .angebote-single .angebot-bundle-summary-list {
    max-height: none;
  }
}

@media (max-width: 800px) {
  .angebote-single .angebot-bundle-sticky-bar {
    isolation: isolate;
    z-index: var(--kf-z-offer-sticky-mobile, 10005);
  }

  .angebote-single .angebot-bundle-sticky-bar::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: -10px;
    left: 50%;
    width: 100vw;
    background: transparent;
    pointer-events: auto;
    transform: translateX(-50%);
  }

  .angebote-single .angebot-bundle-sticky-bar > * {
    position: relative;
    z-index: 1;
  }
}

@media (max-width: 640px) {
  .angebote-single .angebot-single-bundles {
    padding-bottom: 140px;
  }

  .angebote-single .angebot-bundle-builder-card .angebot-bundle-form {
    padding: 12px;
  }

  .angebote-single .angebot-bundle-builder-head,
  .angebote-single .angebot-bundle-products-head {
    display: grid;
    gap: 8px;
  }

  .angebote-single .angebot-bundle-products-head span {
    text-align: left;
  }

  .angebote-single .angebot-bundle-sticky-bar {
    grid-template-columns: 1fr;
    gap: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    width: calc(100vw - 20px);
    padding: 11px;
  }

  .angebote-single .angebot-bundle-sticky-actions {
    justify-content: space-between;
  }

  .angebote-single .angebot-bundle-sticky-cta {
    flex: 1 1 auto;
    text-align: center;
  }
}

.wc-am-taxonomy-offer-notice {
  margin: 14px 0 18px;
  padding: 12px 14px;
  border: 1px solid #ead9d9;
  border-left: 4px solid #d71920;
  border-radius: 8px;
  background: #fff7f7;
}

.wc-am-taxonomy-offer-badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 2px 9px;
  border-radius: 999px;
  background: #d71920;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.wc-am-taxonomy-offer-summary {
  margin: 0;
  color: #2a2a2a;
  font-size: 14px;
  line-height: 1.4;
}

.wc-am-taxonomy-offer-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.wc-am-taxonomy-offer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0;
  border-top: 1px dashed #ebd9d9;
}

.wc-am-taxonomy-offer-item:first-child {
  border-top: 0;
}

.wc-am-taxonomy-offer-link {
  color: #141414;
  font-weight: 600;
  text-decoration: none;
}

.wc-am-taxonomy-offer-link:hover,
.wc-am-taxonomy-offer-link:focus {
  color: #d71920;
  text-decoration: underline;
}

.wc-am-taxonomy-offer-scope {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f0f0f0;
  color: #606060;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

.wc-am-taxonomy-offer-item.scope-taxonomy .wc-am-taxonomy-offer-scope {
  background: #ffe8cd;
  color: #875412;
}

.wc-am-taxonomy-offer-more {
  margin: 8px 0 0;
  color: #5e5e5e;
  font-size: 12px;
}

@media (max-width: 767px) {
  .wc-am-taxonomy-offer-item {
    flex-direction: column;
    align-items: flex-start;
  }
}

.wc-am-offer-variation-summary {
  margin: 10px 0 0;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-left: 3px solid #d71920;
  border-radius: 6px;
  background: #fafafa;
}

.wc-am-offer-variation-summary-title {
  margin: 0 0 6px;
  color: #1f1f1f;
}

.wc-am-offer-variation-summary-list {
  margin: 0;
  padding: 0 0 0 16px;
}

.wc-am-offer-variation-summary-list li {
  margin: 2px 0;
}

.wc-am-offer-variation-picks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 0;
}

.wc-am-offer-variation-select {
  appearance: none;
  border: 1px solid rgba(215, 25, 32, 0.28);
  border-radius: 999px;
  background: rgba(215, 25, 32, 0.06);
  color: #7f1015;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  padding: 6px 10px;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.wc-am-offer-variation-select:hover,
.wc-am-offer-variation-select:focus-visible {
  background: rgba(215, 25, 32, 0.12);
  border-color: rgba(215, 25, 32, 0.6);
  box-shadow: 0 4px 14px rgba(215, 25, 32, 0.16);
  outline: none;
  transform: translateY(-1px);
}

.wc-am-offer-variation-summary-help {
  margin: 8px 0 0;
  font-size: 12px;
  color: #555;
}

.wc-am-offer-box-countdown-slot {
  margin-top: 10px;
}

.wc-am-offer-box-countdown-slot .wc-angebot-countdown {
  margin-bottom: 0;
}

.single-product .summary .price .wc-am-price-offer-duration,
.single-product .entry-summary .price .wc-am-price-offer-duration {
  display: block;
  margin: 5px 0 0;
  color: #0b6a2f;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
}

.single-product form.variations_form select option.wc-am-offer-eligible-option {
  font-weight: 600;
}

.single-product [data-wc-am-offer-eligible="1"].wc-am-offer-eligible-swatch {
  box-shadow: 0 0 0 2px rgba(215, 25, 32, 0.35);
}

.single-product .wc-am-offer-eligible-swatch-host[data-wc-am-offer-eligible-host="1"] {
  position: relative;
  box-shadow: 0 0 0 2px rgba(215, 25, 32, 0.30);
  border-radius: 999px;
  overflow: visible;
}

.single-product .wc-am-offer-eligible-swatch-host[data-wc-am-offer-eligible-host="1"]::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d71920;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px rgba(215, 25, 32, 0.2);
  opacity: 1;
  pointer-events: none;
  transform: scale(1);
  visibility: visible;
  z-index: 5;
}

.single-product .wc-am-offer-eligible-swatch-host[data-wc-am-offer-eligible-host="1"]:hover::after,
.single-product .wc-am-offer-eligible-swatch-host[data-wc-am-offer-eligible-host="1"]:focus-within::after {
  animation: wc-am-offer-dot-pulse 1200ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes wc-am-offer-dot-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 1px rgba(215, 25, 32, 0.2), 0 0 0 0 rgba(215, 25, 32, 0.42);
  }
  32% {
    transform: scale(1.45);
    box-shadow: 0 0 0 1px rgba(215, 25, 32, 0.18), 0 0 0 7px rgba(215, 25, 32, 0.16);
  }
  68% {
    transform: scale(1.08);
    box-shadow: 0 0 0 1px rgba(215, 25, 32, 0.12), 0 0 0 11px rgba(215, 25, 32, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 1px rgba(215, 25, 32, 0.2), 0 0 0 0 rgba(215, 25, 32, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wc-am-offer-variation-select,
  .single-product .wc-am-offer-eligible-swatch-host[data-wc-am-offer-eligible-host="1"]::after {
    animation: none !important;
    transition: none !important;
  }
}

.single-product .wc-am-offer-variation-selection-status {
  margin: 10px 0 0;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.35;
}

.angebote-single .wc-am-offer-variation-selection-status {
  margin: 8px 0 0;
  padding: 7px 10px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.35;
}

.single-product .wc-am-offer-variation-selection-status.is-pending {
  background: #f5f5f5;
  color: #444;
}

.angebote-single .wc-am-offer-variation-selection-status.is-pending {
  background: #f5f5f5;
  color: #444;
}

.single-product .wc-am-offer-variation-selection-status.is-eligible {
  background: #eaf8ee;
  color: #0b6a2f;
}

.angebote-single .wc-am-offer-variation-selection-status.is-eligible {
  background: #eaf8ee;
  color: #0b6a2f;
}

.single-product .wc-am-offer-variation-selection-status.is-ineligible {
  background: #fff1f2;
  color: #9d1020;
}

.single-product .product.wc-am-selected-variation-not-in-offer .wc-angebot-details-wrapper {
  border-color: rgba(157, 16, 32, 0.22);
  box-shadow: inset 3px 0 0 rgba(157, 16, 32, 0.32);
}

.single-product .product.wc-am-selected-variation-not-in-offer .wc-am-offer-variation-summary,
.single-product .product.wc-am-selected-variation-not-in-offer .wc-angebot-details-saving-inline {
  opacity: 0.72;
}

.single-product .wc-angebot-details-wrapper.wc-am-offer-details-variation-inactive .wc-angebot-details,
.single-product .wc-angebot-details-wrapper.wc-am-offer-details-variation-inactive .wc-angebot-badge,
.single-product .wc-angebot-details-wrapper.wc-am-offer-details-variation-inactive .wc-angebot-details-saving-inline,
.single-product .wc-angebot-details-wrapper.wc-am-offer-details-variation-inactive .wc-am-offer-box-countdown-slot {
  display: none !important;
}

.single-product .wc-angebot-details-wrapper.wc-am-offer-details-variation-inactive .wc-am-offer-variation-summary {
  opacity: 1;
}

.single-product .product.wc-am-selected-variation-in-offer .wc-angebot-details-wrapper {
  border-color: rgba(11, 106, 47, 0.22);
}

.angebote-single .wc-am-offer-variation-selection-status.is-ineligible {
  background: #fff1f2;
  color: #9d1020;
}

.angebote-archive .wc-am-archive-variation-selection-status {
  margin: 6px 0 0;
  padding: 6px 9px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.35;
}

.angebote-archive .wc-am-archive-variation-selection-status.is-pending {
  background: #f5f5f5;
  color: #444;
}

.angebote-archive .wc-am-archive-variation-selection-status.is-eligible {
  background: #eaf8ee;
  color: #0b6a2f;
}

.angebote-archive .wc-am-archive-variation-selection-status.is-ineligible {
  background: #fff1f2;
  color: #9d1020;
}

.single-product .wc-angebot-ending-soon.wc-am-ending-soon-variation-aware.wc-am-ending-soon-hidden-by-variation {
  display: none !important;
}

.single-product .wc-am-countdown-variation-aware.wc-am-countdown-hidden-by-variation {
  display: none !important;
}

/* WC loop variation cards */
.woocommerce ul.products li.product .wc-am-loop-variation-card,
.woocommerce-page ul.products li.product .wc-am-loop-variation-card {
  position: relative;
  z-index: 120;
  isolation: isolate;
  pointer-events: auto;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #ececec;
  border-radius: 8px;
  background: #fafafa;
  overflow: visible;
}

.woocommerce ul.products li.product .wc-am-loop-variation-card *,
.woocommerce-page ul.products li.product .wc-am-loop-variation-card * {
  pointer-events: auto;
}

.wc-am-loop-offer-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.wc-am-loop-offer-flag {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.3;
  background: #efefef;
  color: #444;
}

.wc-am-loop-offer-flag.is-active {
  background: #eaf8ee;
  color: #0b6a2f;
}

.wc-am-loop-offer-flag.is-ending-soon {
  background: #fff1f2;
  color: #9d1020;
}

.wc-am-loop-variation-controls {
  display: grid;
  gap: 6px;
}

.wc-am-loop-variation-control-label {
  display: block;
  margin: 0 0 4px;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 600;
  color: #505050;
}

.wc-am-loop-attr-select {
  width: 100%;
  min-height: 30px;
  font-size: 12px;
}

.wc-am-loop-color-swatches {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16px, 16px));
  grid-auto-rows: 16px;
  gap: 1px;
  justify-content: start;
  align-content: start;
}

.wc-am-loop-size-badges {
  display: grid;
  grid-template-columns: repeat(var(--wc-am-size-cols, 6), minmax(0, 1fr));
  gap: 2px;
}

.wc-am-loop-color-swatch {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  padding: 0;
  margin: 0;
  line-height: 0;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  cursor: pointer;
  vertical-align: top;
}

.wc-am-loop-color-swatch.is-active {
  box-shadow: 0 0 0 2px rgba(215, 25, 32, 0.35);
  border-color: rgba(215, 25, 32, 0.55);
}

.wc-am-loop-color-swatch:focus,
.wc-am-loop-attr-chip:focus {
  outline: none;
}

.wc-am-loop-color-swatch:focus-visible,
.wc-am-loop-attr-chip:focus-visible {
  outline: 2px solid rgba(215, 25, 32, 0.4);
  outline-offset: 1px;
}

.wc-am-loop-attr-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 22px;
  padding: 1px 4px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  background: #fff;
  color: #333;
  font-size: 10px;
  line-height: 1.3;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wc-am-loop-attr-chip.is-active {
  border-color: #d71920;
  background: #fff1f2;
  color: #9d1020;
}

.wc-am-loop-attr-chip.is-unavailable,
.wc-am-loop-color-swatch.is-unavailable {
  opacity: 1;
  filter: none;
  cursor: pointer;
  pointer-events: auto;
}

.wc-am-loop-variation-card a.disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.wc-am-loop-countdown-wrap {
  margin: 0 0 6px;
  padding: 0 2px;
  width: 100%;
  box-sizing: border-box;
}

.wc-am-loop-countdown-wrap .wc-angebot-countdown-timer {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 2px;
  width: 100%;
  justify-content: stretch;
  align-items: stretch;
}

.wc-am-loop-countdown-wrap .wc-angebot-countdown-section {
  min-width: 0;
  width: 100%;
}

.wc-am-loop-countdown-wrap .wc-angebot-countdown-value {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
  padding: 3px 2px;
}

.wc-am-loop-countdown-wrap .wc-angebot-countdown-label-small {
  font-size: 9px;
  margin-top: 1px;
  line-height: 1.1;
}

/* 4er-Loops: normal/gut lesbar */
.woocommerce ul.products.columns-4 li.product .wc-am-loop-countdown-wrap,
.woocommerce-page ul.products.columns-4 li.product .wc-am-loop-countdown-wrap {
  padding: 0 2px;
}

/* 5er-Loops: sehr kompakt, kein Umbruch */
.woocommerce ul.products.columns-5 li.product .wc-am-loop-countdown-wrap,
.woocommerce-page ul.products.columns-5 li.product .wc-am-loop-countdown-wrap {
  margin: 0 0 4px;
  padding: 0 2px;
}

.woocommerce ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown,
.woocommerce-page ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown {
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown-timer,
.woocommerce-page ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown-timer {
  gap: 1px;
  overflow: hidden;
}

.woocommerce ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown-section,
.woocommerce-page ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown-section {
  min-width: 0;
}

.woocommerce ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown-value,
.woocommerce-page ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown-value {
  font-size: 11px;
  padding: 1px 2px;
}

.woocommerce ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown-label-small,
.woocommerce-page ul.products.columns-5 li.product .wc-am-loop-countdown-wrap .wc-angebot-countdown-label-small {
  font-size: 8px;
  margin-top: 1px;
}

.wc-am-loop-variation-status {
  margin: 8px 0 0;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.35;
}

.wc-am-loop-variation-status.is-pending {
  background: #f5f5f5;
  color: #444;
}

.wc-am-loop-variation-status.is-eligible {
  background: #eaf8ee;
  color: #0b6a2f;
}

.wc-am-loop-variation-status.is-ineligible {
  background: #fff1f2;
  color: #9d1020;
}

.wc-am-loop-variation-add-to-cart.button {
  display: inline-block;
  margin-top: 8px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
  padding: 8px 10px;
}