/* Этап 2 аудита (29.09.2026): читаемость мелкого текста, размер кнопок на телефоне, контраст в светлой теме. Подключён последним в . */ /* мелкий текст → минимум 11–12px */ .hero-stats .l, span.l{font-size:11.5px!important;line-height:1.3!important} .hsb-item .l, .hero-spec .l{font-size:11px!important} .prod-brand,.modal-brand{font-size:11px!important} .life-meta{font-size:11px!important} .road-tag,.hero-badge{font-size:10.5px!important} .prod-price-note,.modal-price-note{font-size:12px!important} .prod-cta{font-size:12px!important} .cmp-btn{font-size:11.5px!important;min-height:36px!important;padding:0 12px!important} .news-tag{font-size:11px!important} .news-date{font-size:12px!important} .c-label,.stat-label{font-size:12px!important} footer h5{font-size:12px!important} label{font-size:12px!important} .acc-cat-tile-name{font-size:13px!important} .acc-cat-tile-count{font-size:12px!important} .filter-btn{font-size:12px!important;min-height:40px!important;padding:0 16px!important} /* кнопки под палец: минимум 40–44px */ .prod-fav{width:40px!important;height:40px!important} .prod-add{width:40px!important;height:40px!important} /* иконки шапки оставлены прежнего размера: на узких экранах 42px не помещаются */ /* светлая тема: серые подписи и цены контрастнее */ [data-theme="light"]{--ink-3:#5c5c6b!important} [data-theme="light"] .prod-price,[data-theme="light"] .prod-price-val,[data-theme="light"] .card-price{color:#007A8E!important} /* подписи со стилем прямо в разметке */ .hero-meta-top span{font-size:10.5px!important} .cat .meta b,.cat .meta span{font-size:11px!important} .feat-price div{font-size:11px!important} .life-info > div[style*="font"]{font-size:11px!important} .news-card-foot span{font-size:12px!important} .card-colors-more{font-size:11px!important} /* узкие телефоны: шапка новостей (4 иконки) не должна вылезать за экран */ @media (max-width:380px){.h-actions{gap:6px!important}.h-actions .h-icon,.h-actions .theme-btn,.h-actions .burger{width:34px!important;height:34px!important;min-width:0!important}} /* «МЕРОПРИЯТИЯ» крупным шрифтом не помещалось в узкий экран */ @media (max-width:420px){.page-hero h1{font-size:clamp(36px,11vw,48px)!important}} /* === Этап 3 (29.09): контраст, движение, чат === */ /* тёмная тема: серые подписи до нормы контраста 4.5 */ html:not([data-theme="light"]){--ink-3:#8a8a94!important} /* светлая тема: бирюзовые мелкие заголовки темнее */ [data-theme="light"] .prod-brand-label,[data-theme="light"] .specs-section-title,[data-theme="light"] .prod-color-surcharge, [data-theme="light"] .prod-surcharge-note,[data-theme="light"] .kicker,[data-theme="light"] .ph-label,[data-theme="light"] .news-tag, [data-theme="light"] .a-tag,[data-theme="light"] .nf-tag{color:#006D80!important} /* «уменьшить движение» в настройках системы — без анимаций */ @media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* телефон: кнопка чата меньше и меньше перекрывает текст */ @media (max-width:768px){.chat-fab{right:12px!important;bottom:12px!important}.chat-toggle{width:50px!important;height:50px!important}} /* светлая тема: плашка «Официальный дилер», номера категорий, кнопки «В избранное»/«Сравнить» в карточке */ [data-theme="light"] .hero-tag,[data-theme="light"] .cat .meta b{color:#006D80!important} [data-theme="light"] #prodWlBtn{color:#4a4a58!important;border-color:#b8b8c4!important} [data-theme="light"] #prodWlBtn svg{stroke:#4a4a58} [data-theme="light"] .prod-cmp-btn,[data-theme="light"] #prodCmpBtn{color:#4a4a58!important} /* блок «Едем вместе»: на телефоне большая карточка растёт под текст, текст на фото чёткий в светлой теме */ @media (max-width:768px){ .life-card.big{aspect-ratio:auto!important;min-height:340px!important;display:flex!important;flex-direction:column;justify-content:flex-end} .life-card.big .life-info{position:relative!important;padding-top:64px!important} .life-card.big .life-title{font-size:30px!important;line-height:1!important} .life-card.big .life-sub{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} } [data-theme="light"] .life-info::before{background:linear-gradient(transparent,rgba(5,5,5,.85))!important} [data-theme="light"] .life-title{color:#fff!important} [data-theme="light"] .life-sub{color:rgba(255,255,255,.85)!important} [data-theme="light"] .life-meta,[data-theme="light"] .life-info > div[style*="font"]{color:rgba(255,255,255,.8)!important}