/* ==========================================================================
   TEXNO 10 / ROBOKASSA PAYMENT BLOCK
   Shortcode: [rl_robokassa_payment_block]
   ========================================================================== */

.rl-robokassa-blockoplati {
    width: 100% !important;
    box-sizing: border-box !important;
    scroll-margin-top: 20px !important;
}

.rl-robokassa-blockoplati * {
    box-sizing: border-box !important;
}

.rl-robokassa-blockoplati-card {
    position: relative !important;
    width: 100% !important;

    background: #ffffff !important;
    border: 1px solid #D7DCE2 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;

    padding: 10px !important;
    overflow: hidden !important;
}

.rl-robokassa-blockoplati-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;

    background:
        radial-gradient(circle at 9% 0%, rgba(0, 102, 205, 0.16) 0, rgba(0, 102, 205, 0.075) 22%, rgba(0, 102, 205, 0) 47%),
        radial-gradient(circle at 91% 0%, rgba(0, 168, 78, 0.15) 0, rgba(0, 168, 78, 0.07) 24%, rgba(0, 168, 78, 0) 50%),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 78%) !important;

    opacity: 1 !important;
}

/* Если состояние заблокированное: оставляем фон чистым, без ощущения "грязного" цвета */
.rl-robokassa-blockoplati-card:has(.rl-robokassa-blockoplati-btn-disabled)::before,
.rl-robokassa-blockoplati-card:has(.rl-robokassa-blockoplati-btn:disabled)::before {
    opacity: 0.42 !important;
    filter: saturate(0.65) !important;
}

.rl-robokassa-blockoplati-notice,
.rl-robokassa-blockoplati-course {
    position: relative !important;
    z-index: 1 !important;
}

.rl-robokassa-blockoplati-notice {
    border-radius: 10px !important;
    padding: 5px 10px 1px 10px !important;
    margin: 0 0 10px 0 !important;
}

.rl-robokassa-blockoplati-notice-danger {
    background: #FFF5F5 !important;
    border-left: 4px solid #D93025 !important;
}

.rl-robokassa-blockoplati-notice-info {
    background: #F0F6FF !important;
    border-left: 4px solid #0066CD !important;
}

.rl-robokassa-blockoplati-notice p {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin: 0 0 8px 0 !important;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
}

.rl-robokassa-blockoplati-notice-danger p {
    color: #D93025 !important;
}

.rl-robokassa-blockoplati-notice-info p {
    color: #0066CD !important;
}

.rl-robokassa-blockoplati-course {
    width: auto !important;
    position: relative !important;
}

/* Разделительная линия теперь доходит до внутренних границ карточки */
.rl-robokassa-blockoplati-course:not(:last-child) {
    margin: 0 -10px 10px -10px !important;
    padding: 0 10px 10px 10px !important;
    border-bottom: none !important;
}

.rl-robokassa-blockoplati-course:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #D7DCE2 !important;
}

.rl-robokassa-blockoplati-course-title {
    position: relative !important;
    display: table !important;
    width: auto !important;

    margin: 0 auto 8px auto !important;

    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

.rl-robokassa-blockoplati-course-title::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    margin: 5px auto 0 auto !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #0066CD, #00A84E) !important;
    opacity: 0.72 !important;
}

/* В заблокированных состояниях заголовок и подчёркивание не спорят с серыми кнопками */
.rl-robokassa-blockoplati-course:has(.rl-robokassa-blockoplati-btn-disabled) .rl-robokassa-blockoplati-course-title,
.rl-robokassa-blockoplati-course:has(.rl-robokassa-blockoplati-btn:disabled) .rl-robokassa-blockoplati-course-title {
    color: #6B7280 !important;
}

.rl-robokassa-blockoplati-course:has(.rl-robokassa-blockoplati-btn-disabled) .rl-robokassa-blockoplati-course-title::after,
.rl-robokassa-blockoplati-course:has(.rl-robokassa-blockoplati-btn:disabled) .rl-robokassa-blockoplati-course-title::after {
    background: #D7DCE2 !important;
    opacity: 1 !important;
}

.rl-robokassa-blockoplati-course-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
}

