/**
 * Deal-Box Template für JCE Editor
 * Einmalig in den Astroid Template Options → Custom CSS einfügen.
 * Oder: Administrator → System → Site Templates → [Template] → Custom CSS
 */

/* === DEAL-BOX === */
.deal-box {
    background: linear-gradient(135deg, #20228a, #3b3da8);
    color: #fff;
    border-radius: 10px;
    padding: 1.3rem 1.5rem;
    margin: 1.5rem 0;
    line-height: 1.4;
}

.deal-box p {
    margin: 0.3rem 0;
}

.deal-box .old-price {
    text-decoration: line-through;
    opacity: 0.7;
    font-size: 1.1rem;
}

.deal-box .new-price {
    font-size: 2rem;
    font-weight: 700;
}

.deal-box .discount {
    background: #ff6b35;
    padding: 0.2rem 0.7rem;
    border-radius: 5px;
    font-weight: 600;
    font-size: 0.95rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
}

.deal-box a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
}

.deal-box a:hover {
    color: #ffd700;
}

.deal-box .shop-info {
    font-size: 0.95rem;
    opacity: 0.9;
}