/* Общие стили для ссылок-кнопок в описании продукта */
.js-store-prod-text a {
    display: inline-block;
    padding: 12px 20px; /* Увеличил для большего размера */
    margin-right: 15px;
    margin-top: 20px;
    border-radius: 6px; /* Более мягкие углы */
    font-weight: 600;
    text-decoration: none; /* Убрал подчёркивание ссылок */
    transition: all 0.3s ease; /* Плавные анимации при наведении */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Лёгкая тень для объёма */
}

/* Первая кнопка (например, "Купить") — улучшенный красный с градиентом */
.js-store-prod-text a:first-of-type {
    background: linear-gradient(135deg, #bc574b, #a94442); /* Градиент для красоты */
    color: #ffffff !important;
}

/* Наведение на первую кнопку */
.js-store-prod-text a:first-of-type:hover {
    transform: translateY(-2px); /* Лёгкий подъём */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Усиленная тень */
    background: linear-gradient(135deg, #a94442, #bc574b); /* Обратный градиент */
}

/* Последняя кнопка (для "Расрочка") — зелёный с градиентом */
.js-store-prod-text a:last-of-type {
    background: linear-gradient(135deg, #4CAF50, #388E3C); /* Зелёный градиент */
    color: #ffffff !important;
}

/* Наведение на последнюю кнопку */
.js-store-prod-text a:last-of-type:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background: linear-gradient(135deg, #388E3C, #4CAF50);
}

/* Если "Расрочка" — отдельная кнопка с классом, используй это вместо :last-of-type */
.js-store-prod-text a.installment-btn {
    background: linear-gradient(135deg, #4CAF50, #388E3C);
    color: #ffffff !important;
}

.js-store-prod-text a.installment-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background: linear-gradient(135deg, #388E3C, #4CAF50);
}

/* Стиль для окна корзины — оставил как есть, но добавил комментарий */
.t706__cartwin_showed {
    z-index: 999999999; /* Очень высокий уровень, чтобы всегда сверху */
}