.discount-side-button {
        animation: pulse 2s ease-in-out infinite;
    }

    .discount-side-button-badge-ripple-ring {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        /* jumatate din height */
        margin-left: -20px;
        /* jumatate din width */
        border: 2px solid rgba(255, 107, 53, 0.4);
        border-radius: 50%;
        animation: btn-badge-ripple 3s ease-out infinite;
        pointer-events: none;
        z-index: 1;
    }

    @keyframes btn-badge-ripple {
        0% {
            transform: scale(0.9);
            opacity: 1;
        }

        100% {
            transform: scale(1.6);
            opacity: 0;
        }
    }

    .afis-wrapper {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        line-height: 1;
    }

    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Montserrat:wght@300;400;600;700;800&display=swap');

    .afis-wrapper .poster {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .afis-wrapper .poster {
        font-family: 'Montserrat', sans-serif;
        width: 841mm;
        height: 1189mm;
        background: linear-gradient(180deg, #0a1628 0%, #1a3a5c 40%, #0d2137 100%);
        position: relative;
        overflow: hidden;
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
        transform-origin: top left;
        will-change: transform;
    }

    .afis-wrapper .poster * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .afis-wrapper .bg-pattern {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.03;
        background-image:
            radial-gradient(circle at 20% 50%, #ffffff 1px, transparent 1px),
            radial-gradient(circle at 80% 80%, #ffffff 1px, transparent 1px);
        background-size: 60px 60px;
    }

    .afis-wrapper .glow-circle {
        position: absolute;
        border-radius: 50%;
        filter: blur(80px);
        opacity: 0.15;
    }

    .afis-wrapper .glow-1 {
        width: 600mm;
        height: 600mm;
        background: #00d4ff;
        top: -200mm;
        right: -150mm;
    }

    .afis-wrapper .glow-2 {
        width: 500mm;
        height: 500mm;
        background: #ff6b35;
        bottom: -100mm;
        left: -100mm;
        opacity: 0.08;
    }

    .afis-wrapper .main-offer {
        position: relative;
        z-index: 10;
        text-align: center;
        margin-top: 30mm;
    }

    .afis-wrapper .discount-container {
        position: relative;
        display: inline-block;
    }

    .afis-wrapper .discount-badge {
        width: 480mm;
        height: 480mm;
        background: linear-gradient(135deg, #ff6b35 0%, #e8511b 50%, #ff6b35 100%);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow:
            0 20px 60px rgba(255, 107, 53, 0.4),
            inset 0 -10px 30px rgba(0, 0, 0, 0.2),
            inset 0 10px 30px rgba(255, 255, 255, 0.2);
        position: relative;
        animation: pulse 2s ease-in-out infinite;
    }

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

        50% {
            transform: scale(1.03);
        }
    }

    .afis-wrapper .discount-badge::before {
        content: '';
        position: absolute;
        width: 520mm;
        height: 520mm;
        border: 2mm solid rgba(255, 107, 53, 0.3);
        border-radius: 50%;
        animation: ripple 3s ease-out infinite;
    }

    @keyframes ripple {
        0% {
            transform: scale(0.9);
            opacity: 1;
        }

        100% {
            transform: scale(1.2);
            opacity: 0;
        }
    }

    .afis-wrapper .discount-number {
        font-size: 200mm;
        font-weight: 1000;
        color: #ffffff;
        line-height: 1;
        text-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }

    .afis-wrapper .discount-percent {
        font-size: 50mm;
        font-weight: 700;
        color: #ffffff;
        line-height: 1;
    }

    .afis-wrapper .discount-text {
        font-size: 18mm;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 3mm;
        margin-top: 5mm;
        font-weight: 600;
    }

    .afis-wrapper .offer-description {
        margin-top: 30mm;
        text-align: center;
        position: relative;
        z-index: 10;
    }

    .afis-wrapper .service-title {
        font-family: 'Playfair Display', serif;
        font-size: 42mm;
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 4mm;
        line-height: 1.2;
    }

    .afis-wrapper .service-title span {
        color: #7eb8da;
    }

    .afis-wrapper .service-subtitle {
        font-size: 16mm;
        color: #a0c4d9;
        margin-top: 15mm;
        font-weight: 300;
        letter-spacing: 2mm;
    }

    .afis-wrapper .pricing {
        margin-top: 30mm;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40mm;
        position: relative;
        z-index: 10;
    }

    .afis-wrapper .old-price {
        text-align: center;
    }

    .afis-wrapper .old-price-label {
        font-size: 12mm;
        color: #8a9bb0;
        text-transform: uppercase;
        letter-spacing: 2mm;
    }

    .afis-wrapper .old-price-value {
        font-size: 32mm;
        color: #8a9bb0;
        text-decoration: line-through;
        text-decoration-color: #ff6b35;
        text-decoration-thickness: 2mm;
        font-weight: 600;
        margin-top: 5mm;
    }

    .afis-wrapper .price-arrow {
        font-size: 40mm;
        color: #ff6b35;
        font-weight: 700;
    }

    .afis-wrapper .new-price {
        text-align: center;
        background: rgba(255, 255, 255, 0.05);
        padding: 20mm 40mm;
        border-radius: 10mm;
        border: 1mm solid rgba(255, 255, 255, 0.1);
    }

    .afis-wrapper .new-price-label {
        font-size: 14mm;
        color: #ff6b35;
        text-transform: uppercase;
        letter-spacing: 3mm;
        font-weight: 600;
    }

    .afis-wrapper .new-price-value {
        font-size: 52mm;
        color: #ffffff;
        font-weight: 800;
        margin-top: 5mm;
        line-height: 1;
    }

    .afis-wrapper .new-price-currency {
        font-size: 20mm;
        color: #7eb8da;
        font-weight: 400;
    }

    .afis-wrapper .benefits {
        margin-top: 30mm;
        display: flex;
        justify-content: center;
        gap: 30mm;
        position: relative;
        z-index: 10;
        padding: 0 80mm;
    }

    .afis-wrapper .benefit-item {
        text-align: center;
        flex: 1;
        max-width: 200mm;
    }

    .afis-wrapper .benefit-icon {
        width: 30mm;
        height: 30mm;
        background: linear-gradient(135deg, #00d4ff, #0077b6);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 10mm;
        font-size: 14mm;
        color: #ffffff;
        box-shadow: 0 5px 20px rgba(0, 212, 255, 0.3);
    }

    .afis-wrapper .benefit-title {
        font-size: 12mm;
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1mm;
    }

    .afis-wrapper .benefit-desc {
        font-size: 10mm;
        color: #8a9bb0;
        margin-top: 5mm;
        line-height: 1.5;
    }

    .afis-wrapper .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4));
        padding: 60mm 0 0;
        z-index: 10;
    }

    .afis-wrapper .contact-info {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .afis-wrapper .contact-left {
        text-align: left;
    }

    .afis-wrapper .contact-item {
        display: flex;
        align-items: center;
        gap: 8mm;
        margin-bottom: 8mm;
    }

    .afis-wrapper .contact-icon {
        width: 12mm;
        height: 12mm;
        background: #ff6b35;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 6mm;
        flex-shrink: 0;
    }

    .afis-wrapper .contact-text {
        font-size: 11mm;
        color: #ffffff;
        font-weight: 400;
    }

    .afis-wrapper .contact-right {
        text-align: right;
    }

    .afis-wrapper .urgency-text {
        font-size: 14mm;
        color: #ff6b35;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2mm;
        margin-bottom: 8mm;
    }

    .afis-wrapper .validity {
        font-size: 10mm;
        color: #8a9bb0;
    }

    .afis-wrapper .tooth-decoration {
        position: absolute;
        opacity: 0.04;
        color: #ffffff;
        font-size: 200mm;
        z-index: 1;
    }

    .afis-wrapper .tooth-1 {
        top: 100mm;
        left: -30mm;
        transform: rotate(-15deg);
    }

    .afis-wrapper .tooth-2 {
        top: 400mm;
        right: -40mm;
        transform: rotate(20deg);
    }

    .afis-wrapper .tooth-3 {
        bottom: 300mm;
        left: 50mm;
        transform: rotate(10deg);
        font-size: 150mm;
    }

    .afis-wrapper .limited-sticker {
        position: absolute;
        top: 50mm;
        right: 60mm;
        width: 80mm;
        height: 80mm;
        background: linear-gradient(135deg, #ff0000, #cc0000);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transform: rotate(15deg);
        box-shadow: 0 10px 30px rgba(255, 0, 0, 0.4);
        z-index: 20;
        border: 2mm solid #ffffff;
    }

    .afis-wrapper .limited-sticker span:first-child {
        font-size: 10mm;
        color: #ffffff;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1.1;
        text-align: center;
    }

    .afis-wrapper .limited-sticker span:last-child {
        font-size: 8mm;
        color: #ffcccc;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 2mm;
    }