/* Убираем стандартные отступы и настраиваем базовые стили */
body {
    margin: 0;
    line-height: 1.5;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Скрытие полос прокрутки */
html {
    -ms-overflow-style: none;  /* IE и Edge */
    scrollbar-width: none;     /* Firefox */
}
html::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* Плавная прокрутка */
html {
    scroll-behavior: smooth;
}

/* Стили для кастомного скроллбара (если захотите включить) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1f2937;
}
::-webkit-scrollbar-thumb {
    background: #10b981;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #059669;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    button, a {
        min-height: 44px;
        min-width: 44px;
    }
}

/* css/style.css */

.truncate-description {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Количество отображаемых строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}