/* g4static.css — F8 (волна 8, 06.09.2026; волна 9, 11.09.2026 — плитки писем): статические разделы (/help/, /company/, /contacts/, /otzyvy/, /sale/, /blog/,
   /info/, /services/, /projects/, /landings/, /soglasie-na-reklamy/). Подключение: local/g4w7/85-static.head.php.
   Правила — под уникальные .g4st-* и заведомо «больные» вложения; каталог/карточку/корзину не задевают
   (замерено: на /catalog/, разделе, /blog/, /sale/ .middle > .left_block = 0, файл на карточке/в корзине не грузится вовсе). */

/* п.1/34: страховка от «куска мобильного меню» — ul.left_menu, попавший ВНУТРЬ контентной колонки
   (тело страницы было сохранено вместе с обёртками темы и сайдбаром; сами файлы исправлены, это защита на будущее). */
#content .right_block .middle > .left_block{display:none!important}

/* п.33 (волна 8) + волна 9, 11.09.2026 (владелец: «при наведении благодарочки должны реагировать, высветляться» — /company/ и
   /otzyvy/index.php/): единый стиль «плитка письма»: рамка #e5e5e5, радиус 12, фон #fff; hover — подъём translateY(-3px),
   тень 0 8px 24px rgba(0,0,0,.14), картинка светлеет brightness(1.06), 180 мс ease-out, курсор pointer.
   Контейнер — флекс-ряд с переносом (зазор 12) и overflow:visible, чтобы тень/подъём не срезались (в волне 8 контейнер был
   overflow-x:auto — он же режет overflow-y, тень приходилось прятать в поля). Замер 11.09: на /company/ 5 писем (833 px) < колонки 1026,
   прокрутка на десктопе и так не нужна; на мобилке (<768) лента /company/ остаётся горизонтальной, как принято в волне 8.
   Ряд /otzyvy/ (22 письма, модификатор .g4st-letters--wrap) переносится на всех ширинах: горизонтальной прокрутки нет нигде.
   Боковых полей у контейнера нет (в волне 8 были 10 px под тень внутри скролл-контейнера): плитки стоят по краю текста, и на планшете
   900 (колонка 840) 5 писем /company/ (833 px) помещаются в один ряд — замер 11.09: с полями ряд ломался на 4+1. */
.g4st-letters{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 0;padding:10px 0 14px}
.g4st-letters noindex{display:block;flex:0 0 auto;line-height:0}
.g4st-letters a{flex:0 0 auto;display:block;position:relative;border-radius:12px;overflow:hidden;border:1px solid #e5e5e5;line-height:0;background:#fff;cursor:pointer;transition:transform .18s ease-out,box-shadow .18s ease-out}
.g4st-letters a:hover{z-index:2;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.g4st-letters img{display:block;width:155px;height:220px;object-fit:contain;background:#fff;border:0;transition:filter .18s ease-out}
.g4st-letters a:hover img{filter:brightness(1.06)}
.g4st-letters--wrap{margin:8px 0 28px}
@media (max-width:767px){
  .g4st-letters:not(.g4st-letters--wrap){flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin}
  .g4st-letters:not(.g4st-letters--wrap) a{scroll-snap-align:start}
}

/* п.35: кнопка «Показать еще» в списках новостей (/company/news/) и статей (/blog/) — по правилу владельца
   (кнопок «показать ещё» нигде); цифровой пейджер остаётся. */
.news2 .bottom_nav .ajax_load_btn,.banners-small.blog .bottom_nav .ajax_load_btn{display:none!important}

/* 21.09 (команда владельца): бесконечная подгрузка статей в /blog/ (local/g4blog.js). Цифры страниц прячем только когда
   скрипт включился (класс g4blog-inf) — без JS и для поисковиков пейджер остаётся. Маячок — 1px; индикатор показываем
   лишь если человек обогнал предзагрузку. */
.banners-small.blog.g4blog-inf .bottom_nav .module-pagination{display:none}
.g4blog-sentinel{height:1px;position:relative;margin:0 0 20px}
.g4blog-sentinel.is-loading{height:44px}
.g4blog-sentinel.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border:3px solid #ffd6bb;border-top-color:#f60;border-radius:50%;animation:g4blogspin .8s linear infinite}
@keyframes g4blogspin{to{transform:rotate(360deg)}}

/* ═══ g4-tabs-grid — 23.09.2026, тест владельца 22.09 («табы разных размеров как в ПК, так и в мобильной») ═══
   Раздел «Вопрос-ответ»: табы рисовались float'ом по ширине текста (замер: 142–238 px) и
   складывались рваной лесенкой — «Оптовикам» прилипал сбоку к «Заказ и самовывоз». Кладём их
   сеткой одинаковых ячеек: на ПК — один ряд равных табов, на телефоне — ровно две колонки.
   Рамки стыкуются как раньше (отрицательные margin у <a> темы не трогаем). */
.item-views .tabs ul.nav-tabs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.item-views .tabs ul.nav-tabs > li {
	float: none;
	width: auto;
	display: block;
}
.item-views .tabs ul.nav-tabs > li > a {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-left: 12px;
	padding-right: 12px;
}
/* clearfix-bootstrap: bootstrap вешает на .nav клиринговые ::before/::after — в grid-контейнере они
   становятся ПОЛНОЦЕННЫМИ ячейками и сдвигают первый таб в правую колонку (видно на 390 px). */
.item-views .tabs ul.nav-tabs::before,
.item-views .tabs ul.nav-tabs::after { content: none; display: none; }
@media (max-width: 767px) {
	.item-views .tabs ul.nav-tabs { grid-template-columns: repeat(2, 1fr); }
}

/* 17.10.2026 (ТЗ Т4): картинки в тексте статьи — пропорции из width/height (их проставляет result_modifier.php
   шаблона news.detail/blog). Без height:auto атрибут height держал высоту, а ширина ужималась до экрана — на телефоне
   картинка 871×490 рисовалась 360×453. С inline-стилем высоты — не трогаем. */
.detail.blog .content img[width][height]:not([style*="height"]) { max-width: 100%; height: auto; }

/* 17.10.2026 (ТЗ Т4): статья на телефоне (≤600 px). Тема на DOMContentLoaded переносит «Поделиться» к заголовку,
   и её правило .share.top+h1 даёт заголовку padding-right:45px — заголовок переносился ещё на строку, и вся статья
   съезжала на 22–32 px (замер: 0,05 CLS). Тот же отступ — с первой отрисовки, пока «Поделиться» ещё в тексте статьи. */
@media (max-width: 600px) {
	body:has(.detail.blog > .line_block.share.top) .top_inner_block_wrapper.maxwidth-theme section .page-top-main > h1 { padding-right: 45px !important; }
}