/* Load last in : overrides BS5 system-ui stack + late component CSS (TM2, etc.). */ :root { --bs-font-sans-serif: "Roboto", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; --bs-body-font-family: var(--bs-font-sans-serif); } html { font-family: var(--bs-font-sans-serif); scrollbar-gutter: stable; } body { font-family: var(--bs-body-font-family); } .navbar, .navbar-nav, .navbar-nav .nav-link, .navbar-brand, .navbar-text, #main-menu, #headernavigation, #headernavigation a { font-family: var(--bs-font-sans-serif); } /* BS5: горизонтальный ряд пунктов только на широком экране (≥1200px), иначе до xl меню + абсолютный поиск не помещаются и наезжают друг на друга. */ @media (min-width: 1200px) { #main-menu #headernavigation, #main-menu .navbar-collapse > ul.navbar-nav { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } } /* Desktop (xl и выше): одна полоса, лого, горизонтальное меню, поиск справа. Often in DB markup .navbar-collapse comes before .navbar-header — BS3 floats hid that; BS5 flex keeps source order, so we reorder and drop the stray .navbar-form top margin. */ @media (min-width: 1200px) { #main-menu.navbar { display: flex; align-items: center; } #main-menu > .container, #main-menu > .container-fluid { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; column-gap: 0; width: 100%; flex: 1 1 auto; min-width: 0; position: relative; /* По форме — последний ребёнок контейнера; отступ между меню и поиском задаёт сама форма (margin-inline-start). */ } /* Логотип: ровно по вертикали в полосе navbar (80px в теме) */ #main-menu .navbar-header { order: -1; float: none !important; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; align-self: stretch; column-gap: 0.75rem; flex: 0 0 auto; width: auto; max-width: none; margin: 0; background-color: transparent !important; min-height: 80px; } #main-menu .navbar-header .navbar-brand { display: inline-flex; align-items: center; align-self: center; min-height: 80px; line-height: 1.15 !important; padding-block: 0; box-sizing: border-box; } #main-menu .navbar-header .navbar-brand h1 { margin: 0; line-height: inherit; display: flex; align-items: center; } #main-menu .navbar-collapse { float: none !important; flex: 1 1 auto; min-width: 0; display: flex !important; align-items: center; justify-content: flex-start; align-self: stretch; /* комфортный отступ первого пункта от логотипа */ padding-inline-start: clamp(1.25rem, 2.8vw, 2.25rem); } #main-menu .navbar-collapse.collapse { display: flex !important; height: auto !important; overflow: visible !important; padding-bottom: 0; } #main-menu #headernavigation, #main-menu .navbar-collapse > ul.navbar-nav { flex-wrap: nowrap; flex: 0 1 auto; min-width: 0; max-width: 100%; justify-content: flex-start; column-gap: clamp(0.65rem, 1.2vw, 1.1rem); row-gap: 0.25rem; } /* Тема задаёт .navbar-nav > li > a { font-size: .6em } — +2px к расчётному размеру */ #main-menu #headernavigation.navbar-nav > li > a, #main-menu .navbar-collapse > ul.navbar-nav > li > a { font-size: calc(0.6em + 2px) !important; white-space: nowrap; } #main-menu .navbar-form, #main-menu form.navbar-form, #main-menu form.sisea-search-form { flex: 0 0 auto; flex-shrink: 0; margin: 0 !important; margin-inline-start: clamp(0.5rem, 1.2vw, 1rem) !important; padding-top: 0; padding-bottom: 0; align-self: center; position: relative; right: auto; top: auto; inset-inline-end: auto; transform: none; z-index: auto; max-width: min(200px, 42vw); } /* Тема: .navbar-form .form-control { color: #fff } под тёмный фон — при белом фоне (ниже) текст исчезает, пока не сработает BS5 :focus */ #main-menu .navbar-form input.form-control, #main-menu form.navbar-form input.form-control, #main-menu form.sisea-search-form input.form-control { background-color: #fff; color: var(--bs-body-color, #212529); } #main-menu .navbar-form input.form-control::placeholder, #main-menu form.navbar-form input.form-control::placeholder, #main-menu form.sisea-search-form input.form-control::placeholder { color: var(--bs-secondary-color, #6c757d); opacity: 1; } /* Тема часто скрывает гамбургер с 768px — на xl снова скрываем (горизонтальное меню). */ #main-menu .navbar-toggle { display: none !important; } } /* Боковой фильтр (TM2 / kompanii): ± у заголовков — тема .panel-group .panel-title a:before { right: 12px } */ .fltr_comp.panel-group .panel-title a:before { right: 22px; } /* TM2: чекбоксы в строках фильтра — цвет отмеченного состояния как у темы (не системный синий) */ .filter_row input[type='checkbox'] { accent-color: var(--pgt-hero-accent, #00c1b2); } /* BS5 Reboot: a { text-decoration: underline } — убираем во всех уровнях выпадающего меню */ #main-menu ul.sub-menu a, #main-menu ul.sub-menu a:hover, #main-menu ul.sub-menu a:focus, #main-menu ul.sub-menu a:focus-visible, #main-menu ul.sub-menu a:active { text-decoration: none !important; } /* Аккордеоны (.panel-title a): в теме line-height:40px — при переносе текста строки сильно разъезжаются; BS5 Reboot даёт underline. .fltr_comp .panel-title a (0,2,1) сильнее — фильтр на kompanii без изменений. */ .panel-title a { line-height: 1.35; text-decoration: none; } .panel-title a:hover, .panel-title a:focus, .panel-title a:focus-visible, .panel-title a:active { text-decoration: none; } /* .btn-light-red: в покое прозрачный фон; рамка/hover как у .btn-secondary.btn-effect */ .btn.btn-light-red { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1.25 !important; color: #000 !important; background-color: transparent !important; border: 1px solid rgba(0, 0, 0, 0.18) !important; box-sizing: border-box !important; } .btn.btn-light-red:hover, .btn.btn-light-red:focus, .btn.btn-light-red:focus-visible, .btn.btn-light-red:active { border-color: #00c1b2 !important; background-color: rgba(0, 193, 178, 0.1) !important; color: #000 !important; } .btn.btn-light-red.btn-effect::after, .btn.btn-light-red.btn-effect:hover::after { display: none !important; content: none !important; } /* «Добавить компанию» (dobavit-kompaniyu): только эта ссылка — белый текст и рамка в покое */ .btn.btn-light-red[href*="dobavit-kompaniyu"] { color: #fff !important; border-color: #fff !important; } .btn.btn-light-red[href*="dobavit-kompaniyu"]:hover, .btn.btn-light-red[href*="dobavit-kompaniyu"]:focus, .btn.btn-light-red[href*="dobavit-kompaniyu"]:focus-visible, .btn.btn-light-red[href*="dobavit-kompaniyu"]:active { border-color: #00c1b2 !important; background-color: rgba(0, 193, 178, 0.1) !important; color: #000 !important; } /* .btn-light-yellow: BS5 идёт после style_2min и даёт .btn { border-width: 1px }; hover/override с 2px — кнопка «растёт». Плюс был баг .btn-*-btn-bg:hover → transparent (см. style_2min). AjaxForm (full-width): бирюзовая кнопка с «нижней» тенью — как макет формы. */ .btn.btn-light-yellow:not(.full-width) { box-sizing: border-box !important; border: 2px solid #e0c124 !important; } .btn.btn-light-yellow.full-width.btn-bg, input[type='submit'].btn.btn-light-yellow.full-width.btn-bg { box-sizing: border-box !important; color: #ffffff !important; background-color: #00c0a8 !important; border: none !important; border-radius: 7px !important; box-shadow: 0 4px 0 #00a894 !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.03em; } .btn.btn-light-yellow.full-width.btn-bg:hover, .btn.btn-light-yellow.full-width.btn-bg:focus, .btn.btn-light-yellow.full-width.btn-bg:focus-visible, input[type='submit'].btn.btn-light-yellow.full-width.btn-bg:hover, input[type='submit'].btn.btn-light-yellow.full-width.btn-bg:focus, input[type='submit'].btn.btn-light-yellow.full-width.btn-bg:focus-visible { color: #ffffff !important; background-color: #00b39a !important; border: none !important; box-shadow: 0 4px 0 #009884 !important; } .btn.btn-light-yellow.full-width.btn-bg:active, input[type='submit'].btn.btn-light-yellow.full-width.btn-bg:active { color: #ffffff !important; background-color: #00a894 !important; border: none !important; box-shadow: 0 2px 0 #008876 !important; transform: translateY(2px); } .btn.btn-light-yellow.btn-bg:not(.full-width):hover, .btn.btn-light-yellow.btn-bg:not(.full-width):focus, .btn.btn-light-yellow.btn-bg:not(.full-width):focus-visible, .btn.btn-light-yellow.btn-bg:not(.full-width):active { color: #ffffff !important; background-color: #e0c124 !important; border-color: #e0c124 !important; } /* BS3-хвост в style1_min: `.btn:hover { color: #333 }` идёт после bootstrap-5.3.3 и перебивает BS5 — на серой кнопке (в т.ч. «Показать контакты» / a.btn-secondary.btn-bg) текст становится чёрным. */ .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:focus-visible { color: var(--bs-btn-hover-color, #fff) !important; } .btn.btn-secondary:active, .btn.btn-secondary.active, .btn.btn-secondary.show { color: var(--bs-btn-active-color, #fff) !important; } /* Виджет «Акции» (sidebar): заливка на всю карточку + 5px между вложенными блоками */ .widget.widget_accordion .widget-title { margin-bottom: 5px; } .widget.widget_accordion .panel-group { display: flex; flex-direction: column; gap: 5px; } .widget.widget_accordion .card.panel-default { background-color: #f8f9fa; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.25rem; overflow: hidden; } /* Тема красит только .panel-title a (#1fb5ac); padding .card-header (BS5) даёт «белую рамку» */ .widget.widget_accordion .card.panel-default > .card-header { padding: 0; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .widget.widget_accordion .card.panel-default > .card-header .panel-title { margin: 0; } .widget.widget_accordion .card.panel-default > .card-header .panel-title a { display: block; width: 100%; box-sizing: border-box; } .widget.widget_accordion .card.panel-default > .panel-collapse { background-color: transparent; } .widget.widget_accordion .card.panel-default .card-body { display: flex; flex-direction: column; gap: 5px; } /* Текстовый виджет: в теме `.page p { text-align: justify }` — абзац только с кнопкой .btn даёт лишний зазор слева */ aside.widget.text-widget .textwidget p { text-align: left; text-justify: auto; word-spacing: normal; } aside.widget.text-widget .textwidget p > a.btn { margin-left: 0 !important; } /* Заголовок + «Где купить?» (a.buy): 34px высота, без лишних margin/padding, столбец вправо, без перекрытия текста */ .row:has(> [class*='col-'] > a.buy.btn) { align-items: center; } .row > [class*='col-']:has(> a.buy.btn) { display: flex; justify-content: flex-end; align-items: center; } a.buy.btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; width: auto !important; max-width: 100%; box-sizing: border-box !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 12px !important; margin: 0 !important; line-height: 1 !important; } /* Вложенный .col-md-12 в основной колонке: BS3-хвосты в style1_min/style_2min дают padding 15px + float. В разметке часто .col-md-9 > div > … > .col-md-12 — селектор «> .col-md-12» не срабатывал. */ .col-md-9 .col-md-12, .col-lg-9 .col-md-12, .col-md-8 .col-md-12, .col-lg-8 .col-md-12, .col-md-6 .col-md-12, .col-lg-6 .col-md-12 { float: none !important; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; padding-inline: 0 !important; box-sizing: border-box !important; } /* Лид-картинка в начале статьи: на всю ширину колонки, пропорции сохраняем. Варианты MODX:

