/*
===============================================================================
 FILE: /css/typography.css
 VERSION: 1.0
 PROJECT: ОКНА ORIGINAL — единый слой читаемой типографики
 DATE: 2026-09-04

 PURPOSE:
 - увеличить текст, который пользователь реально читает;
 - основной текст держать в диапазоне 16–18 px;
 - вторичный читаемый текст — 14–15 px;
 - 12–13 px оставить только служебным меткам/сноскам;
 - убрать избыточную жирность: смысловые акценты и заголовки <= 500;
 - НЕ менять геометрию/отступы секций в этом патче.

 IMPORTANT:
 Этот файл подключается ПОСЛЕ локальных CSS страниц и намеренно использует
 !important только для типографических свойств. Это отдельный override-layer,
 который можно настраивать без переписывания старых CSS модулей.
===============================================================================
*/

:root{
    --font-semibold:500;
    --font-bold:500;
    --font-extrabold:500;
    --heading-weight:500;

    --type-reading:1rem;       /* 17 px при текущем body */
    --type-secondary:.882rem;  /* ~15 px */
    --type-caption:.765rem;    /* ~13 px */
}

/* Базовый размер: немного крупнее прежних 16 px. */
body{
    font-size:17px !important;
    line-height:1.62;
    font-weight:400;
}

/* Заголовок — размером, не жирностью. */
h1,h2,h3,h4,h5,h6,
strong,b{
    font-weight:500 !important;
}

/* Читаемый набор. Не трогаем small и служебные метки. */
main p,
main li{
    font-size:max(16px,1em) !important;
    line-height:1.65;
}

main table th,
main table td{
    font-size:max(15px,1em) !important;
    line-height:1.5;
}

/* Навигация и элементы управления должны читаться без напряжения. */
.nav a,
.nav-dropdown-menu a,
.mobile-menu a,
.mobile-menu .mobile-submenu a{
    font-size:15px !important;
    font-weight:400 !important;
}

button,
.btn,
input,
select,
textarea{
    font-size:15px !important;
}

button,
.btn{
    font-weight:500 !important;
}

/* Служебный набор. */
small,
.site-breadcrumbs ol,
.breadcrumb,
.breadcrumbs{
    font-size:13px !important;
    line-height:1.45;
}

.site-footer{
    font-size:14px !important;
    line-height:1.55;
}

/* Каталог: названия/характеристики — читаемые, ID остаётся служебным. */
.card-title{
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1.4;
}
.card-info,
.card-size{
    font-size:15px !important;
    line-height:1.5;
}
.card-id,
.product-sku,
.badge-count{
    font-size:12px !important;
}
.card-price,
.product-price{
    font-weight:500 !important;
}
.product-title{
    font-size:18px !important;
    line-height:1.45;
}
.product-stock,
.product-tab,
.product-specs th,
.product-specs td{
    font-size:15px !important;
}

/* ==========================================================================
   Главная
   ========================================================================== */
.home-kicker{
    font-size:13px !important;
    font-weight:500 !important;
}
.home-hero-copy>p{
    font-size:18px !important;
    line-height:1.65;
}
.home-trust{
    font-size:14px !important;
}
.home-trust b{
    font-weight:500 !important;
}
.home-hero-note small{
    font-size:12px !important; /* служебная подпись */
}
.home-hero-note strong{
    font-weight:500 !important;
}
.home-hero-note p{
    font-size:15px !important;
    line-height:1.55;
}
.home-section-head>a{
    font-size:15px !important;
    font-weight:500 !important;
}
.home-profile-copy>span,
.home-product-body>span,
.home-service-card span{
    font-size:13px !important;
    font-weight:500 !important;
}
.home-profile-copy>strong,
.home-service-card strong,
.home-product-body h3,
.home-product-price{
    font-weight:500 !important;
}
.home-profile-copy p,
.home-service-card p{
    font-size:15px !important;
    line-height:1.58;
}
.home-profile-copy div{
    font-size:14px !important;
    font-weight:500 !important;
}
.home-product-price{
    font-size:23px !important;
}
@media(max-width:720px){
    .home-hero-copy>p{
        font-size:17px !important;
    }
}

