.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: nowrap;
}

/* Обертка для кнопки */
.button-wrapper {
    margin-left: auto; /* Прижимает кнопку к правому краю */
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0; /* Предотвращает сжатие */
}

/* Сетка для стикеров */
.sticker-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr); /* 8 колонок */
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

/* Стикеры */
.sticker {
    position: relative;
    text-align: center;
    background: #f4f4f4;
    border-radius: 10px;
    padding: 15px; /* Добавлены отступы */
    transition: opacity 0.2s ease;
    overflow: hidden;
    cursor: pointer;
}

/* Эффект при наведении на стикер */
.sticker:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    opacity: 0.8; /* Уменьшаем непрозрачность при наведении */
}

/* Стикер изображение или анимация */
.sticker img,
.sticker .sticker-video,
.sticker tgs-player,
.sticker lottie-player {
    height: auto;
    max-width: 100%;
    border-radius: 5px;
}

/* Эмодзи */
.emoji-smile {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    bottom: 10px; /* Позиционируем снизу */
    right: 10px;  /* Позиционируем справа */
    color: #333;
    transition: color 0.3s ease;
}

/* Эффект при наведении на стикер (для эмодзи) */
.sticker:hover .emoji-smile {
    color: #0088cc; /* Цвет Telegram-синим */
}

.sticker-alert{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#f8d7da;border:1px solid #dfd3d4;color:#58151c;border-radius:10px;padding:15px 20px;box-shadow:0 2px 6px rgba(0,0,0,0.05);gap:15px;margin-bottom:1em}.sticker-alert-text{flex:1;font-size:16px}.sticker-alert-action{flex:0 0 auto}.sticker-alert-button{background-color:#dc3545;border:none;color:#fff;padding:12px 24px;font-size:14px;border-radius:5px;cursor:pointer;transition:background 0.3s ease;white-space:nowrap}.sticker-alert-button:hover{background-color:#c82333}

@media screen and (min-width:300px) and (max-width:768px){
    .sticker-alert{flex-direction:column;align-items:stretch}.sticker-alert-text{width:100%;text-align:left}.sticker-alert-action{width:100%;text-align:center}
    
    .sticker-grid {
        grid-template-columns: repeat(2, 1fr); 
    }

    .sticker {
        padding: 10px;
    }

    .emoji-smile {
        font-size: 16px;
    }

    .header-container {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .button-wrapper {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }

}