/* ==========================================
           СОВРЕМЕННЫЙ RESET & NOMALIZATION (2026)
           ========================================== */
        
        /* Гарантируем правильный расчет размеров с учетом border и padding */
        *, *::before, *::after {
            box-sizing: border-box;
        }

        /* Убираем внешние и внутренние отступы у дефолтных элементов */
        * {
            margin: 0;
            padding: 0;
        }

        /* Плавный скролл и базовая настройка высоты */
        html {
            color-scheme: light dark; /* Поддержка системной темной темы */
            scroll-behavior: smooth;
            -webkit-text-size-adjust: none; /* Запрещаем автоизменение размера шрифта на iOS */
        }

        body {
            min-height: 100vh;
            min-height: 100dvh; /* Динамическая высота для мобильных браузеров */
            line-height: 1.5;
            -webkit-font-smoothing: antialiased; /* Четкий рендеринг шрифтов */
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background-color: #f5f5f7; /* Легкий мобильный фон (как у Apple) */
            color: #1d1d1f;
            
            /* Центрируем наш мобильный контейнер на больших экранах */
            display: flex;
            justify-content: center;
            align-items: flex-start;
        }

        /* Работа с медиа-элементами */
        img, picture, video, canvas, svg {
            display: block;
            max-width: 100%;
            height: auto;
        }

        /* Упрощаем работу с формами */
        input, button, textarea, select {
            font: inherit;
        }

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

        /* Очищаем списки */
        ol, ul {
            list-style: none;
        }

        /* Удаляем анимации для пользователей, которые их отключили в системе */
        @media (prefers-reduced-motion: reduce) {
            html:focus-within { scroll-behavior: auto; }
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
                scroll-behavior: auto !important;
            }
        }



.iti{
    width: 100%;
}
/* ==========================================================================
   Halvar Breit - Medium (500)
   ========================================================================== */
@font-face {
    font-family: 'Halvar Breit';
    src: url('../fonts/HalvarBreit-Md.eot');
    src: local('Halvar Breitschrift Medium'), local('HalvarBreit-Md'),
        url('../fonts/HalvarBreit-Md.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HalvarBreit-Md.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Halvar Breit - Bold (700)
   ========================================================================== */
@font-face {
    font-family: 'Halvar Breit';
    src: url('../fonts/HalvarBreit-Bd.eot');
    src: local('Halvar Breitschrift Bold'), local('HalvarBreit-Bd'),
        url('../fonts/HalvarBreit-Bd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HalvarBreit-Bd.woff2') format('woff2'),
        url('../fonts/HalvarBreit-Bd.woff') format('woff'),
        url('../fonts/HalvarBreit-Bd.ttf') format('truetype');
    font-weight: 700; /* Используем числовое значение вместо 'bold' */
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Halvar Breit - ExtraBold (800)
   ========================================================================== */
@font-face {
    font-family: 'Halvar Breit';
    src: url('../fonts/HalvarBreit-XBd.eot');
    src: local('Halvar Breitschrift ExtraBold'), local('HalvarBreit-XBd'),
        url('../fonts/HalvarBreit-XBd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HalvarBreit-XBd.woff2') format('woff2'),
        url('../fonts/HalvarBreit-XBd.woff') format('woff'),
        url('../fonts/HalvarBreit-XBd.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Gilroy - Regular (400)
   ========================================================================== */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400; /* Стандартный обычный вес */
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Gilroy - Medium (500)
   ========================================================================== */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500; /* Средний вес */
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
    height: -webkit-fill-available;
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-family: 'Halvar Breit';
    background-color: #fdfdfd;
    color: #1a1a1a;
}

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

/* Chrome, Firefox, Opera, Safari, Edge */
::placeholder {
	font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
	color: #8c8c8c;
    opacity: 1; /* Убирает дефолтную полупрозрачность в Firefox */
}

/* Элементы ввода (Firefox) */
::-moz-placeholder {
    font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: #8c8c8c;
    opacity: 1;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
    font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: #8c8c8c;
}

/* Edge (старые версии на движке EdgeHTML) */
::-ms-input-placeholder {
    font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: #8c8c8c;
}




@media screen and (max-width:640px){
	
}