/* ==========================================================================
   REHAU — каталог и страницы профилей
   ========================================================================== */
.okna-kicker{
    font-size:13px !important;
    font-weight:500 !important;
}
.okna-hero h1,
.okna-profile-hero h1{
    font-weight:500 !important;
}
.okna-hero-facts span{
    font-size:14px !important;
}
.okna-section-head p{
    font-size:16px !important;
    line-height:1.6;
}
.okna-chip{
    font-size:14px !important;
    font-weight:500 !important;
}
.okna-card-image span,
.okna-card-position,
.okna-related-label{
    font-size:13px !important;
    font-weight:500 !important;
}
.okna-card-head p,
.okna-card-summary,
.okna-related-card p{
    font-size:16px !important;
    line-height:1.6;
}
.okna-card-head>strong{
    font-size:14px !important;
    font-weight:500 !important;
}
.okna-metrics span{
    font-size:13px !important;
}
.okna-more,
.okna-catalog-link,
.okna-text-btn,
.okna-related-link{
    font-size:15px !important;
    font-weight:500 !important;
}
.okna-compare-check{
    font-size:14px !important;
}
.okna-table-wrap th,
.okna-table-wrap td,
.okna-spec-table th,
.okna-spec-table td{
    font-size:15px !important;
    line-height:1.5;
}
.okna-table-wrap tbody th,
.okna-spec-table th{
    font-weight:500 !important;
}
.okna-spec-table td small{
    font-size:13px !important;
}
.okna-profile-nav a,
.okna-profile-nav .is-current{
    font-size:14px !important;
    font-weight:500 !important;
}
.okna-seo-card p{
    font-size:16px !important;
}
.okna-seo-note{
    font-size:13px !important;
}

/* ==========================================================================
   Услуги / контакты / новости / техраздел / модальная форма
   ========================================================================== */
body .services-page .services-cta span{
    font-size:13px !important;
    font-weight:500 !important;
}
body .services-page .services-cta h2{
    font-weight:500 !important;
}
body .services-page .services-cta p{
    font-size:16px !important;
}
body .services-page .services-cta a.btn-primary,
body .services-page .services-cta a.btn-secondary{
    font-size:15px !important;
    font-weight:500 !important;
}

.contacts-kicker,
.contacts-btn,
.contacts-quick strong,
.contact-fact strong,
.factory-copy p strong,
.certificate-mini a,
.news-card__more{
    font-weight:500 !important;
}
.contacts-kicker{
    font-size:13px !important;
}
.contacts-btn{
    font-size:15px !important;
}
.certificate-mini a{
    font-size:14px !important;
}

.tech-shell{
    font-size:16px !important;
}
.tech-nav a{
    font-size:15px !important;
}
.tech-subnav a,
.zip-details>summary,
.zip-name{
    font-size:14px !important;
}
.file-btn{
    font-size:14px !important;
    font-weight:400 !important;
}
.file-meta,
.source-note{
    font-size:13px !important;
}

.contact-modal__eyebrow,
.contact-field>span,
.contact-form__message{
    font-size:13px !important;
    font-weight:500 !important;
}
.contact-modal__title,
.contact-success__title,
.contact-success__icon{
    font-weight:500 !important;
}
.contact-field input,
.contact-field textarea{
    font-size:16px !important;
}

/* ==========================================================================
   Универсальная страховка от старых 700–900 в смысловых текстовых ролях.
   Не применяется к служебным ID/счётчикам.
   ========================================================================== */
[class*="kicker"],
[class*="eyebrow"],
[class*="title"],
[class*="heading"],
[class*="price"]{
    font-weight:500 !important;
}