/* Основной контейнер */
.js-store-empty-part-msg {
    display: flex; /* Flexbox */
    flex-direction: column; /* Элементы располагаются вертикально */
    justify-content: center; /* Центрирование по вертикали */
    align-items: center; /* Центрирование по горизонтали */
    min-height: 1px; /* Минимальная высота блока */
    background-color: #ffffff; /* Белый фон */
    border-radius: 16px; /* Закруглённые углы */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); /* Лёгкая тень */
    padding: 20px; /* Внутренние отступы */
    margin: 30px; /* Центрирование блока */
    max-width: 90%; /* Максимальная ширина блока */
    width: 100%; /* Занимает 100% родительского контейнера */
    border: none !important; /* Убираем рамку */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Плавный эффект */
}

/* Hover эффект для основного блока */
.js-store-empty-part-msg:hover {
    transform: translateY(-5px); /* Лёгкий подъем блока */
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3); /* Увеличение тени */
}

/* Убираем рамку из вложенного элемента */
.t-store__empty-part-msg-wrapper {
    border: none !important; /* Полностью убираем рамку */
    border-color: transparent !important; /* Отключаем встроенный стиль рамки */
}

/* Текст внутри блока */
.t-store__empty-part-msg {
    font-size: 18px; /* Размер текста */
    color: #4a4a4a; /* Спокойный тёмно-серый цвет текста */
    text-align: center; /* Центрирование текста */
    font-weight: 500; /* Полужирный текст */
    margin-bottom: 0; /* Убираем отступ снизу */
}

/* Эмодзи под текстом */
.js-store-empty-part-msg::after {
    content: "😔"; /* Эмодзи */
    font-size: 40px; /* Размер эмодзи */
    color: #ff6b6b; /* Приятный розово-красный цвет */
    text-align: center; /* Центрирование */
    display: block; /* Эмодзи как отдельный элемент */
    margin-top: 0; /* Убираем отступ сверху */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .js-store-empty-part-msg {
        max-width: 100%; /* На мобильных ширина 100% */
        padding: 15px; /* Уменьшаем внутренние отступы */
    }
}
/* Убедитесь, что кнопка оформления заказа отображается */
.t-form__submit button {
    display: block !important;
    position: relative;
    z-index: 20; /* Делаем кнопку выше по слою */
}

/* Убедитесь, что кнопка Т-Банка не скрывает другие элементы */
.t-input-group.tinkoff-tilda-cart-integration-group {
    position: relative;
    z-index: 10;
}

/* Убедитесь, что Т-Банк не перекрывает интерфейс */
#tinkoff-modal {
    z-index: 999999 !important; /* Высокий приоритет для модального окна */
}