/* Start:/local/templates/modern/css/accessibility.css?178392895011415*/ /* ========================================================================= Версия для слабовидящих (ГОСТ Р 52872). Активируется атрибутом data-vi="on" на . Управляется чистым JS. ========================================================================= */ /* --- триггер в служебной строке --- */ .vi-link{display:inline-flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer; color:var(--muted);font-size:.82rem;font-family:inherit;padding:0;white-space:nowrap} .vi-link:hover{color:var(--accent)} .vi-link svg{flex:0 0 auto} @media(max-width:680px){.vi-link span,.vi-link{font-size:0}.vi-link svg{width:20px;height:20px}} /* --- панель управления --- */ .vi-panel{background:var(--surface);border-bottom:2px solid var(--accent)} .vi-panel__row{display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:12px 20px} .vi-group{display:flex;align-items:center;gap:10px} .vi-group__label{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em} .vi-btns{display:flex;gap:6px} .vi-btns button{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);background:var(--bg); color:var(--ink);border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;line-height:1} .vi-btns button:hover{border-color:var(--accent)} .vi-btns button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)} .vi-sw--white{background:#fff;color:#000} .vi-sw--black{background:#000;color:#fff} .vi-sw--blue{background:#9dd1ff;color:#0a3a66} .vi-exit{margin-left:auto;background:none;border:1px solid var(--line);color:var(--ink-2); border-radius:8px;height:38px;padding:0 14px;cursor:pointer;font-family:inherit} .vi-exit:hover{border-color:var(--hot);color:var(--hot)} /* ========================================================================= РЕЖИМ ВКЛЮЧЁН: упрощённая высококонтрастная вёрстка ========================================================================= */ :root[data-vi="on"]{ /* цветовая схема по умолчанию перекрывается ниже */ --vi-fs:1; } /* размеры шрифта */ :root[data-vi="on"][data-vi-font="1"]{ --vi-fs:1.15; } :root[data-vi="on"][data-vi-font="2"]{ --vi-fs:1.4; } :root[data-vi="on"][data-vi-font="3"]{ --vi-fs:1.75; } :root[data-vi="on"] body{ font-size:calc(16px * var(--vi-fs)); line-height:1.7; } /* --- цветовые схемы (перекрывают токены) --- */ :root[data-vi="on"][data-vi-color="white"]{ --bg:#fff; --bg-2:#fff; --surface:#fff; --surface-2:#f0f0f0; --line:#000; --line-soft:#000; --ink:#000; --ink-2:#000; --muted:#000; --accent:#00308a; --accent-ink:#fff; --accent-press:#001a4d; --stitch:#000; } :root[data-vi="on"][data-vi-color="black"]{ --bg:#000; --bg-2:#000; --surface:#000; --surface-2:#111; --line:#fff; --line-soft:#fff; --ink:#fff; --ink-2:#fff; --muted:#fff; --accent:#ffff00; --accent-ink:#000; --accent-press:#e6e600; --stitch:#fff; } :root[data-vi="on"][data-vi-color="blue"]{ --bg:#9dd1ff; --bg-2:#9dd1ff; --surface:#bfe0ff; --surface-2:#aad5ff; --line:#0a3a66; --line-soft:#0a3a66; --ink:#063462; --ink-2:#063462; --muted:#0a3a66; --accent:#063462; --accent-ink:#fff; --accent-press:#042b52; --stitch:#0a3a66; } /* --- упрощение чромы: убираем декор, размытия, тени --- */ :root[data-vi="on"] *{ text-shadow:none!important; box-shadow:none!important; backdrop-filter:none!important; } :root[data-vi="on"] .site-header{background:var(--bg)!important} :root[data-vi="on"] .breaking .track span{animation:none!important;transform:none!important} :root[data-vi="on"] .rubric{background:transparent!important;color:var(--ink)!important; border:2px solid var(--ink)!important} /* заголовки/ссылки/границы — жирнее и контрастнее */ :root[data-vi="on"] a{text-decoration:underline} :root[data-vi="on"] .card,:root[data-vi="on"] .widget{border:2px solid var(--line)!important;transform:none!important} :root[data-vi="on"] .card h3,:root[data-vi="on"] .card:hover h3{color:var(--ink)!important} :root[data-vi="on"] .icon-btn,:root[data-vi="on"] .btn-primary,:root[data-vi="on"] .vi-btns button{ border:2px solid var(--line)!important} /* --- декоративные фоны героя/плейсхолдеров скрываем --- */ :root[data-vi="on"] .ph{background:var(--surface-2)!important} :root[data-vi="on"] .lead::after,:root[data-vi="on"] .mini::after, :root[data-vi="on"] .card .thumb::after{background:none!important} :root[data-vi="on"] .lead h1,:root[data-vi="on"] .mini h3,:root[data-vi="on"] .lead .deck, :root[data-vi="on"] .lead .meta{color:var(--ink)!important} :root[data-vi="on"] .lead .body,:root[data-vi="on"] .mini .body{position:static;background:var(--surface)} /* --- изображения: в режиме чтения по умолчанию ВЫКЛ (ГОСТ — с возможностью включить) --- */ :root[data-vi="on"][data-vi-img="gray"] img{filter:grayscale(1)} :root[data-vi="on"][data-vi-img="off"] img{display:none!important} :root[data-vi="on"][data-vi-img="off"] .thumb, :root[data-vi="on"][data-vi-img="off"] .ph, :root[data-vi="on"][data-vi-img="off"] .org-thumb, :root[data-vi="on"][data-vi-img="off"] .org-photo, :root[data-vi="on"][data-vi-img="off"] .article-figure, :root[data-vi="on"][data-vi-img="off"] .article-gallery, :root[data-vi="on"][data-vi-img="off"] .article-gallery-hint, :root[data-vi="on"][data-vi-img="off"] .contacts-map, :root[data-vi="on"][data-vi-img="off"] .org-map-wrap, :root[data-vi="on"][data-vi-img="off"] .traffic-map{display:none!important} /* ========================================================================= ЛИНЕЙНОЕ ЧТЕНИЕ: одна колонка, всё друг под другом, ленты вместо сеток ========================================================================= */ /* одна колонка: убираем боковой рельс и разворачиваем все сетки в поток */ :root[data-vi="on"] .layout, :root[data-vi="on"] .feed, :root[data-vi="on"] .feed-col, :root[data-vi="on"] .feed-unit, :root[data-vi="on"] .hero, :root[data-vi="on"] .hero .subcol, :root[data-vi="on"] .news-listing, :root[data-vi="on"] .org-list, :root[data-vi="on"] .cat-grid, :root[data-vi="on"] .contacts, :root[data-vi="on"] .org-detail, :root[data-vi="on"] .org-actions, :root[data-vi="on"] .ob-list, :root[data-vi="on"] .foot-orgs .wbody{ display:block!important;grid-template-columns:none!important;gap:0!important;float:none!important; } :root[data-vi="on"] .rail, :root[data-vi="on"] main, :root[data-vi="on"] .article, :root[data-vi="on"] .org-article{width:auto!important;max-width:none!important;flex:none!important} /* карточки/строки/виджеты — во всю ширину, друг под другом, простой разделитель */ :root[data-vi="on"] .card, :root[data-vi="on"] .hero .lead, :root[data-vi="on"] .hero .mini, :root[data-vi="on"] .org-card, :root[data-vi="on"] .org-group, :root[data-vi="on"] .widget, :root[data-vi="on"] .cat-card, :root[data-vi="on"] .press{ display:block!important;width:auto!important;max-width:none!important; margin:0 0 1em!important;padding:0 0 .85em!important; border:0!important;border-bottom:2px solid var(--line)!important;border-radius:0!important; aspect-ratio:auto!important;min-height:0!important;height:auto!important; } /* текст, лежавший поверх фото (герой/ленты), — в обычный поток */ :root[data-vi="on"] .body{position:static!important;background:transparent!important;padding:0!important} :root[data-vi="on"] .lead h1,:root[data-vi="on"] .lead h2,:root[data-vi="on"] .lead h3, :root[data-vi="on"] .mini h3,:root[data-vi="on"] .card h3, :root[data-vi="on"] .lead .deck,:root[data-vi="on"] .lead .meta, :root[data-vi="on"] .card .body,:root[data-vi="on"] .mini .body{color:var(--ink)!important} /* заголовки новостей крупнее для читаемости */ :root[data-vi="on"] .card h3,:root[data-vi="on"] .mini h3{font-size:1.15em!important;line-height:1.4} :root[data-vi="on"] .lead h1,:root[data-vi="on"] .lead h2{font-size:1.4em!important;line-height:1.3} /* --- в режиме чтения убираем отвлекающее/декоративное --- */ :root[data-vi="on"] .breaking, /* бегущая строка «Молния» */ :root[data-vi="on"] #theme-toggle, /* переключатель тёмной темы */ :root[data-vi="on"] .hover-wrap{display:none!important} /* попапы погоды и валют */ /* --- герой и карточки: текст был белым поверх фото → тёмный на светлом --- */ :root[data-vi="on"] .hero .lead, :root[data-vi="on"] .hero .mini, :root[data-vi="on"] .card{background:var(--surface)!important;background-image:none!important} :root[data-vi="on"] .hero .lead::before,:root[data-vi="on"] .hero .lead::after, :root[data-vi="on"] .hero .mini::before,:root[data-vi="on"] .hero .mini::after, :root[data-vi="on"] .card .thumb::after,:root[data-vi="on"] .card::after{display:none!important;background:none!important} :root[data-vi="on"] .hero .lead h1,:root[data-vi="on"] .hero .lead h1 a, :root[data-vi="on"] .hero .lead .deck,:root[data-vi="on"] .hero .lead .meta, :root[data-vi="on"] .hero .mini h3,:root[data-vi="on"] .hero .mini h3 a, :root[data-vi="on"] .card h3,:root[data-vi="on"] .card h3 a, :root[data-vi="on"] .card .body,:root[data-vi="on"] .card .body *, :root[data-vi="on"] .card .meta{color:var(--ink)!important} /* --- главный блок новости (герой): во всю ширину, с воздухом и крупным текстом --- */ :root[data-vi="on"] .hero .lead{min-height:0!important;overflow:visible!important;padding:0 0 1em!important} :root[data-vi="on"] .hero .lead .body{position:static!important;padding:0!important} :root[data-vi="on"] .hero .lead h1{font-size:2em!important;line-height:1.25!important;margin:.15em 0 .45em!important} :root[data-vi="on"] .hero .lead .deck{font-size:1.25em!important;max-width:none!important;line-height:1.55!important;margin:.3em 0} :root[data-vi="on"] .hero .lead .meta{font-size:1.05em!important;margin-top:.5em!important} :root[data-vi="on"] .hero .mini h3{font-size:1.35em!important;line-height:1.35!important} /* --- крупнее текст в виджетах рельса (Читают сейчас / В городе пишут / Организации) --- */ :root[data-vi="on"] .whead{font-size:1.35em!important} :root[data-vi="on"] .pt, :root[data-vi="on"] .press-t, :root[data-vi="on"] .org-mini-t{font-size:1.25em!important;line-height:1.4!important;font-weight:800!important} :root[data-vi="on"] .pop, :root[data-vi="on"] .org-mini-a, :root[data-vi="on"] .org-mini-p, :root[data-vi="on"] .press-src, :root[data-vi="on"] .press-date{font-size:1.05em!important;line-height:1.45!important} /* усиленный фокус для клавиатуры */ :root[data-vi="on"] :focus-visible{outline:3px solid var(--accent);outline-offset:3px} /* End */ /* Start:/local/templates/modern/styles.css?178392692515012*/ /* ========================================================================= ivanovocat "modern" — стили КОНТЕНТА (типографика внутренних страниц, рабочая область визуального редактора). Каркас/чрому см. template_styles.css ========================================================================= */ /* --- хлебные крошки --- */ .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 18px; color:var(--muted);font-size:.85rem} .breadcrumbs a{color:var(--muted)} .breadcrumbs a:hover{color:var(--accent)} .breadcrumbs .sep{opacity:.5} .breadcrumbs .cur{color:var(--ink-2)} /* --- заголовок страницы --- */ .main-cont h1{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.1;font-weight:900;letter-spacing:-.02em; margin:6px 0 18px;text-wrap:balance} /* --- текстовый контент --- */ .content-text{font-size:1.02rem;line-height:1.7;color:var(--ink-2);max-width:72ch} .content-text h2{font-size:1.5rem;font-weight:850;color:var(--ink);margin:1.6em 0 .5em;letter-spacing:-.01em} .content-text h3{font-size:1.2rem;font-weight:800;color:var(--ink);margin:1.4em 0 .4em} .content-text p{margin:0 0 1.1em} .content-text a{color:var(--accent);text-decoration:underline;text-underline-offset:2px} .content-text a:hover{color:var(--accent-press)} .content-text img{border-radius:12px;margin:1.2em 0} .content-text blockquote{margin:1.4em 0;padding:6px 20px;border-left:3px solid var(--accent); font-family:var(--f-serif);font-size:1.1rem;color:var(--ink);font-style:italic} .content-text ul,.content-text ol{margin:0 0 1.1em;padding-left:1.3em} .content-text li{margin:.35em 0} .content-text code{background:var(--surface-2);border:1px solid var(--line);border-radius:6px; padding:1px 6px;font-size:.9em} /* --- таблицы (с горизонтальным скроллом на узких экранах) --- */ .content-text .table-scroll{overflow-x:auto} .content-text table{border-collapse:collapse;width:100%;font-size:.95rem} .content-text th,.content-text td{border:1px solid var(--line);padding:9px 12px;text-align:left} .content-text th{background:var(--surface-2);font-weight:700;color:var(--ink)} /* --- кнопки в контенте --- */ .content-text .btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:800; padding:11px 20px;border-radius:10px;text-decoration:none} .content-text .btn:hover{background:var(--accent-press);color:var(--accent-ink)} /* --- пагинация --- */ /* пагинатор — в строку при любой разметке (плоские ссылки или ul/li) */ .modern-paging{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:26px 0;list-style:none;padding:0} .modern-paging ul,.modern-paging .bx-pagination-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px; list-style:none;margin:0;padding:0} .modern-paging li{list-style:none;margin:0} .modern-paging a,.modern-paging li>span,.modern-paging .current,.modern-paging .modern-page-title{ min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px; border:1px solid var(--line);border-radius:10px;color:var(--ink-2);font-weight:650;text-decoration:none} .modern-paging .modern-page-title{border:none;color:var(--muted);font-weight:400;font-size:.9rem} .modern-paging a:hover{border-color:var(--accent);color:var(--accent)} .modern-paging .current,.modern-paging .bx-active>span,.modern-paging .bx-active>a{ background:var(--accent);color:var(--accent-ink);border-color:var(--accent)} .modern-paging .mp-gap{border:none;min-width:auto;height:auto;color:var(--muted);padding:0 2px} /* детальная новость */ .article{max-width:820px} .article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;font-size:.82rem;color:var(--muted)} .article-title{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;font-weight:900;letter-spacing:-.02em; margin:0 0 20px;text-wrap:balance} .article-figure{margin:0 0 22px} .article-figure img{width:100%;border-radius:14px} .article-figure figcaption{color:var(--muted);font-size:.82rem;margin-top:8px} .article-lead{font-family:var(--f-serif);font-size:1.16rem;line-height:1.55;color:var(--ink);font-weight:400;margin:0 0 1.1em} .article .content-text{max-width:none} .article-props{margin:22px 0 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:.9rem} .article-prop{padding:3px 0} .article-prop .ap-name{color:var(--muted)} .back-link{display:inline-block;margin-top:26px;color:var(--accent);font-weight:700} .back-link:hover{color:var(--accent-press)} /* галерея */ .article-figure a{display:block;cursor:zoom-in} .article-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px} .article-gallery a{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;cursor:zoom-in;background:var(--surface-2)} .article-gallery a:first-child{grid-column:1 / -1;aspect-ratio:16/9} .article-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .2s} .article-gallery a:hover img{transform:scale(1.03)} /* на мобильном — свайп-лента (один кадр), без плитки миниатюр и без лайтбокса */ @media(max-width:640px){ .article-gallery{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 8px} .article-gallery::-webkit-scrollbar{display:none} .article-gallery a,.article-gallery a:first-child{flex:0 0 88%;grid-column:auto;aspect-ratio:4/3; scroll-snap-align:center;cursor:default} .article-gallery a:hover img{transform:none} .article-gallery-hint{display:block;text-align:center;color:var(--muted);font-size:.78rem;margin:0 0 20px} } .article-gallery-hint{display:none} /* видео */ .article-video{margin:22px 0} .article-video iframe,.article-video video,.article-video object,.article-video embed{ width:100%!important;aspect-ratio:16/9;height:auto;border:none;border-radius:12px;display:block} .article-vcap{color:var(--muted);font-size:.82rem;margin:-14px 0 22px;text-align:center} .article-source{color:var(--muted);font-size:.88rem;margin-top:20px} /* лайтбокс */ .lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:28px;cursor:zoom-out} .lb.open{display:flex} .lb img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6)} .lb-close{position:absolute;top:14px;right:22px;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;opacity:.85;z-index:2} .lb-close:hover{opacity:1} .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;border-radius:50%; background:rgba(255,255,255,.14);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:none; align-items:center;justify-content:center;z-index:2} .lb.lb-multi .lb-nav{display:flex} .lb-nav:hover{background:rgba(255,255,255,.28)} .lb-prev{left:18px} .lb-next{right:18px} .lb-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;font-size:.9rem;opacity:.85} @media(max-width:560px){.lb-nav{width:44px;height:44px;font-size:1.6rem}.lb-prev{left:8px}.lb-next{right:8px}} /* контакты */ .contacts{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;margin-bottom:20px} @media(max-width:820px){.contacts{grid-template-columns:1fr}} .contacts-info{display:flex;flex-direction:column;gap:12px} .ci-card{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px} .ci-ico{font-size:1.35rem;line-height:1;flex:0 0 auto} .ci-l{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em} .ci-v{font-size:1.05rem;font-weight:650;margin-top:3px;line-height:1.5} .ci-v a{color:var(--accent)} .ci-v a:hover{color:var(--accent-press)} .contacts-soc{display:flex;gap:10px;margin-top:4px} .contacts-map{border-radius:14px;overflow:hidden;border:1px solid var(--line);min-height:400px} .contacts-map iframe{width:100%;height:100%;min-height:400px;border:0;display:block} @media(max-width:820px){.contacts-map{min-height:0;aspect-ratio:16/11}.contacts-map iframe{min-height:0}} /* пробки / общая карта */ .page-lead{font-size:1.08rem;color:var(--ink-2);max-width:72ch;margin:0 0 22px;line-height:1.5} .traffic-map{border-radius:14px;overflow:hidden;border:1px solid var(--line);height:620px;margin-bottom:30px} .traffic-map iframe{width:100%;height:100%;border:0;display:block} @media(max-width:700px){.traffic-map{height:72vh}} /* каталог: разделы плиткой */ .cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:20px} .cat-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;transition:transform .16s,border-color .16s} .cat-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-2px)} .cat-ico{width:44px;height:44px;flex:0 0 auto;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:1.3rem;overflow:hidden} .cat-ico img{width:100%;height:100%;object-fit:cover} .cat-name{font-weight:700;font-size:1.02rem;flex:1;line-height:1.2} .cat-card:hover .cat-name{color:var(--accent)} .cat-cnt{color:var(--muted);font-size:.85rem;font-weight:700} /* список организаций */ .cat-total{color:var(--muted);font-size:.9rem;margin:0 0 16px} .cat-total b{color:var(--ink)} .org-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;align-items:start} @media(max-width:700px){.org-list{grid-template-columns:1fr}} .org-card{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;transition:transform .16s,border-color .16s} .org-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-2px)} .org-thumb{flex:0 0 84px;height:84px;border-radius:10px;overflow:hidden;background:var(--surface-2)} .org-thumb img{width:100%;height:100%;object-fit:contain;padding:6px} /* лого целиком */ .org-body{display:flex;flex-direction:column;gap:5px;min-width:0} .org-name{font-weight:750;font-size:1.05rem;line-height:1.2} .org-card:hover .org-name{color:var(--accent)} .org-line{color:var(--ink-2);font-size:.88rem} /* сеть филиалов — аккордеон-карточка (как обычная, в сетке) */ .org-group{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;align-self:start} .org-group>summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none; font-weight:750;font-size:1.05rem} .org-group>summary::-webkit-details-marker{display:none} .org-group>summary::before{content:"▸";color:var(--muted);font-weight:400;transition:transform .15s} .org-group[open]>summary::before{transform:rotate(90deg)} .org-group .og-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .org-group:hover>summary .og-name{color:var(--accent)} .org-group .og-cnt{margin-left:auto;flex:0 0 auto;color:var(--muted);font-size:.85rem;font-weight:700} .og-list{display:flex;flex-direction:column;border-top:1px solid var(--line)} .og-list>a{display:flex;flex-wrap:wrap;gap:4px 14px;padding:10px 16px 10px 38px;color:var(--ink-2);font-size:.9rem; border-top:1px solid var(--line)} .og-list>a:first-child{border-top:none} .og-list>a:hover{background:var(--surface-2);color:var(--accent)} .og-list .og-ph{color:var(--muted)} .og-list>a:hover .og-ph{color:var(--accent)} /* организация (детальная) */ .org-rubric{display:inline-block;margin:-8px 0 18px;padding:4px 12px;border-radius:999px;background:var(--surface-2); border:1px solid var(--line);color:var(--ink-2);font-size:.82rem;font-weight:700;text-decoration:none} .org-rubric:hover{border-color:var(--accent);color:var(--accent)} .org-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px} .org-actions .oa{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:10px; border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:.95rem;text-decoration:none} .org-actions .oa:hover{border-color:var(--accent);color:var(--accent)} .org-actions .oa-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)} .org-actions .oa-primary:hover{background:var(--accent-press);color:var(--accent-ink);border-color:var(--accent-press)} .org-actions .oa-soc{font-size:.9rem} .org-photo{margin:0 0 16px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2); display:flex;align-items:center;justify-content:center;padding:18px;min-height:120px} .org-photo img{max-width:100%;max-height:240px;width:auto;height:auto;display:block} /* лого целиком, без обрезки */ .org-article{max-width:none} .org-detail{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start;margin:0 0 22px} .org-detail-info{flex:0 0 400px;min-width:0} .org-map-wrap{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:6px} .org-map{width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--line);height:380px} .org-map iframe{width:100%;height:100%;border:0;display:block} .org-map-link{font-size:.85rem;color:var(--accent);align-self:flex-end} @media(max-width:620px){.org-detail-info{flex-basis:100%}.org-map{height:300px}} /* контакты организации */ .org-contacts{display:flex;flex-direction:column;gap:11px;margin:0;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px} .org-contacts .oc{display:flex;gap:14px;font-size:1rem;flex-wrap:wrap} .oc .oc-l{color:var(--muted);flex:0 0 90px;font-size:.9rem} .oc .oc-v{font-weight:650;min-width:0;overflow-wrap:anywhere} .oc .oc-v a{color:var(--accent)} .oc .oc-status{color:var(--ok,#16a34a)} /* другие адреса сети */ .org-branches{margin:0 0 22px} .org-branches .ob-title{font-size:1.15rem;font-weight:800;margin:0 0 12px} .org-branches .ob-list{display:grid;grid-template-columns:1fr 1fr;gap:8px} @media(max-width:560px){.org-branches .ob-list{grid-template-columns:1fr}} .org-branches .ob-list a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface); color:var(--ink-2);font-size:.9rem;text-decoration:none} .org-branches .ob-list a:hover{border-color:var(--accent);color:var(--accent)} .org-src{color:var(--muted);font-size:.82rem;margin:22px 0 0} .org-src a{color:var(--accent)} .og-map-hint{color:var(--muted)} /* End */ /* Start:/local/templates/modern/template_styles.css?178394986130903*/ /* ========================================================================= ivanovocat — шаблон "modern" (редизайн 2026) Дизайн-система: токены, светлая/тёмная тема, каркас страницы. Правило: компоненты стилизуем ЧЕРЕЗ переменные, а не внутри @media. ========================================================================= */ :root{ /* --- тёмная тема (по умолчанию) --- */ --bg:#0B1210; --bg-2:#0F1815; --surface:#14201B; --surface-2:#1B2A23; --line:#24352C; --line-soft:#18261F; --ink:#EAF3EC; --ink-2:#B7C7BD; --muted:#7F958A; --accent:#2BE86B; --accent-press:#17c455; --accent-ink:#05130B; --hot:#FF5A3C; --violet:#B08BFF; --cyan:#5AD0EC; --amber:#F2C24B; --shadow:0 18px 40px -22px rgba(0,0,0,.75); --stitch:#33493D; /* --- инварианты --- */ --maxw:1240px; --r:14px; --header-h:74px; --f-sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; --f-serif:Georgia,"Times New Roman",serif; } @media (prefers-color-scheme: light){ :root{ --bg:#F1F6F2; --bg-2:#FFFFFF; --surface:#FFFFFF; --surface-2:#EBF2ED; --line:#DBE6DE; --line-soft:#E7EFE9; --ink:#0B1512; --ink-2:#33423A; --muted:#5E7268; --accent:#0F9D40; --accent-press:#0b7f33; --accent-ink:#FFFFFF; --hot:#DE3E24; --violet:#7A4DE0; --cyan:#1596B4; --amber:#B9860B; --shadow:0 16px 34px -24px rgba(20,50,35,.45); --stitch:#C4D3C9; } } :root[data-theme="light"]{ --bg:#F1F6F2; --bg-2:#FFFFFF; --surface:#FFFFFF; --surface-2:#EBF2ED; --line:#DBE6DE; --line-soft:#E7EFE9; --ink:#0B1512; --ink-2:#33423A; --muted:#5E7268; --accent:#0F9D40; --accent-press:#0b7f33; --accent-ink:#FFFFFF; --hot:#DE3E24; --violet:#7A4DE0; --cyan:#1596B4; --amber:#B9860B; --shadow:0 16px 34px -24px rgba(20,50,35,.45); --stitch:#C4D3C9; } :root[data-theme="dark"]{ --bg:#0B1210; --bg-2:#0F1815; --surface:#14201B; --surface-2:#1B2A23; --line:#24352C; --line-soft:#18261F; --ink:#EAF3EC; --ink-2:#B7C7BD; --muted:#7F958A; --accent:#2BE86B; --accent-press:#17c455; --accent-ink:#05130B; --hot:#FF5A3C; --violet:#B08BFF; --cyan:#5AD0EC; --amber:#F2C24B; --shadow:0 18px 40px -22px rgba(0,0,0,.75); --stitch:#33493D; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-sans); font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button{font-family:inherit} :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px} .ivc-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px} .tnum{font-variant-numeric:tabular-nums} .page{min-height:50vh;padding-bottom:10px} .main-cont{padding-top:22px} /* ---------- служебная строка ---------- */ .ubar{border-bottom:1px solid var(--line-soft);background:var(--bg-2);font-size:.82rem} .ubar .ivc-wrap{display:flex;align-items:center;gap:22px;height:42px} .ubar .date{color:var(--muted);white-space:nowrap;text-transform:capitalize} .ticker{display:flex;align-items:center;gap:20px;margin-left:auto;color:var(--ink-2)} .chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap} .chip b{color:var(--ink);font-weight:700} .chip .up{color:var(--accent)} .chip .dn{color:var(--hot)} .dot{width:7px;height:7px;border-radius:50%;background:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)} .traffic:hover{color:var(--accent)} /* всплывашки погоды/валют при наведении на чип */ .hover-wrap{position:relative;cursor:default;outline:none} .hover-wrap .caret{color:var(--muted);font-size:.6rem} .hover-wrap:hover .chip,.hover-wrap:focus-within .chip{color:var(--ink)} .hover-wrap .popover{position:absolute;top:100%;right:0;left:auto;z-index:60;padding-top:10px;width:300px; opacity:0;visibility:hidden;transform:translateY(-6px); transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none} .hover-wrap:hover .popover,.hover-wrap:focus-within .popover{opacity:1;visibility:visible;transform:none;pointer-events:auto} .hover-wrap .popover .widget{box-shadow:var(--shadow)} .hover-wrap .popover .widget .wbody{padding:14px 16px} @media(max-width:900px){.ticker .hideable{display:none}} /* ---------- шапка ---------- */ .site-header{position:sticky;top:0;z-index:50; background:color-mix(in srgb,var(--bg) 86%,transparent); backdrop-filter:blur(12px);border-bottom:1px solid var(--line)} .head{display:flex;align-items:center;gap:22px;height:var(--header-h)} .brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:1.5rem;letter-spacing:-.02em;flex:0 0 auto} .brand .wordmark b{color:inherit;font-weight:900} /* значок логотипа: логотип как есть, без фона и окантовки */ .logo-badge{display:inline-flex;flex:0 0 auto} .logo-badge .mark{width:40px;height:auto;display:block} .brand .plus{font-size:.62rem;font-weight:800;color:var(--muted);border:1px solid var(--line); border-radius:5px;padding:2px 5px} /* горизонтальное меню (шаблон bitrix:menu/modern_top) */ .main-nav{display:flex;gap:4px;margin-right:auto} .main-nav a{padding:9px 13px;border-radius:9px;font-weight:650;font-size:.96rem;color:var(--ink-2);transition:.16s} .main-nav a:hover{background:var(--surface-2);color:var(--ink)} .main-nav a.on{color:var(--ink)} .main-nav a.on::after{content:"";display:block;height:3px;border-radius:3px;background:var(--accent);margin-top:5px} .tools{display:flex;align-items:center;gap:10px} .icon-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:10px; color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:.16s;flex:0 0 auto} .icon-btn:hover{color:var(--ink);border-color:var(--accent)} .btn-primary{display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--accent); color:var(--accent-ink);font-weight:800;font-size:.92rem;padding:0 16px;height:40px;border-radius:10px; cursor:pointer;white-space:nowrap;transition:.16s;text-decoration:none} .btn-primary:hover{background:var(--accent-press)} .btn-primary.wide{display:flex;width:100%} .burger{display:none} /* переключатель темы: показываем нужную иконку */ .i-moon{display:none} :root[data-theme="dark"] .i-sun{display:none} :root[data-theme="dark"] .i-moon{display:block} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .i-sun{display:none} :root:not([data-theme="light"]) .i-moon{display:block}} @media(max-width:1080px){.main-nav{display:none}.burger{display:grid}} @media(max-width:640px){ .brand{font-size:1.2rem} .brand .plus{display:none} .logo-badge .mark{width:34px} .head{gap:10px} .tools{gap:7px} .icon-btn{width:38px;height:38px} /* компактная «+»-кнопка предложить новость (только она, не все .btn-primary) */ .btn-propose .lbl{display:none} .btn-propose{width:38px;padding:0} .btn-propose::after{content:"+";font-size:1.35rem;line-height:1} } @media(max-width:360px){.brand .wordmark{display:none}} /* совсем узкие: только логотип */ /* ---------- выезжающий поиск ---------- */ .search-panel{max-height:0;overflow:hidden;transition:max-height .28s ease;border-top:0 solid var(--line)} .search-panel.open{max-height:90px;border-top:1px solid var(--line)} .search-panel form{display:flex;align-items:center;gap:12px;padding:14px 0} .search-panel svg{color:var(--muted);flex:0 0 auto} .search-panel input[type=text]{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:10px; height:44px;padding:0 14px;color:var(--ink);font-size:1rem} .search-panel input::placeholder{color:var(--muted)} /* ---------- мобильное меню ---------- */ .nav-drawer{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.5);display:none} .nav-drawer.open{display:block} .nav-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,84vw);background:var(--bg-2); border-left:1px solid var(--line);padding:20px;overflow-y:auto; display:flex;flex-direction:column;gap:6px;animation:slidein .22s ease} @keyframes slidein{from{transform:translateX(100%)}to{transform:translateX(0)}} .nav-drawer__close{align-self:flex-end;margin-bottom:8px} .nav-drawer .main-nav{display:flex;flex-direction:column;gap:2px} .nav-drawer .main-nav a{font-size:1.05rem;padding:12px} /* ---------- модалка ---------- */ .ivc-modal{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.55);backdrop-filter:blur(3px); display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto} .ivc-modal.open{display:flex} .ivc-modal__dialog{position:relative;width:min(560px,100%);background:var(--surface);border:1px solid var(--line); border-radius:var(--r);padding:28px;box-shadow:var(--shadow)} .ivc-modal__dialog h3{margin:0 0 18px;font-size:1.4rem;font-weight:850} .ivc-modal__close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;background:var(--surface-2); border-radius:9px;color:var(--ink-2);cursor:pointer;font-size:.9rem} .ivc-modal__close:hover{color:var(--ink)} /* поля формы «Предложить новость» и др. Bitrix-форм в стиле сайта */ .ivc-modal .form table,.ivc-modal .form tbody,.ivc-modal .form tr,.ivc-modal .form td{display:block;width:100%} .ivc-modal label{display:block;color:var(--ink-2);font-weight:650;font-size:.9rem;margin:4px 0 6px} .ivc-modal input[type=text],.ivc-modal input[type=email],.ivc-modal input[type=tel], .ivc-modal textarea,.ivc-modal select{ width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:11px 14px; color:var(--ink);font-size:1rem;font-family:inherit;margin-bottom:14px;transition:border-color .15s} .ivc-modal textarea{min-height:120px;resize:vertical} .ivc-modal input:focus,.ivc-modal textarea:focus,.ivc-modal select:focus{outline:none;border-color:var(--accent)} .ivc-modal input[type=file]{margin-bottom:14px;color:var(--ink-2);font-size:.9rem} .ivc-modal input[type=submit],.ivc-modal button[type=submit],.ivc-modal .btn{ display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink); border:none;border-radius:10px;padding:0 20px;height:44px;font-weight:800;font-size:.95rem;cursor:pointer} .ivc-modal input[type=submit]:hover,.ivc-modal button[type=submit]:hover,.ivc-modal .btn:hover{background:var(--accent-press)} .ivc-modal .errortext,.ivc-modal .error,.ivc-modal .alert-danger{color:var(--hot);font-size:.9rem;margin-bottom:12px} .ivc-modal .form-required,.ivc-modal .note,.ivc-modal .required{color:var(--muted);font-size:.84rem} .ivc-modal .alert-success,.ivc-modal .ok{color:var(--accent);font-size:.95rem} /* ---------- кнопка «наверх» ---------- */ .to-top{position:fixed;right:20px;bottom:20px;z-index:90;width:46px;height:46px;border:none;border-radius:50%; background:var(--accent);color:var(--accent-ink);font-size:1.4rem;line-height:1;cursor:pointer; box-shadow:0 6px 20px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center} .to-top[hidden]{display:none} .to-top:hover{background:var(--accent-press)} @media(max-width:600px){.to-top{right:12px;bottom:12px;width:42px;height:42px;font-size:1.25rem}} /* ---------- согласие cookie / ПД (модалка, как на старом сайте) ---------- */ .cookie-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center; pointer-events:none} /* внизу экрана; без затемнения (data-backdrop=false в старом), клики проходят мимо */ .cookie-modal[hidden]{display:none} .cookie-dialog{pointer-events:auto;max-width:640px;width:100%;margin:16px;background:var(--surface); border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.4); padding:20px 24px;display:flex;flex-direction:column;gap:14px} .cookie-dialog p{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.55} .cookie-dialog a{color:var(--accent);text-decoration:underline;text-underline-offset:2px} .cookie-dialog .btn-primary{align-self:flex-end;flex:0 0 auto} /* ========================================================================= ПЕРЕИСПОЛЬЗУЕМЫЕ БЛОКИ (для сборки главной и внутренних страниц) ========================================================================= */ /* бегущая строка «Молния» (news.list/modern_ticker) */ .breaking{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line); border-radius:var(--r);margin:0 0 22px;padding:11px 16px;overflow:hidden} .breaking .lbl{display:inline-flex;align-items:center;gap:8px;color:var(--hot);font-weight:900;font-size:.8rem; letter-spacing:.08em;text-transform:uppercase;white-space:nowrap} .breaking .lbl .bolt{width:16px;height:16px} .breaking .track{overflow:hidden;white-space:nowrap;flex:1; -webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent); mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)} .breaking .track>span{display:inline-block;animation:ivc-marq 45s linear infinite} .breaking .track a{color:var(--ink-2)} .breaking .track a:hover{color:var(--accent)} .breaking .track b{color:var(--ink);font-weight:700} .breaking .track .sep{margin:0 14px;color:var(--stitch)} @keyframes ivc-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){.breaking .track>span{animation:none}} /* заголовок секции со «строчкой» (текстильный мотив) */ .seclabel{display:flex;align-items:center;gap:14px;margin:34px 0 16px} .seclabel h2{margin:0;font-size:1.35rem;font-weight:850;letter-spacing:-.01em} .seclabel .tag{width:10px;height:22px;border-radius:3px;background:var(--accent)} .seclabel .stitch{flex:1;height:1px;border-top:2px dashed var(--stitch)} .seclabel a.more{color:var(--muted);font-size:.9rem;font-weight:650;white-space:nowrap} .seclabel a.more:hover{color:var(--accent)} /* рубрика-бейдж */ .rubric{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;text-transform:uppercase; letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink)} .rubric.hot{background:var(--hot);color:#fff} .rubric.violet{background:var(--violet);color:#160a2e} .rubric.cyan{background:var(--cyan);color:#052730} .rubric.amber{background:var(--amber);color:#2a1e02} /* контейнер бейджей рубрик (новость может быть в нескольких) */ .rubrics{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle} /* сетка колонок контент+рельс */ .layout{display:grid;grid-template-columns:1fr 340px;gap:34px;margin-top:24px;align-items:start} /* заголовок «Лента новостей» и верх рельса (Погода) стартуют на одной линии */ .layout > main > .seclabel:first-child{margin-top:0} @media(max-width:1024px){.layout{grid-template-columns:1fr}.rail{order:2}} /* карточка новости */ .news-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} @media(max-width:620px){.news-grid{grid-template-columns:1fr}} /* журнальная лента блоками (фото + две текстовые рядом) */ .feed{display:flex;flex-direction:column;gap:18px} .feed-unit{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start} .feed-unit--single{grid-template-columns:1fr} .feed-col{display:flex;flex-direction:column;gap:18px;min-width:0} .feed-unit>.card,.feed-col>.card{min-width:0} @media(max-width:620px){.feed-unit{grid-template-columns:1fr}} /* список новостей (страница «Все новости») */ .news-listing{display:flex;flex-direction:column} .nli{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)} .nli:first-child{padding-top:0} .nli-thumb{flex:0 0 160px;align-self:flex-start;aspect-ratio:3/2;border-radius:11px;overflow:hidden;background:var(--surface-2)} .nli-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s} .nli-thumb:hover img{transform:scale(1.04)} .nli-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px} .nli-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.78rem;color:var(--muted)} .nli-meta .rubric{font-size:.66rem;padding:3px 8px} .nli h3{margin:0;font-size:1.15rem;line-height:1.25;font-weight:750;letter-spacing:-.01em;text-wrap:balance} .nli h3 a:hover{color:var(--accent)} .nli-ex{margin:0;color:var(--ink-2);font-size:.92rem;line-height:1.5; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:600px){.nli{gap:12px;padding:14px 0}.nli-thumb{flex-basis:112px;border-radius:9px}.nli h3{font-size:1.02rem}} @media(max-width:420px){.nli-ex{display:none}} .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden; display:flex;flex-direction:column;transition:.18s} .card:hover{transform:translateY(-3px);box-shadow:var(--shadow); border-color:color-mix(in srgb,var(--accent) 55%,var(--line))} .card .thumb{aspect-ratio:16/10;position:relative;background:var(--surface-2);display:block} .card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .card .thumb .rubrics{position:absolute;left:12px;top:12px;z-index:1;max-width:calc(100% - 24px)} /* карточка без фото — текстовая (без блока изображения) */ .card.is-text .c-body{padding:20px 18px;gap:12px} .card.is-text .rubrics{align-self:flex-start;margin-bottom:2px} .card.is-text h3{font-size:1.3rem;line-height:1.22} .card.is-text .excerpt{-webkit-line-clamp:4} .card .c-body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:9px;flex:1} .card h3{margin:0;font-size:1.12rem;line-height:1.22;font-weight:800;letter-spacing:-.01em;text-wrap:balance} .card:hover h3{color:var(--accent)} .card .excerpt{color:var(--ink-2);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .card .foot{margin-top:auto;display:flex;gap:14px;color:var(--muted);font-size:.8rem;padding-top:3px} /* --- ГЕРОЙ ГЛАВНОЙ (news.list/modern_hero) --- */ .hero{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:4px} .hero .lead{position:relative;border-radius:var(--r);overflow:hidden;min-height:440px;isolation:isolate;border:1px solid var(--line)} .hero .ph{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover} .hero .lead::after{content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(180deg,rgba(6,12,9,0) 30%,rgba(6,12,9,.55) 62%,rgba(4,9,7,.94) 100%)} .hero .lead .body{position:absolute;left:0;right:0;bottom:0;padding:26px 28px} .hero .lead h1{margin:14px 0 10px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08;font-weight:900; letter-spacing:-.02em;color:#fff;text-wrap:balance;max-width:22ch; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .hero .lead h1 a{color:#fff} .hero .lead .deck{font-family:var(--f-serif);font-size:1.02rem;color:#dfe9e2;max-width:54ch; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .hero .lead .meta{margin-top:14px;color:#b8c8bf;font-size:.85rem;display:flex;gap:16px} .hero .subcol{display:grid;grid-template-rows:repeat(3,1fr);gap:18px} .hero .mini{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)} .hero .mini::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,12,9,.05),rgba(4,9,7,.9))} .hero .mini .body{position:absolute;left:0;right:0;bottom:0;padding:15px 17px} .hero .mini h3{margin:8px 0 0;font-size:1.02rem;line-height:1.18;font-weight:800;color:#fff;text-wrap:balance; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .hero .mini h3 a{color:#fff} @media(max-width:860px){.hero{grid-template-columns:1fr}.hero .subcol{grid-template-rows:none;grid-template-columns:1fr 1fr}.hero .lead{min-height:340px}.hero .mini{aspect-ratio:16/10;min-height:150px}} @media(max-width:560px){.hero .subcol{grid-template-columns:1fr}.hero .mini{aspect-ratio:16/9}} /* «показать ещё» */ .loadmore{margin:26px auto 0;display:block;width:100%;max-width:280px;background:transparent;border:1.5px solid var(--line); color:var(--ink);font-weight:750;font-size:.95rem;padding:13px;border-radius:11px;cursor:pointer;transition:.16s} .loadmore:hover{border-color:var(--accent);color:var(--accent)} /* виджет для правого рельса */ .rail{display:flex;flex-direction:column;gap:18px} .widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden} .widget .whead{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid var(--line); font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em} .widget .whead .k{width:8px;height:16px;border-radius:2px;background:var(--accent)} .widget .wbody{padding:16px} /* погода */ .weather{display:flex;align-items:center;gap:16px} .weather .wico{font-size:2.6rem;line-height:1} .weather .t{font-size:2.6rem;font-weight:850;letter-spacing:-.03em;line-height:1} .weather .info{color:var(--ink-2);font-size:.88rem;margin-top:4px} .wdays{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px dashed var(--stitch)} .wdays div{text-align:center;font-size:.8rem;color:var(--muted)} .wdays .wd-ico{display:block;font-size:1rem;margin:2px 0} .wdays b{display:block;color:var(--ink);font-size:.98rem} .w-empty{color:var(--muted);font-size:.9rem;margin:0} /* валюты */ .crow{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line-soft)} .crow:last-child{border-bottom:none;padding-bottom:0}.crow:first-child{padding-top:0} .crow .cur{display:flex;align-items:center;gap:10px;font-weight:650;font-size:.95rem} .crow .badge{width:30px;height:30px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;font-weight:800; font-size:.9rem;background:var(--surface-2);color:var(--ink-2)} .crow .cunit{color:var(--muted);font-weight:400;font-size:.8rem} .crow .val{text-align:right}.crow .val .n{font-weight:800}.crow .val .d{font-size:.78rem} .crow .val .up{color:var(--accent)}.crow .val .dn{color:var(--hot)} /* популярное */ .pop{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid var(--line-soft);align-items:baseline} .pop:last-child{border-bottom:none} .pop .rank{font-size:1.3rem;font-weight:900;color:var(--stitch);flex:0 0 26px;line-height:1} .pop:hover .rank,.pop:hover .pt{color:var(--accent)} .pop .pt{font-size:.92rem;font-weight:650;line-height:1.25} /* «В городе пишут» — внешние новости */ .press{display:block;padding:12px 0;border-bottom:1px solid var(--line-soft)} .press:last-of-type{border-bottom:none} .press-src{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;text-transform:uppercase; letter-spacing:.04em;color:var(--accent);margin-bottom:4px} .press-fav{width:14px;height:14px;border-radius:3px;flex:0 0 auto;background:var(--surface-2)} .press-t{display:block;font-size:.92rem;font-weight:650;line-height:1.28} .press:hover .press-t{color:var(--accent)} .press-date{display:block;color:var(--muted);font-size:.76rem;margin-top:4px} .press-note{color:var(--muted);font-size:.72rem;line-height:1.4;margin-top:12px;padding-top:10px; border-top:1px dashed var(--stitch)} a.press-note{display:block;color:var(--accent);text-decoration:none} a.press-note:hover{color:var(--accent-press)} /* Организации города (рельс) */ .org-mini{display:block;padding:11px 0;border-bottom:1px solid var(--line-soft)} .org-mini:last-of-type{border-bottom:none} .org-mini-t{display:block;font-size:.92rem;font-weight:700;line-height:1.28} .org-mini:hover .org-mini-t{color:var(--accent)} .org-mini-a,.org-mini-p{display:block;color:var(--muted);font-size:.78rem;margin-top:3px;line-height:1.35} /* сквозной блок «Организации города» в подвале (все страницы кроме главной) */ .foot-orgs{border-top:1px solid var(--line);background:var(--surface-2)} .foot-orgs>.ivc-wrap{padding:22px 0 26px} .foot-orgs .widget{background:none;border:none;box-shadow:none;padding:0;margin:0} .foot-orgs .whead{margin-bottom:10px} .foot-orgs .wbody{padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 26px} .foot-orgs .org-mini{padding:10px 0;border-bottom:1px solid var(--line-soft)} .foot-orgs a.press-note{grid-column:1 / -1;border-top:none;margin-top:8px} /* Топливо */ .fuel-rows{display:flex;flex-direction:column;margin-bottom:14px} .fuel-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft)} .fuel-row:last-child{border-bottom:none} .fuel-t{font-weight:700;flex:0 0 auto} .fuel-p{color:var(--ink-2);text-align:right;font-size:.9rem} .fuel-p b{color:var(--ink);font-weight:800;font-size:1rem} .fuel-range{color:var(--muted);font-size:.78rem;white-space:nowrap} /* ситуация с топливом */ .fuel-avail{margin-bottom:16px} .fuel-avail-h{display:flex;align-items:baseline;gap:8px;font-size:.92rem;color:var(--ink-2);margin-bottom:8px} .fuel-avail-h b{font-size:1.5rem;font-weight:850;color:var(--ink);letter-spacing:-.02em} .fuel-avail-sub{margin-left:auto;color:var(--muted);font-size:.8rem} .fuel-bar{height:9px;border-radius:6px;background:var(--surface-2);overflow:hidden;margin-bottom:9px} .fuel-bar span{display:block;height:100%;border-radius:6px;transition:width .3s} .fuel-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--ink-2)} .fuel-legend b{color:var(--ink)} .fuel-legend .fd{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px} .fd-y{background:var(--accent)} .fd-l{background:var(--amber)} .fd-n{background:var(--hot)} /* раскрытие / список АЗС */ .fuel-details{margin-bottom:12px;border-top:1px dashed var(--stitch);padding-top:10px} .fuel-details>summary{cursor:pointer;list-style:none;font-weight:700;font-size:.86rem;color:var(--accent); display:flex;align-items:center;gap:6px} .fuel-details>summary::-webkit-details-marker{display:none} .fuel-details>summary::before{content:"▸";transition:transform .15s;display:inline-block} .fuel-details[open]>summary::before{transform:rotate(90deg)} .fuel-list{display:flex;flex-direction:column;margin-top:10px} .fuel-azs{display:block;padding:9px 0;border-bottom:1px solid var(--line-soft)} .fuel-azs:last-child{border-bottom:none} .fuel-azs-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px} .fuel-azs-n{font-weight:650;font-size:.9rem} .fuel-azs-p{font-weight:800;font-size:.88rem;white-space:nowrap;color:var(--ink-2)} .fuel-azs-a{display:block;color:var(--muted);font-size:.78rem;margin-top:2px} .fst{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:5px} .fst-y{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)} .fst-l{background:color-mix(in srgb,var(--amber) 24%,transparent);color:var(--amber)} .fst-n{background:color-mix(in srgb,var(--hot) 18%,transparent);color:var(--hot)} .fst-u{background:var(--surface-2);color:var(--muted)} .fuel-more{color:var(--muted);font-size:.8rem;padding-top:8px} .fuel-src{color:var(--muted);font-size:.76rem} .fuel-src a{color:var(--muted);text-decoration:underline} .fuel-src a:hover{color:var(--accent)} .fuel-links{display:flex;flex-direction:column;gap:8px} .fuel-btn{display:block;text-align:center;padding:10px;border-radius:10px;font-weight:750;font-size:.9rem; background:var(--accent);color:var(--accent-ink)} .fuel-btn:hover{background:var(--accent-press)} /* промо / VK */ .promo{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),var(--surface)); border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));text-align:center;padding:22px 18px} .promo b{display:block;font-size:1.05rem;font-weight:850} .promo p{color:var(--ink-2);font-size:.88rem;margin:7px 0 14px} .vk-widget{display:flex;align-items:center;gap:14px;padding:16px} .vk-widget .vk-ic{width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:#0077FF;color:#fff; display:grid;place-items:center;font-weight:800;font-size:.92rem} .vk-widget .vk-tx{flex:1} .vk-widget .vk-tx b{display:block;font-weight:800} .vk-widget .vk-tx span{color:var(--muted);font-size:.85rem} .vk-widget .btn-primary{background:#0077FF;color:#fff} .vk-widget .btn-primary:hover{background:#0067db} /* ========================================================================= ПОДВАЛ ========================================================================= */ .site-footer{margin-top:52px;background:var(--bg-2);border-top:1px solid var(--line)} .fgrid{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:44px 0 26px} .fabout .fbrand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.4rem;letter-spacing:-.02em} .fabout .fbrand .wordmark b{color:inherit} .fbrand .logo-badge .mark{width:34px} .fabout p{color:var(--muted);font-size:.9rem;margin:12px 0 14px;max-width:34ch} .fsoc{display:flex;gap:10px} .fnav h4{margin:0 0 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} .fnav a{display:block;color:var(--ink-2);padding:5px 0;font-size:.93rem} .fnav a:hover{color:var(--accent)} .fwarn{color:var(--muted);font-size:.8rem;line-height:1.5;padding:14px 0;border-top:1px dashed var(--stitch)} .fbot{border-top:1px solid var(--line);padding:18px 0;display:flex;flex-wrap:wrap;gap:12px; justify-content:space-between;color:var(--muted);font-size:.84rem} .fbot a{color:var(--ink-2)} .fbot a:hover{color:var(--accent)} @media(max-width:820px){.fgrid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}} /* End */ /* /local/templates/modern/css/accessibility.css?178392895011415 */ /* /local/templates/modern/styles.css?178392692515012 */ /* /local/templates/modern/template_styles.css?178394986130903 */