/* ===== Gilroy ===== */
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Thin_0.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-ThinItalic_0.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-UltraLight_0.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-UltraLightItalic_0.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Light_0.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-LightItalic_0.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Regular_0.woff2') format('woff2'), url('/assets/fonts/Gilroy/Gilroy-Regular_0.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-RegularItalic_0.woff2') format('woff2'), url('/assets/fonts/Gilroy/Gilroy-RegularItalic_0.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Medium_0.woff2') format('woff2'), url('/assets/fonts/Gilroy/Gilroy-Medium_0.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-MediumItalic_0.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Semibold_0.woff2') format('woff2'), url('/assets/fonts/Gilroy/Gilroy-Semibold_0.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-SemiboldItalic_0.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Bold_0.woff2') format('woff2'), url('/assets/fonts/Gilroy/Gilroy-Bold_0.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-BoldItalic_0.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Extrabold_0.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-ExtraboldItalic_0.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Black_0.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-BlackItalic_0.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
/* Heavy — самое жирное начертание Gilroy (тяжелее Black), доступно через font-weight: 950 */
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-Heavy_0.ttf') format('truetype');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy/Gilroy-HeavyItalic_0.ttf') format('truetype');
    font-weight: 950;
    font-style: italic;
    font-display: swap;
    ascent-override: 85%;
    descent-override: 15%;
    line-gap-override: 0%;
}

/* ===== Sora (вариативный, вес 100–800) ===== */
@font-face {
    font-family: 'Sora';
    src: url('/assets/fonts/Sora/Sora.woff2') format('woff2'),
         url('/assets/fonts/Sora/Sora.ttf') format('truetype');
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
}

/* Обнуляющие стили */
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    background: #0B0E11 !important;
    min-height: 100dvh;
    line-height: 1.5;
    font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    border: none;
    outline: none;
    /* Не использовать shorthand `font:` — он перебивает .font-sora на кнопках/инпутах */
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

/* Утилита Sora — после form-controls, иначе `font-family: inherit` на button/input её перебивал */
.font-sora,
button.font-sora,
input.font-sora,
textarea.font-sora,
select.font-sora {
    font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
    transition: .25s all ease;
}

ul,
ol {
    list-style: none;
}

button {
    transition: .25s all ease;
    cursor: pointer;
    background: none;
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2, h3, h4, h5, h6, p, label {
    margin: 0;
    padding: 0;
}

.container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1200px;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

::-webkit-scrollbar-thumb {
    background: #2A2F35;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: #3AB44E;
}

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

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #2A2F35 transparent;
}

svg, path {
    transition: .25s all ease;
}