/* Novotec — правки/дополнения поверх ассетов зеркала (WP-версия). */ /* --- Таблица характеристик товара --- */ .novotec-specs{width:100%;border-collapse:collapse;margin:10px 0 20px} .novotec-specs th,.novotec-specs td{border:1px solid #e3e6ea;padding:9px 14px;text-align:left;vertical-align:top;font-size:14px;line-height:1.5} .novotec-specs .novotec-specs__section td{background:#16202e;color:#fff;font-weight:600;font-size:15px} .novotec-specs td:first-child{width:34%;color:#333;font-weight:500;background:#f6f8fa} .novotec-specs td:last-child{color:#444} .novotec-accessories{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0} .novotec-accessories img{width:90px;height:90px;object-fit:contain;border:1px solid #eee;border-radius:6px;background:#fff} /* --- «Цена по запросу» + кнопка --- */ .novotec-por{display:flex;align-items:center;gap:16px;margin:16px 0} .novotec-por__text{font-size:20px;font-weight:700;color:#16202e} .novotec-por__btn{display:inline-block;padding:11px 26px;border-radius:6px;background:#1670c9;color:#fff;font-weight:600;text-decoration:none;transition:background .2s} .novotec-por__btn:hover{background:#0f579c;color:#fff} /* --- Фиксы вёрстки (перенесены из novotec-lang.js статики) --- */ .nv-fcol{} /* колонки подвала уже col-md-4 в footer.php */ .mySwiper-el,.solution-swiper,.swiper-initialized{overflow:hidden} [class*="technology-details-item-content-child"]{min-width:0;max-width:100%} [class*="grandchild-item"] a,[class*="sitemap-item"] a{overflow-wrap:break-word;word-break:break-word} .footer-contact li{display:block;margin-bottom:8px} .footer-contact li strong{display:block;color:#fff;font-weight:600} .footer-contact li span{color:#b7bfc9} /* --- Мега-меню продуктов --- */ .mega-products .mega-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 24px;list-style:none;margin:0;padding:18px 0} .mega-products .mega-item a{color:#333;text-decoration:none;font-size:14px} .mega-products .mega-item a:hover{color:#1670c9} /* --- Каталог: карточка «Цена по запросу» в списке --- */ .woocommerce ul.products li.product .price{display:none} /* --- Шрифт: OpenSans должен побеждать bootstrap --- */ body,.novotec{font-family:"OpenSans-Regular","Helvetica Neue",Arial,sans-serif} h1,h2,h3,h4,.footer-title{font-family:"OpenSans-Bold","OpenSans-Semibold","Helvetica Neue",Arial,sans-serif} /* мёртвая капча prod-api */ img[src*="/prod-api/"]{display:none!important} /* блок «Пресса о Сунелле» на главной (client: убрать) — на главной .home-about это ТОЛЬКО пресса */ .home-about{display:none!important} /* логотип шапки */ .navbar-brand img,.header-logo{max-height:44px;width:auto} .footer-logo img{max-height:40px;width:auto} /* Шапка: прозрачная (.lucency) на страницах с баннером и главной, сплошная (без .lucency) на bannerless — переключается в header.php по контенту; здесь ничего не форсим (иначе бел-на-белом). */ /* Позиция шапки — как на зеркале: solid (без баннера) = STICKY (в потоке, контент/крошки идут ПОД шапкой); баннерные (.lucency) остаются как заданы в index.css (перекрывают hero). Причина фикса: index.css форсит .head-section{position:fixed} для ВСЕХ → на bannerless фикс-шапка вынималась из потока и перекрывала первый элемент (крошки .breadcrumb уезжали в top:0 под шапку и были невидимы). :not(.lucency) выигрывает у .head-section по специфичности, !important не нужен. */ .head-section:not(.lucency){position:sticky;top:0} /* about-us: свайперы «вех» (.milestones) и лого-партнёров (.picker-swiper) ограничены height:360px как на зеркале. На WP пер-страничное правило height не подгрузилось → контейнеры разъезжались до ~1626px (все 23 слайда стопкой) = раздутая страница ~5.5k px + белые поля + тормоза рендера. Возвращаем высоту как на оригинале. */ .picker-swiper,.milestones .swiper-container{height:360px} .novotec-main{padding-bottom:50px} /* --- Карточка товара: галерея/фото --- */ .woocommerce div.product div.images{float:left;width:46%;margin-bottom:2em} .woocommerce div.product div.summary{float:right;width:50%} .woocommerce div.product div.images img{max-width:100%;height:auto;border:1px solid #eee} .woocommerce div.product{overflow:hidden} .woocommerce div.product .product_title{font-size:26px;color:#16202e;margin-bottom:14px} .woocommerce-breadcrumb{margin-bottom:18px;color:#888;font-size:13px} /* каталог: карточки */ .woocommerce ul.products li.product h2,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;color:#1670c9;padding:10px 0} .woocommerce ul.products li.product img{border:1px solid #f0f0f0} /* --- Категория: сетка карточек (как статика .product_message) --- */ .product-category-wrap{padding-top:24px} .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:24px 0} .product_message{display:block;border:1px solid #eef0f2;border-radius:10px;padding:20px;text-decoration:none;background:#fff;transition:box-shadow .25s,transform .25s} .product_message:hover{box-shadow:0 12px 30px rgba(22,32,46,.12);transform:translateY(-4px)} .product_img{height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:14px} .product_message_img{max-width:100%;max-height:100%;object-fit:contain} .product_title{font-size:16px;font-weight:600;color:#16202e;text-align:center;margin-bottom:8px} .product_text{font-size:13px;color:#7a828c;line-height:1.5;text-align:center;margin:0} .product-banner img{width:100%;height:auto;display:block} /* .product-banner-title цвет/размер НЕ форсим — его задаёт per-page CSS (solutions-detail.css/категория), там он белый над баннером; мой прежний #16202e делал его тёмным на решениях/категории */ .product-description{color:#66707b;max-width:900px;line-height:1.6} .breadcrumbs{padding:14px 0;color:#9aa2ab;font-size:13px} .search-product-header{margin:8px 0 4px;color:#8a929c;font-size:14px} @media(max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:700px){.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}} /* --- Форма запроса --- */ .request-section{background:#f5f7f9;padding:56px 0;margin-top:40px} .request-title{text-align:center;font-size:28px;color:#16202e;margin-bottom:10px} .request-sub{text-align:center;color:#66707b;margin-bottom:30px} .request-form{max-width:1000px;margin:0 auto} .request-row{display:flex;gap:24px;margin-bottom:18px;flex-wrap:wrap} .request-form .form-group{flex:1;min-width:220px} .request-form .form-group--full{flex-basis:100%} .request-form label{display:block;font-size:13px;color:#55606b;margin-bottom:6px} .request-form label span{color:#e11d48} .request-form input,.request-form textarea{width:100%;padding:11px 14px;border:1px solid #d5dbe1;border-radius:6px;font-size:14px;background:#fff} .request-submit{display:block;margin:8px auto 0;padding:13px 40px;background:#1670c9;color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer} .request-submit:hover{background:#0f579c} .request-submit-wrap{text-align:center} .request-status{display:block;margin-top:12px;color:#1e7e34;font-size:14px} /* Центр загрузки: восстановить потерянный инлайн-