/* ASTRA BADGE – wie WooCommerce, oben links, 1.2x größer */
.ast-onsale-card {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    z-index: 20 !important;
    border: none !important;

    /* Größe*/
    transform: scale(1.2);
    transform-origin: top left;

    background: #e2401c !important;
    color: #fff !important;
    padding: 6px 10px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

/* WooCommerce BLOCKS Badge wie Astra Badge */
.wc-block-components-product-sale-badge{
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    z-index: 20 !important;
    border: none !important;

    /* Größe*/
    transform: scale(1.2);
    transform-origin: top left;

    background: #e2401c !important;
    color: #fff !important;
    padding: 6px 10px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;

    display: inline-block !important;
}

/* --- STREICHPREIS (del) – grau + fett --- */
.wc-block-components-product-price del,
.woocommerce ul.products li.product .price del,
.price del {
    color: #666 !important;        /* schönes WooCommerce-Grau */
    font-weight: 600 !important;   /* fett, aber nicht übertrieben */
    opacity: 0.8 !important;       /* leicht transparent */
}

/* --- SALE-PREIS (ins) – fett + farbig --- */
.wc-block-components-product-price ins,
.woocommerce ul.products li.product .price ins,
.price ins {
    color: #d35454 !important;     /* dein warmes Orange */
    font-weight: 700 !important;   /* richtig fett */
}

/* Sale-Preis unter dem Streichpreis anzeigen */
.wc-block-components-product-price del,
.wc-block-components-product-price ins,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins,
.price del,
.price ins {
    display: block !important;
    line-height: 1.3;
    margin: 0;
}

/* Abstand zwischen den beiden Preisen */
.wc-block-components-product-price ins,
.woocommerce ul.products li.product .price ins,
.price ins {
    margin-top: 2px !important;
}