Offer

<style>
    .main-product__block+.main-product__block {
        margin-top: 24px;
    }

    .offer-section {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        margin: 30px 0;
    }

    .offer-card {
        flex: 1 1 240px;
        background: #fff9e6;
        border: 2px dashed #f5a623;
        padding: 20px;
        border-radius: 12px;
        text-align: center;
        position: relative;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        animation: popIn 0.8s ease forwards;
    }

    .offer-icon {
        font-size: 30px;
        margin-bottom: 10px;
        animation: bounce 2s infinite;
    }

    .offer-content h3 {
        margin: 0;
        font-size: 18px;
        color: #333;
    }

    .highlight {
        color: #d32f2f;
        font-weight: 600;
    }

    .offer-content p {
        font-size: 14px;
        color: #666;
        margin-top: 5px;
    }
</style>

<div class="main-product__block main-product__block-custom_liquid">
    <div class="m-product-text">
        <div class="offer-section">
            <div class="offer-card">
                <div class="offer-icon">🎁</div>
                <div class="offer-content">
                    <h3>Buy 1 & Get <span class="highlight">10% OFF</span></h3>
                    <p>Limited Time Offer</p>
                </div>
            </div>
            <div class="offer-card">
                <div class="offer-icon">🔥</div>
                <div class="offer-content">
                    <h3>Buy 2 & Get <span class="highlight">20% OFF</span></h3>
                    <p>Limited Time Offer</p>
                </div>
            </div>
        </div>
    </div>
</div>