/* ==========================================================================
   CSS Reset - Сброс стилей для кроссбраузерности
   ========================================================================== */

/* Убираем стандартные отступы и задаем box-sizing */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Убираем стандартные стили для списков */
ul,
ol {
    list-style: none;
}

/* Убираем подчеркивание у ссылок и наследуем цвет */
a {
    text-decoration: none;
    color: inherit;
}

/* Убираем стандартные стили кнопок */
button {
    background: none;
    border: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
    outline: none;
}

/* Убираем стрелки у input type number */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Сбрасываем стили для полей ввода */
input,
textarea,
select {
    font: inherit;
    color: inherit;
    border: none;
    outline: none;
    background: none;
}

/* Убираем стандартные стили для таблиц */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Устанавливаем базовые настройки для изображений */
img,
picture,
video {
    max-width: 100%;
    display: block;
}

/* Убираем стандартные стили для fieldset и legend */
fieldset {
    border: none;
}

legend {
    display: none;
}

/* Сбрасываем стили для details */
details > summary {
    list-style: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* Убираем стандартные отступы у заголовков */
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

/* Сбрасываем стили для адреса */
address {
    font-style: normal;
}

/* Убираем отступы у абзацев */
p {
    margin: 0;
}

/* Убираем перенос текста в кнопках */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    white-space: nowrap;
}

/* Убираем синее выделение при тапе на мобильных */
* {
    -webkit-tap-highlight-color: transparent;
}

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

/* aria-hidden — только для дерева доступности (скринридеры), не для визуального скрытия.
   display:none здесь ломало декоративные иконки (profile), canvas confetti, оверлеи и т.д. */