/* itfresh.ru — мобильный слой по аудиту 23.09.2026 (fix-mobile, M2–M9, T12). Подключается ПОСЛЕДНИМ в всех статей/хабов/продуктов. Главная и /uslugi/* этот файл не подключают: их правки — в hero-2026.css и a11y-2026.css. */ /* M1. Black Han Sans / Josefin Slab (Google отдаёт их только с латиницей) больше не подключаются. Имена оставлены в стилях ~1000 страниц, поэтому переназначаем их на фирменные шрифты с кириллицей (свой хостинг, font-display:swap): заголовки → Rubik Bold, подписи → Jost. Quicksand → системный шрифт (fallback). */ @font-face{font-family:"Black Han Sans";font-weight:100 900;font-display:swap;src:url(/assets/fonts/rubik700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Black Han Sans";font-weight:100 900;font-display:swap;src:url(/assets/fonts/rubik700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Josefin Slab";font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-cyrillic-cdf0a3.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Josefin Slab";font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-latin-35841f.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* M3. Страница не шире экрана: лишние 2–6px от скрытых слоёв не дают скролла */ html{overflow-x:clip} /* cat-*: логотип с width="500" сплющивался и распирал страницу до 518px */ .wrap>.top img,.top>a>img{width:auto!important;max-width:100%} /* deck: широкие таблицы прокручиваются внутри себя */ section.s table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} /* article-wrap/1c-*: длинный инлайн-код переносится */ :not(pre)>code{overflow-wrap:anywhere} /* M2. SVG-схемы без принудительного min-width. Инфографика (.itf-img, 1200px) — вписывается в ширину на любом экране; на телефоне скрыта (ссылка «Открыть схему в полном размере» есть в подписи и в SVG-файле). */ .wrap .itf-img img[src$=".svg"]{min-width:0!important;width:100%!important;max-width:100%!important;height:auto} .wrap .itf-img:has(img[src$=".svg"]){overflow-x:visible!important} .wrap .itf-img:has(img[src$=".svg"])::before{content:none!important;display:none!important} @media (max-width:759px){ .wrap .itf-img:has(img[src$=".svg"]){display:none!important} .wrap .art-secfig{overflow-x:visible!important} .wrap .art-secfig img[src$=".svg"]{min-width:0!important;width:100%!important;max-width:100%!important;height:auto} .wrap .art-secfig::before{content:none!important;display:none!important} .wrap .art-secfig figcaption{position:static!important} } /* M5. Поля форм не мельче 16px — иначе iOS Safari зумит страницу при фокусе */ .itf-help :is(input,textarea,select), #itf-help :is(input,textarea,select), .itf-subscribe-form :is(input,textarea,select), .comment-form :is(input,textarea,select), .cf-input,.cf-textarea{font-size:16px!important} @media (max-width:760px){ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select{font-size:max(16px,1em)!important} } /* M8. Код на телефоне переносится, а не уезжает вбок */ @media (max-width:760px){ pre,pre code{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important} } /* M9. Тап-зоны ≥ 40px: хлебные крошки, «Похожие статьи», рубрики, оглавление, согласие, капча */ @media (max-width:760px),(pointer:coarse){ .crumb a,.breadcrumbs a,.breadcrumb a,nav[aria-label*="рошк"] a, .foot a,.header-nav a, .itf-related a,.itf-rubrics a,.related a, .toc a,.itf-toc a,[class*="toc"] li>a, .itf-subscribe-form label a,label>span>a, .crumbs a,a.cta-back,.itf-services-strip a,li a.itf-ctx,li>a:only-child{padding-block:12px} .itf-related li,.related li,.toc li,.itf-toc li{margin-block:2px} .itf-subscribe-form label a,label>span>a{padding-block:14px} .cf-captcha button,.cf-captcha [role=button]{min-width:44px;min-height:44px} } /* T12. Disqus по клику */ .itf-disqus-load{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1.5px solid rgba(156,79,0,.45);border-radius:999px;background:#fff8f0;color:#8b3a00;font:inherit;font-weight:600;cursor:pointer} .itf-disqus-load:hover{background:#ffecd4} .itf-disqus-load:focus-visible{outline:3px solid #773900;outline-offset:3px}