/* ===== Промо-блок платного гадания ===== */
/* Класс «promo» вместо «banner» — иначе AdBlock режет картинки и стили. */

.pgb-promo-wrap {
    width: 100%;
    max-width: 510px;
    margin: 20px auto 0;
    position: relative;
    z-index: 0;
}

.pgb-promo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.pgb-promo__bg {
    width: 100%;
    height: auto;
    display: block;
}

.pgb-promo__bg--desk {
    display: block;
}

.pgb-promo__bg--mob {
    display: none;
}

.pgb-promo__btn-wrap {
    position: absolute;
    bottom: 18%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.pgb-promo__btn {
    display: block;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.3s ease;
    -webkit-tap-highlight-color: transparent;
}

.pgb-promo__btn img {
    display: block;
    height: 38px;
    width: auto;
}

.pgb-promo:hover .pgb-promo__btn {
    transform: translateY(-2px);
}

.pgb-promo:active .pgb-promo__btn {
    transform: translateY(2px);
    opacity: 0.9;
}

.pgb-promo__terms {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
    font-style: italic;
    color: #6b5540;
    font-family: 'EB Garamond', Georgia, serif;
}

.pgb-promo__terms a {
    color: #a09080;
    text-decoration: underline;
}

@media (max-width: 440px) {
    .pgb-promo-wrap {
        max-width: 340px;
    }

    .pgb-promo__bg--desk {
        display: none;
    }

    .pgb-promo__bg--mob {
        display: block;
    }

    .pgb-promo__btn img {
        height: 37px;
    }

    .pgb-promo__btn-wrap {
        bottom: 20%;
    }
}

/* ===== Блик на промо-блоке ===== */

.pgb-promo__shimmer {
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    background: linear-gradient(
        100deg,
        transparent 10%,
        rgba(255, 255, 255, 0.3) 45%,
        rgba(255, 255, 255, 0.3) 55%,
        transparent 90%
    );
    transform: skewX(-30deg);
}

.pgb-promo__shimmer--running {
    animation: pgbPromoShimmer 3.25s ease-in-out forwards;
}

@keyframes pgbPromoShimmer {
    0%   { left: -100%; opacity: 0; }
    10%  { opacity: 0.4; }
    90%  { opacity: 0.4; }
    100% { left: 200%; opacity: 0; }
}