* {
  padding: 0px;
  margin: 0px;
  border: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
a, a:link, a:visited  {
    text-decoration: none;
}
a:hover  {
    text-decoration: none;
}
aside, nav, footer, header, section, main {
  display: block;
}
h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
  font-weight: inherit;
}
ul, ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
img, svg {
  max-width: 100%;
  height: auto;
}
address {
  font-style: normal;
}
input, textarea, button, select {
  font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}
input::-ms-clear {
  display: none;
}
textarea {
  resize: vertical;
}
button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
label {
  cursor: pointer;
}
legend {
  display: block;
}
input[type='file'] {
  max-width: 100%;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 transparent;
}

/* Для Webkit браузеров (Chrome, Safari, Edge) - убираем стрелки */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:active {
    background: #818181;
    background-clip: content-box;
}

/* Убираем кнопки (стрелки) */
::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/* Особые стили для конкретных элементов */

/* Тонкие скроллбары для textarea и input */
textarea::-webkit-scrollbar,
input::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

textarea::-webkit-scrollbar-thumb,
input::-webkit-scrollbar-thumb {
    background: #d1d1d1;
}

/* Убираем стрелки у textarea и input */
textarea::-webkit-scrollbar-button,
input::-webkit-scrollbar-button {
    display: none;
}

/* Тонкие скроллбары для модальных окон */
.modal::-webkit-scrollbar,
.dialog::-webkit-scrollbar {
    width: 4px;
}

.modal::-webkit-scrollbar-thumb,
.dialog::-webkit-scrollbar-thumb {
    background: #e1e1e1;
}

.modal::-webkit-scrollbar-button,
.dialog::-webkit-scrollbar-button {
    display: none;
}

/* Темная тема */
@media (prefers-color-scheme: dark) {
    * {
        scrollbar-color: #666 transparent;
    }
    
    ::-webkit-scrollbar-thumb {
        background: #666;
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: #777;
    }
    
    ::-webkit-scrollbar-thumb:active {
        background: #888;
    }
    
    textarea::-webkit-scrollbar-thumb,
    input::-webkit-scrollbar-thumb {
        background: #555;
    }
    
    .modal::-webkit-scrollbar-thumb,
    .dialog::-webkit-scrollbar-thumb {
        background: #444;
    }
}

/* Плавная анимация скроллбара */
::-webkit-scrollbar-thumb {
    transition: background-color 0.2s ease;
}

/* Для Firefox - стрелки уже отсутствуют по умолчанию в thin режиме */
@-moz-document url-prefix() {
    html {
        scrollbar-width: thin;
        scrollbar-color: #c1c1c1 transparent;
    }
    
    textarea, input {
        scrollbar-width: thin;
        scrollbar-color: #d1d1d1 transparent;
    }
}

/* Альтернативный вариант с градиентом для более современного вида */
.scrollbar-gradient::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #c1c1c1 0%, #d1d1d1 100%);
}

.scrollbar-gradient::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #a1a1a1 0%, #b1b1b1 100%);
}

.scrollbar-gradient::-webkit-scrollbar-button {
    display: none;
}

/* Минималистичные скроллбары без границ и стрелок */
.scrollbar-minimal::-webkit-scrollbar {
    width: 6px;
}

.scrollbar-minimal::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.scrollbar-minimal::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

.scrollbar-minimal::-webkit-scrollbar-button {
    display: none;
}

/* Для выключения скроллбаров на мобильных устройствах */
@media (max-width: 768px) {
    * {
        scrollbar-width: none;
    }
    
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    
    /* Можно полностью скрыть на мобильных */
    .hide-scrollbar-mobile::-webkit-scrollbar {
        display: none;
    }
    
    .hide-scrollbar-mobile {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

/* Специальные классы для различных настроек */

/* Очень тонкий скроллбар без стрелок */
.scrollbar-thin::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.scrollbar-thin::-webkit-scrollbar-button {
    display: none;
}

.scrollbar-thin {
    scrollbar-width: thin;
}

/* Невидимый скроллбар который появляется при наведении */
.scrollbar-hover::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.scrollbar-hover:hover::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbar-hover::-webkit-scrollbar-button {
    display: none;
}

.scrollbar-hover {
    scrollbar-width: none;
}

.scrollbar-hover:hover {
    scrollbar-width: thin;
}

/* Скроллбар с закругленными краями */
.scrollbar-rounded::-webkit-scrollbar-thumb {
    border-radius: 8px;
}

.scrollbar-rounded::-webkit-scrollbar-button {
    display: none;
}

/* Белый скроллбар для светлых фонов */
.scrollbar-light::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
}

.scrollbar-light::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

.scrollbar-light::-webkit-scrollbar-button {
    display: none;
}

/* Анимация появления */
.scrollbar-animated::-webkit-scrollbar-thumb {
    animation: scrollbarFadeIn 0.3s ease;
}

.scrollbar-animated::-webkit-scrollbar-button {
    display: none;
}

@keyframes scrollbarFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Для старых версий Internet Explorer */
.scrollbar-ie-fix {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* Гарантированное скрытие стрелок во всех случаях */
::-webkit-scrollbar-button:single-button {
    display: none !important;
}

::-webkit-scrollbar-button:vertical:start,
::-webkit-scrollbar-button:vertical:end,
::-webkit-scrollbar-button:horizontal:start,
::-webkit-scrollbar-button:horizontal:end {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Дополнительное гарантированное скрытие */
::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    border: none !important;
}