/* ==========================================================================
   FONTS.CSS - Единый файл шрифтов для всего сайта FITTIN
   ========================================================================== */

/* Подключение шрифта Gilroy */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Базовые стили для корректного отображения шрифтов */
* {
    font-synthesis: none !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    box-sizing: border-box !important;
}

/* Основные стили для типографики */
body {
    font-family: 'Gilroy', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #1E1E1E;
}

/* Заголовки */
h1, .h1 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

h2, .h2 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

h3, .h3 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

h4, .h4 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

h5, .h5 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

h6, .h6 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

/* Основной текст */
p {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

/* Списки */
ul, ol {
    font-family: 'Gilroy', sans-serif !important;
}

li {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

/* Акцентные элементы */
strong, b {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

em, i {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
    font-style: italic;
}

/* Цитаты */
blockquote, .blockquote {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
    font-style: italic;
}

/* Кнопки и ссылки */
button, .button, .btn {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
    outline: none !important;
    border: none;
}

button:focus, .button:focus, .btn:focus {
    outline: none !important;
    border: none !important;
}

a {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
    outline: none !important;
}

a:focus {
    outline: none !important;
}

/* Формы */
input, textarea, select {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}



/*Специальные классы для главной страницы*/

.hero__content h1 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.hero-description {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.award-card__year--first-place {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.award-card__main-content .award-card__provider{
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;

}

.principle__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

.case-card__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.workflow-card__number {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.workflow-card__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.workflow-card__description {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.testimonial-card__name{
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.testimonial-card__position {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.testimonial-card__text {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.social-media__text-left p, .social-media__text-right p {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.social-card__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.blog__heading {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.news-card__date{
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.news-card__category {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.news-card__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.faq__question span {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}


/* Специальные классы для статей */
.article-title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.article-content p {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

.article-content h2 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.article-content h3,
.article-content h4 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.article-content li {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

.article-content strong,
.article-content b {
    font-weight: 600 !important;
}

/* Специальные классы для форм */
.contact-form__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.form-input {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

.submit-button {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

/* Специальные классы для О нас */
.feature-card h3 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.status-link {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.award-card__provider {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.metric-number {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.tech-category-title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.tech-items {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.comparison-column h3 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.comparison-number {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.tech-component h4 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.tech-tags {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.cta-button {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.module-cta-banner p {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.module-cta-banner h3 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.benefit-content h4 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.privacy-link {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}


/* Специальные классы для тарифов */
.tariffs__tab {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.price-item__amount {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.tariff-card__button {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.tariff-proplus-info__button {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.tariff-comparison__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.tariff-card__header {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.tariff-comparison-desktop .feature-group__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.check {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 700 !important;
}

.faq-item__question span {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

/* Специальные классы для навигации */
.back-to-blog {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}



.mobile-menu__dropdown-toggle {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.mobile-menu__link {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.mobile-menu__phone {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

/* Специальные классы для блогов */
.blog-tag {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.blog-card__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.blog-card__excerpt {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

.blog-card__date {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.blog-card__category {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}   

.blog-card__reading-time {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.blog-card__link {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.partners__become-button {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.partner-card__link {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

/* Специальные классы для документов */
.page-title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.doc-title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

/* Специальные классы для политики конфиденциальности */
.politika-text-container h1 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

.politika-text-container h2 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

/* Специальные классы для публичной оферты */

.politika-text-container h1 {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}


/* Специальные классы для новостей */
.articles-title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}

/* Футер */
.footer__phone {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.footer__info p {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

.footer__documents a {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

/* Утилитарные классы для ручного управления */
.font-regular {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400 !important;
}

.font-semibold {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 600 !important;
}

.reels-hero__title {
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
}



/* Медиа-запросы для мобильных устройств */
@media (max-width: 768px) {
    body {
        font-size: 14px;
        line-height: 1.5;
    }
    
    h1, .h1 {
        font-size: 24px;
    }
    
    h2, .h2 {
        font-size: 20px;
    }
    
    h3, .h3 {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 13px;
        line-height: 1.4;
    }
    
    h1, .h1 {
        font-size: 20px;
    }
    
    h2, .h2 {
        font-size: 18px;
    }
    
    h3, .h3 {
        font-size: 16px;
    }
}