promo-stiker{
    max-width: 180px !important;
    max-height: 180px !important;
    position: absolute;
    right: 2rem;
    top: 2rem;
    aspect-ratio: 1;
    clip-path: polygon(
            42.4% 0.2%,
            50.2% 5.5%,
            57.6% 0.2%,
            62.7% 9.7%,
            71.1% 4.0%,
            74.5% 15.9%,
            88.0% 16.9%,
            84.2% 25.2%,
            94.3% 26.7%,
            89.5% 36.0%,
            99.4% 44.7%,
            92.2% 50.0%,
            99.2% 55.9%,
            88.6% 59.1%,
            93.7% 73.3%,
            83.5% 74.6%,
            85.0% 84.5%,
            72.4% 81.1%,
            73.6% 93.0%,
            63.9% 87.1%,
            57.8% 99.8%,
            50.0% 92.4%,
            41.6% 99.6%,
            36.9% 89.4%,
            26.0% 93.0%,
            25.3% 82.4%,
            13.7% 85.8%,
            16.2% 73.5%,
            4.9% 68.4%,
            10.3% 61.9%,
            0.6% 55.3%,
            7.8% 50.0%,
            0.8% 44.9%,
            10.8% 38.1%,
            5.7% 26.7%,
            15.8% 25.6%,
            16.5% 24.4%,
            16.2% 12.9%,
            25.9% 15.7%,
            32.1% 2.8%,
            38.4% 8.1%
    );
    transform-origin: center bottom;
    animation: promo-bounce-pulse 3.2s ease-in-out infinite;
}

@keyframes promo-bounce-pulse {
    /* базовий стан */
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    /* легка пульсація більшу частину часу */
    40% {
        transform: translateY(0) scale(1.03);
    }

    /* bounce ближче до кінця циклу */
    78% {
        transform: translateY(0) scale(1.02);
    }
    84% {
        transform: translateY(-6px) scale(1.04);
    }
    88% {
        transform: translateY(0) scale(1.01);
    }
    93% {
        transform: translateY(-3px) scale(1.03);
    }
    96% {
        transform: translateY(0) scale(1.01);
    }
}

promo-stiker[data-product="vvu"]:before,
promo-stiker[data-product="vzr"]:before,
promo-stiker[data-product="home-unlimited"]:before,
promo-stiker[data-product="medichnij-konsjerzh"]:before,
promo-stiker[data-product="kasko"]:before,
promo-stiker[data-product="osago"]:before,
promo-stiker[data-product="dgo"]:before,
promo-stiker[data-product="zelenaya-karta"]:before{
    position: absolute;
    top: 14%;
    left: 23%;
}

promo-stiker[data-product="kasko"]:before,
promo-stiker[data-product="osago"]:before,
promo-stiker[data-product="dgo"]:before,
promo-stiker[data-product="zelenaya-karta"]:before{
    content: url(../img/promo/text-b.png);
}

promo-stiker[data-product="vvu"]:before,
promo-stiker[data-product="vzr"]:before,
promo-stiker[data-product="home-unlimited"]:before,
promo-stiker[data-product="medichnij-konsjerzh"]:before{
    content: url(../img/promo/text-w.png);
}

promo-stiker.stickers-back-side:before {
    content: none;
}

promo-stiker[data-product="osago"]{ background: #F7E3A6; }
promo-stiker[data-product="kasko"]{ background: #96F8AF; }
promo-stiker[data-product="dgo"]{ background: #95D4F4; }
promo-stiker[data-product="zelenaya-karta"]{ background: #38D67F; }
promo-stiker[data-product="vvu"]{ background: #453F9B; }
promo-stiker[data-product="vzr"]{ background: #453F9B; }
promo-stiker[data-product="home-unlimited"]{ background: #E0634D; }
promo-stiker[data-product="medichnij-konsjerzh"]{ background: #5CADDF; }

promo-stiker [data-type="stickers-front-side"]{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
promo-stiker [data-type="stickers-back-side"]{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


promo-stiker .discount{
    position: absolute;
    bottom: 15%;
    font-family: Karla !important;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal !important;
}

promo-stiker[data-product="kasko"] .discount,
promo-stiker[data-product="osago"] .discount,
promo-stiker[data-product="dgo"] .discount,
promo-stiker[data-product="zelenaya-karta"] .discount{
    color: #000;
}

promo-stiker[data-product="vvu"] .discount,
promo-stiker[data-product="vzr"] .discount,
promo-stiker[data-product="home-unlimited"] .discount,
promo-stiker[data-product="medichnij-konsjerzh"] .discount{
    color: #fff;
}

promo-stiker .promo-card{
    border-radius: 8px;
    border: 1px solid #726CC3;
    background:  #BFC9E9;
    padding: 12px 20px;
    color: #000;
    font-family: Karla;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

promo-stiker button.promo-card{
    border-radius: 8px;
    border: 1px solid #726CC3;
    background:  #BFC9E9;
    padding: 7px;
    margin-top: 5px;
    width: 38px;
    height: 38px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.0781 6H8.67188C7.19624 6 6 7.19624 6 8.67188V19.0781C6 20.5538 7.19624 21.75 8.67188 21.75H19.0781C20.5538 21.75 21.75 20.5538 21.75 19.0781V8.67188C21.75 7.19624 20.5538 6 19.0781 6Z" stroke="black" stroke-linejoin="round"/><path d="M17.9766 6L18 4.875C17.998 4.17942 17.7208 3.51289 17.229 3.02103C16.7371 2.52918 16.0706 2.25198 15.375 2.25H5.25C4.45507 2.25235 3.69338 2.56917 3.13128 3.13128C2.56917 3.69338 2.25235 4.45507 2.25 5.25V15.375C2.25198 16.0706 2.52918 16.7371 3.02103 17.229C3.51289 17.7208 4.17942 17.998 4.875 18H6" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
}