.rl-robokassa-blockoplati-btn {
    position: relative !important;
    overflow: hidden !important;

    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 92px !important;
    padding: 10px 8px !important;

    border: none !important;
    border-radius: 10px !important;

    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;
    transition: all 0.2s !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
}

/* Колбы вместо прямоугольного блика. SVG встроен в CSS, без внешних файлов. */
.rl-robokassa-blockoplati-btn::before,
.rl-robokassa-blockoplati-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    z-index: 0 !important;

    width: 42px !important;
    height: 42px !important;

    background: rgba(255, 255, 255, 0.16) !important;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 6h16v6h-3v16l17 25c1.9 2.8-.1 6.5-3.5 6.5h-37c-3.4 0-5.4-3.7-3.5-6.5l17-25V12h-3V6zm9 7h-2v17.8L16.3 52.5h31.4L33 30.8V13zM20 47h24l-6-9H26l-6 9z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 6h16v6h-3v16l17 25c1.9 2.8-.1 6.5-3.5 6.5h-37c-3.4 0-5.4-3.7-3.5-6.5l17-25V12h-3V6zm9 7h-2v17.8L16.3 52.5h31.4L33 30.8V13zM20 47h24l-6-9H26l-6 9z'/%3E%3C/svg%3E") !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;

    pointer-events: none !important;
}

.rl-robokassa-blockoplati-btn::before {
    left: 11px !important;
    transform: translateY(-50%) rotate(-12deg) !important;
}

.rl-robokassa-blockoplati-btn::after {
    right: 11px !important;
    transform: translateY(-50%) rotate(12deg) scaleX(-1) !important;
}

.rl-robokassa-blockoplati-btn > span,
.rl-robokassa-blockoplati-btn > s {
    position: relative !important;
    z-index: 1 !important;
}