,


текст… (страница «Заборы»),

…,

… Только первый

прямого потомка обёртки контента — остальные иллюстрации в статье не трогаем. Не затрагиваем миниатюры во вкладках (.tabs-container) и прочий контент. */ .page .col-md-9 > div > p:first-of-type > img:only-child, .page .col-lg-9 > div > p:first-of-type > img:only-child, .page .col-md-9 .col-md-12 > div > p:first-of-type > img:only-child, .page .col-lg-9 .col-md-12 > div > p:first-of-type > img:only-child, .page .col-md-9 > div > p:first-of-type > img:first-child, .page .col-lg-9 > div > p:first-of-type > img:first-child, .page .col-md-9 .col-md-12 > div > p:first-of-type > img:first-child, .page .col-lg-9 .col-md-12 > div > p:first-of-type > img:first-child, .page .col-md-9 > div > img:first-child, .page .col-lg-9 > div > img:first-child, .page .col-md-9 .col-md-12 > div > img:first-child, .page .col-lg-9 .col-md-12 > div > img:first-child, .page .col-md-9 > div > h1:first-child > img:only-child, .page .col-lg-9 > div > h1:first-child > img:only-child, .page .col-md-9 .col-md-12 > div > h1:first-child > img:only-child, .page .col-lg-9 .col-md-12 > div > h1:first-child > img:only-child { display: block; width: 100%; max-width: 100%; height: auto; box-sizing: border-box; } /* Страница «Заборы»: подряд идущие фото в основной колонке (часто
) — небольшой вертикальный зазор */ .page.zabory .col-md-9 img + img, .page.zabory .col-lg-9 img + img, .page.zabory .col-md-9 br + img, .page.zabory .col-lg-9 br + img { margin-top: 0.75rem; } /* Секция после картинок без закрывающего

(напр. кирпич → брик): иначе .row заголовка прилипает к последнему img */ .page.zabory .col-md-9 img + .row, .page.zabory .col-lg-9 img + .row { margin-top: 1rem; } /* Вкладки: 4px слева/справа у всего блока (nav + панели), вложенные — те же правила. Вертикаль как в теме. */ .tabs-container { padding-left: 4px; padding-right: 4px; box-sizing: border-box; } .tabs-container > .tab-content { padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 0 !important; padding-right: 0 !important; padding-inline: 0 !important; } /* Вложенный блок вкладок — отступ сверху от текста внешней панели */ .tabs-container > .tab-content > .tab-pane .tabs-container { margin-top: 1.25rem; } /* Блог-сайдбар: одинаковые промежутки между виджетами. В style1_min у .widget padding-bottom: 80px, а первый