.billing-result-page .status .result,.plan-desc,.plan-len,.plan-system-select,.min-amount-error,.max-amount-error,.ptr{display:none}.status-0{color:#888888}.status-1{color:#58a6ff}.status-2{color:#58a6ff}.status-3{color:#dc3545}.balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.balance-actions .btn{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0.25rem}.balance-actions .btn:nth-child(5){grid-column:1 / 3}@media (min-width:992px){.balance-actions{display:flex}.balance-actions .btn{flex-direction:row;gap:0.5rem}}.billing-buy-field .icms-svg-icon{margin-right:0.5rem}#b_pub_price{margin-top:0.25rem;font-size:0.875rem;display:table}.icms-forms-hint~#b_pub_price{margin-top:-1.25rem}.b_field_price{margin-left:1rem;font-size:1rem;padding:0.35rem 0.75rem;font-weight:normal}.b_field_price svg{margin-right:0.75rem}

/* Стили для кнопки покупки с фоном как в Telegram */
.billing-buy-field {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    color: white;
    text-decoration: none !important;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    min-height: 40px;
    transition: all 0.3s ease;    
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	width: 100%;
    height: 300px;
	background-image: url(/templates/LTE/images/blur_bg.svg);
}

.billing-buy-field:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.billing-buy-field::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
    z-index: 1;
}

.billing-buy-field span,
.billing-buy-field svg {
    position: relative;
    z-index: 2;
}

.billing-buy-field .icms-svg-icon {
    margin-right: 0.5rem;
}

/* Альтернативный стиль с градиентом для случаев без фонового изображения */
.billing-buy-field.gradient-bg {
    position: relative;
}

.billing-buy-field.gradient-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-size: 400% 400%;
    animation: gradientShift 4s ease infinite;
    z-index: 1;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}