.rl-robokassa-blockoplati-btn-month {
    background: linear-gradient(135deg, #0066CD 0%, #005BB8 100%) !important;
}

.rl-robokassa-blockoplati-btn-full {
    background: linear-gradient(135deg, #00A84E 0%, #008F43 100%) !important;
}

.rl-robokassa-blockoplati-btn-main,
.rl-robokassa-blockoplati-btn-period,
.rl-robokassa-blockoplati-btn-current {
    display: block !important;
    color: inherit !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.rl-robokassa-blockoplati-btn-main {
    font-size: 17px !important;
    line-height: 1.25 !important;
}

.rl-robokassa-blockoplati-btn-period {
    margin-top: 3px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    opacity: 0.96 !important;
}

.rl-robokassa-blockoplati-btn-current {
    margin-top: 3px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

.rl-robokassa-blockoplati-btn-price-row {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin-top: 3px !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
}

.rl-robokassa-blockoplati-btn-price-row .rl-robokassa-blockoplati-btn-current {
    margin-top: 0 !important;
}

.rl-robokassa-blockoplati-btn-old {
    display: inline-block !important;
    position: relative !important;

    color: inherit !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    opacity: 0.7 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.rl-robokassa-blockoplati-btn-old::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 47% !important;
    width: 100% !important;
    height: 2px !important;
    background-color: currentColor !important;
}

@media (hover: hover) {
    .rl-robokassa-blockoplati-btn:hover {
        filter: brightness(0.8) !important;
        box-shadow: none !important;
    }
}

.rl-robokassa-blockoplati-btn.is-clicked,
.rl-robokassa-blockoplati-btn.is-rl-robokassa-blockoplati-loading {
    pointer-events: none !important;
    box-shadow: none !important;
    filter: brightness(0.8) !important;
}

.rl-robokassa-blockoplati-btn-disabled,
.rl-robokassa-blockoplati-btn:disabled {
    background: #D7DCE2 !important;
    color: #6B7280 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* На серых кнопках колбы оставляем очень тихими, чтобы не перебивали текст */
.rl-robokassa-blockoplati-btn-disabled::before,
.rl-robokassa-blockoplati-btn-disabled::after,
.rl-robokassa-blockoplati-btn:disabled::before,
.rl-robokassa-blockoplati-btn:disabled::after {
    background: rgba(107, 114, 128, 0.13) !important;
}

.rl-robokassa-blockoplati-btn-disabled .rl-robokassa-blockoplati-btn-old,
.rl-robokassa-blockoplati-btn:disabled .rl-robokassa-blockoplati-btn-old {
    opacity: 0.7 !important;
}

@media (max-width: 768px) {
    .rl-robokassa-blockoplati-card {
        padding: 10px !important;
    }

    .rl-robokassa-blockoplati-card::before {
        background:
            radial-gradient(circle at 12% 0%, rgba(0, 102, 205, 0.13) 0, rgba(0, 102, 205, 0.06) 25%, rgba(0, 102, 205, 0) 52%),
            radial-gradient(circle at 88% 0%, rgba(0, 168, 78, 0.13) 0, rgba(0, 168, 78, 0.06) 25%, rgba(0, 168, 78, 0) 52%),
            #ffffff !important;
    }

        .rl-robokassa-blockoplati-course:not(:last-child) {
        width: calc(100% + 20px) !important;
        margin: 0 -10px 10px -10px !important;
        padding: 0 10px 10px 10px !important;
    }

    .rl-robokassa-blockoplati-course:not(:last-child)::after {
        left: 0 !important;
        right: 0 !important;
    }

    .rl-robokassa-blockoplati-course-title {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }

    .rl-robokassa-blockoplati-course-title::after {
        margin-top: 4px !important;
    }

    .rl-robokassa-blockoplati-course-actions {
        gap: 8px !important;
    }

    .rl-robokassa-blockoplati-notice p {
        text-align: justify !important;
        font-size: 18px !important;
    }

    .rl-robokassa-blockoplati-btn {
        min-height: 94px !important;
        padding: 9px 5px !important;
    }

    .rl-robokassa-blockoplati-btn::before {
        left: 50% !important;
        width: 48px !important;
        height: 48px !important;
        transform: translate(-50%, -50%) rotate(-10deg) !important;
        background: rgba(255, 255, 255, 0.12) !important;
    }

    .rl-robokassa-blockoplati-btn::after {
        display: none !important;
    }

    .rl-robokassa-blockoplati-btn-disabled::before,
    .rl-robokassa-blockoplati-btn:disabled::before {
        background: rgba(107, 114, 128, 0.11) !important;
    }

    .rl-robokassa-blockoplati-btn-main,
    .rl-robokassa-blockoplati-btn-current,
    .rl-robokassa-blockoplati-btn-old {
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .rl-robokassa-blockoplati-btn-period {
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .rl-robokassa-blockoplati-btn-price-row {
        flex-direction: column !important;
        gap: 1px !important;
        margin-top: 3px !important;
    }
}

/* ==========================================================================
   TEXNO 10 / ROBOKASSA PAYMENT INFO ACCORDION
   Shortcode: [rl_robokassa_payment_info]
   Повторяет логику аккордеона ЛК, но с изолированными классами.
   ========================================================================== */

.rl-robokassa-payment-info {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.rl-robokassa-payment-info * {
    box-sizing: border-box !important;
}

.rl-robokassa-payment-info-card {
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #D7DCE2 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
}

/* Если блок условий стоит сразу после блока оплаты — визуально пришиваем */
.rl-robokassa-blockoplati:has(+ .rl-robokassa-payment-info) .rl-robokassa-blockoplati-card,
.rl-robokassa-blockoplati.rl-robokassa-blockoplati-has-payment-info .rl-robokassa-blockoplati-card {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

    box-shadow:
        -3px 0 5px -4px rgba(0, 0, 0, 0.18),
        3px 0 5px -4px rgba(0, 0, 0, 0.18),
        0 -3px 5px -4px rgba(0, 0, 0, 0.18) !important;
}

.rl-robokassa-blockoplati + .rl-robokassa-payment-info .rl-robokassa-payment-info-card,
.rl-robokassa-payment-info.rl-robokassa-payment-info-attached .rl-robokassa-payment-info-card {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;
}

/* Шапка аккордеона — как в ЛК: белая, не синяя */
.rl-robokassa-payment-info-header {
    width: 100% !important;
    min-height: 58px !important;

    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;

    padding: 20px 20px !important;
    margin: 0 !important;

    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;

    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    text-align: left !important;

    cursor: pointer !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.rl-robokassa-payment-info-header:focus {
    outline: none !important;
}

.rl-robokassa-payment-info-header:focus-visible {
    outline: 2px solid rgba(0, 102, 205, 0.35) !important;
    outline-offset: -2px !important;
}

.rl-robokassa-payment-info-title-wrap {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

.rl-robokassa-payment-info-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;

    color: #E37400 !important;
    stroke: currentColor !important;
}

.rl-robokassa-payment-info-title {
    display: block !important;
    min-width: 0 !important;

    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

/* Стрелка — как acc-icon в ЛК: две серые полоски */
.rl-robokassa-payment-info-acc-icon {
    width: 14px !important;
    height: 8px !important;
    position: relative !important;
    flex: 0 0 auto !important;
    transition: transform 0.2s ease !important;
}

.rl-robokassa-payment-info-acc-icon::before,
.rl-robokassa-payment-info-acc-icon::after {
    content: '' !important;
    position: absolute !important;
    background: #6B7280 !important;
    width: 9px !important;
    height: 2px !important;
    top: 50% !important;
    transition: 0.2s !important;
}

.rl-robokassa-payment-info-acc-icon::before {
    left: 0 !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.rl-robokassa-payment-info-acc-icon::after {
    right: 0 !important;
    transform: translateY(-50%) rotate(-45deg) !important;
}

.rl-robokassa-payment-info.is-open .rl-robokassa-payment-info-acc-icon {
    transform: rotate(180deg) !important;
}

.rl-robokassa-payment-info-content {
    display: none;
    background: #ffffff !important;
    border-top: 1px solid #D7DCE2 !important;
}

.rl-robokassa-payment-info-inner {
    padding: 15px 15px !important;
}

.rl-robokassa-payment-info-inner p {
    margin: 0 0 12px 0 !important;

    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: justify !important;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
}

.rl-robokassa-payment-info-inner p:last-child {
    margin-bottom: 0 !important;
}

.rl-robokassa-payment-info-inner a {
    color: #0066CD !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color 0.2s !important;
}

@media (hover: hover) {
    .rl-robokassa-payment-info-inner a:hover {
        color: #00468D !important;
        text-decoration: underline !important;
    }
}

@media (max-width: 768px) {

    .rl-robokassa-blockoplati:has(+ .rl-robokassa-payment-info),
    .rl-robokassa-blockoplati.rl-robokassa-blockoplati-has-payment-info,
    .rl-robokassa-payment-info {
        width: calc(100% + 10px) !important;
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .rl-robokassa-payment-info-header {
        min-height: 48px !important;
        padding: 15px 10px !important;
        gap: 10px !important;
    }

    .rl-robokassa-payment-info-icon {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        margin-right: 10px !important;
    }

    .rl-robokassa-payment-info-title {
        font-size: 18px !important;
        font-weight: 500 !important;
    }

    .rl-robokassa-payment-info-inner {
        padding: 10px !important;
    }

    .rl-robokassa-payment-info-inner p {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }
}

.rl-robokassa-payment-info a[href^="mailto:"] {
    color: #0066CD !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

@media (hover: hover) {
    .rl-robokassa-payment-info a[href^="mailto:"]:hover {
        color: #00468D !important;
        text-decoration: underline !important;
    }
}

/* ==========================================================================
   TEXNO 10 / ROBOKASSA PAYMENT BLOCK / SweetAlert2 toast
   Уникальный класс, не пересекается с ЛК 5.3 и result pages.
   ========================================================================== */

div:where(.swal2-container):has(.rl-robokassa-blockoplati-toast) {
    font-family: 'Inter', sans-serif !important;
    z-index: 50 !important;
    overflow: visible !important;
}

.swal2-container.swal2-top:has(.rl-robokassa-blockoplati-toast) {
    z-index: 50 !important;
    overflow: visible !important;
}

body .swal2-popup.swal2-toast.rl-robokassa-blockoplati-toast,
body .swal2-popup.rl-robokassa-blockoplati-toast {
    background: #ffffff !important;
    border: 2px solid #0066CD !important;
    border-radius: 10px !important;
    padding: 9px 20px !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    display: inline-flex !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

body .swal2-popup.swal2-toast.rl-robokassa-blockoplati-toast .swal2-title,
body .swal2-popup.rl-robokassa-blockoplati-toast .swal2-title {
    color: #0066CD !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

body .swal2-popup.rl-robokassa-blockoplati-toast .swal2-html-container,
body .swal2-popup.rl-robokassa-blockoplati-toast .swal2-icon,
body .swal2-popup.rl-robokassa-blockoplati-toast .swal2-timer-progress-bar {
    display: none !important;
}

body .swal2-popup.rl-robokassa-blockoplati-toast.swal2-show {
    animation: rl-robokassa-blockoplati-toast-smooth-show 0.3s ease-out forwards !important;
}

body .swal2-popup.rl-robokassa-blockoplati-toast.swal2-hide {
    animation: rl-robokassa-blockoplati-toast-smooth-hide 0.3s ease-in forwards !important;
}

@keyframes rl-robokassa-blockoplati-toast-smooth-show {
    0% {
        transform: translateY(-100px);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes rl-robokassa-blockoplati-toast-smooth-hide {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-100px);
        opacity: 1;
    }
}

@media (max-width: 600px) {
    body .swal2-popup.swal2-toast.rl-robokassa-blockoplati-toast,
    body .swal2-popup.rl-robokassa-blockoplati-toast {
        width: auto !important;
        max-width: calc(100vw - 30px) !important;
        padding: 9px 16px !important;
    }

    body .swal2-popup.swal2-toast.rl-robokassa-blockoplati-toast .swal2-title,
    body .swal2-popup.rl-robokassa-blockoplati-toast .swal2-title {
        max-width: calc(100vw - 70px) !important;
        white-space: normal !important;
        overflow: visible !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }
}

/* ==========================================================================
   ROBOKASSA PAYMENT INFO / HUMAN + LEGAL CONTENT
   ========================================================================== */

.rl-robokassa-payment-info-human {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 0 16px 0 !important;
}

.rl-robokassa-payment-info-human-item {
    position: relative !important;
    background: #F0F6FF !important;
    border: none !important;
    border-left: 4px solid #0066CD !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 10px !important;
    overflow: hidden !important;
}

.rl-robokassa-payment-info-human-item:nth-child(2),
.rl-robokassa-payment-info-human-item:nth-child(4) {
    background: #EEF8F2 !important;
    border-left-color: #00A84E !important;
}

.rl-robokassa-payment-info-human-title {
    margin: 0 0 8px 0 !important;
    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: left !important;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
}

.rl-robokassa-payment-info-human-text {
    margin: 0 0 9px 0 !important;
    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: justify !important;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
}

.rl-robokassa-payment-info-human-text:last-child {
    margin-bottom: 0 !important;
}

.rl-robokassa-payment-info-inner a,
.rl-robokassa-payment-info-human-text a,
.rl-robokassa-payment-info-legal-text a {
    color: #0066CD !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

@media (hover: hover) {
    .rl-robokassa-payment-info-inner a:hover,
    .rl-robokassa-payment-info-human-text a:hover,
    .rl-robokassa-payment-info-legal-text a:hover {
        color: #00468D !important;
        text-decoration: underline !important;
    }
}

.rl-robokassa-payment-info-legal {
    margin: 14px -15px 0 -15px !important;
    padding: 12px 15px 0 15px !important;
    border-top: 1px solid #D7DCE2 !important;
}

.rl-robokassa-payment-info-legal::before {
    content: none !important;
}

.rl-robokassa-payment-info-legal-title {
    margin: 0 0 10px 0 !important;
    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

.rl-robokassa-payment-info-legal-text {
    margin: 0 0 12px 0 !important;
    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: justify !important;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
}

.rl-robokassa-payment-info-legal-text:last-child {
    margin-bottom: 0 !important;
}

.rl-robokassa-payment-info-legal-note {
    background: #F0F6FF !important;
    border-left: 4px solid #0066CD !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin: 14px 0 !important;
    box-sizing: border-box !important;

    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: justify !important;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
}

.rl-robokassa-payment-info-legal-note a {
    color: #0066CD !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

@media (hover: hover) {
    .rl-robokassa-payment-info-legal-note a:hover {
        color: #00468D !important;
        text-decoration: underline !important;
    }
}

@media (max-width: 768px) {
    .rl-robokassa-payment-info-legal {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* ==========================================================================
   ROBOKASSA PAYMENT CONFIRM / SWEETALERT2
   ========================================================================== */

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup {
    position: relative !important;
    width: 90% !important;
    max-width: 600px !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 2px solid #0066CD !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;

    padding: 16px 16px 15px 16px !important;
    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;

    overflow: hidden !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    z-index: 0 !important;

    width: 120px !important;
    height: 120px !important;

    background: #F0F6FF !important;
    opacity: 0.9 !important;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 6h16v6h-3v16l17 25c1.9 2.8-.1 6.5-3.5 6.5h-37c-3.4 0-5.4-3.7-3.5-6.5l17-25V12h-3V6zm9 7h-2v17.8L16.3 52.5h31.4L33 30.8V13zM20 47h24l-6-9H26l-6 9z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 6h16v6h-3v16l17 25c1.9 2.8-.1 6.5-3.5 6.5h-37c-3.4 0-5.4-3.7-3.5-6.5l17-25V12h-3V6zm9 7h-2v17.8L16.3 52.5h31.4L33 30.8V13zM20 47h24l-6-9H26l-6 9z'/%3E%3C/svg%3E") !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;

    transform: translateY(-50%) rotate(10deg) !important;
    pointer-events: none !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup > * {
    position: relative !important;
    z-index: 1 !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .swal2-title {
    display: none !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-text {
    margin: 0 !important;
    padding: 0 !important;

    color: #202124 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    text-align: center !important;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 0 0 0 !important;
    width: 100% !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 130px !important;
    margin: 0 !important;
    padding: 7px 14px !important;

    background: #ffffff !important;
    color: #0066CD !important;
    border: 2px solid #0066CD !important;
    border-radius: 10px !important;

    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    cursor: pointer !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, filter 0.2s !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn-cancel {
    color: #6B7280 !important;
    border-color: #6B7280 !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn:focus,
body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn:focus-visible,
body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .swal2-styled:focus,
body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .swal2-styled:focus-visible {
    outline: none !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn::-moz-focus-inner {
    border: 0 !important;
}

@media (hover: hover) {
    body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn:hover {
        background: #E6E9ED !important;
        color: #00468D !important;
        border-color: #00468D !important;
        box-shadow: none !important;
    }

    body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn-cancel:hover {
        color: #202124 !important;
        border-color: #202124 !important;
    }
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn:active {
    background: #E6E9ED !important;
    color: #00468D !important;
    border-color: #00468D !important;
    box-shadow: none !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn-cancel:active {
    color: #202124 !important;
    border-color: #202124 !important;
}

/* Спокойное появление и закрытие без “улёта” */
body .swal2-popup.rl-robokassa-blockoplati-confirm-show {
    animation: rlRobokassaConfirmFadeIn 0.18s ease-out both !important;
}

body .swal2-popup.rl-robokassa-blockoplati-confirm-hide {
    animation: rlRobokassaConfirmFadeOut 0.14s ease-in both !important;
}

@keyframes rlRobokassaConfirmFadeIn {
    from {
        opacity: 0;
        transform: scale(0.985);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes rlRobokassaConfirmFadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.985);
    }
}

@media (max-width: 600px) {
    body .swal2-popup.rl-robokassa-blockoplati-confirm-popup {
        width: calc(100% - 20px) !important;
        padding: 14px 12px 12px 12px !important;
    }

    body .swal2-popup.rl-robokassa-blockoplati-confirm-popup::before {
        right: -8px !important;
        width: 105px !important;
        height: 105px !important;
        opacity: 0.72 !important;
    }

    body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-text {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-actions {
        flex-direction: row !important;
        gap: 8px !important;
        margin-top: 12px !important;
    }

    body .swal2-popup.rl-robokassa-blockoplati-confirm-popup .rl-robokassa-blockoplati-confirm-btn {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        padding: 7px 10px !important;
        font-size: 15px !important;
    }
}