/* ===== КАТАЛОГ ПРОДУКЦИИ /shop/ — РЕДИЗАЙН (сайдбар-фасеты + сетка/таблица) ===== */
.catalog-layout{
--shop-blue:#2A7DBE;
--shop-blue-light:#46A1E8;
--shop-blue-dark:#1E6BA8;
--shop-ink:#22303C;
--shop-muted:#6B7A87;
--shop-line:#E6EBF0;
--shop-bg:#EEF3F8;
--shop-radius:14px;
--shop-shadow:0 2px 12px rgba(20,50,80,.06);
--shop-shadow-hover:0 12px 28px rgba(20,50,80,.14);
display:grid;
grid-template-columns:280px 1fr;
gap:28px;
align-items:start;
color:var(--shop-ink);
}
.catalog-layout *{box-sizing:border-box}
/* ===== БОКОВЫЕ ФИЛЬТРЫ ===== */
.shop-facets{background:#fff;border-radius:var(--shop-radius);box-shadow:var(--shop-shadow);padding:8px 20px 20px;position:sticky;top:16px}
.shop-facet{border-bottom:1px solid var(--shop-line);padding:16px 0}
.shop-facet:last-of-type{border-bottom:none}
.shop-facet--search{padding-top:18px}
.shop-facet-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;font-size:15px;user-select:none;color:var(--shop-ink)}
.shop-facet-head .shop-chev{transition:transform .25s;color:var(--shop-muted)}
.shop-facet.collapsed .shop-facet-head .shop-chev{transform:rotate(-90deg)}
.shop-facet-body{margin-top:14px;display:block}
.shop-facet.collapsed .shop-facet-body{display:none}
/* поиск */
.shop-search-box{position:relative}
.shop-search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--shop-muted);pointer-events:none}
.shop-search-box input{width:100%;padding:11px 36px 11px 38px;border:1px solid var(--shop-line);border-radius:10px;font-size:14px;color:var(--shop-ink);background:#fff;transition:.2s}
.shop-search-box input:focus{outline:none;border-color:var(--shop-blue-light);box-shadow:0 0 0 3px rgba(70,161,232,.15)}
.shop-clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:var(--shop-bg);width:22px;height:22px;border-radius:50%;color:var(--shop-muted);cursor:pointer;font-size:13px;line-height:1;display:none;align-items:center;justify-content:center;padding:0}
.shop-search-box.has-value .shop-clear-search{display:flex}
/* опции-чекбоксы */
.shop-facet-opt{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:var(--shop-ink);cursor:pointer;margin:0}
.shop-facet-opt input{accent-color:var(--shop-blue);width:16px;height:16px;margin:0;flex:none}
.shop-facet-opt .shop-count{margin-left:auto;font-size:12px;color:var(--shop-muted);background:var(--shop-bg);padding:1px 8px;border-radius:10px}
.shop-facet-opt:hover{color:var(--shop-blue)}
/* дерево категорий */
.shop-cat-node{margin-bottom:1px}
.shop-cat-parent{display:flex;align-items:center;gap:4px}
.shop-cat-parent .shop-facet-opt{flex:1;min-width:0}
.shop-cat-toggle{border:none;background:none;cursor:pointer;color:var(--shop-muted);width:22px;height:28px;display:flex;align-items:center;justify-content:center;flex:none;font-size:10px;transition:transform .2s;padding:0}
.shop-cat-toggle.open{transform:rotate(90deg)}
.shop-cat-toggle.empty{visibility:hidden}
.shop-cat-children{display:none;margin-left:24px;padding:2px 0 6px 8px;border-left:1px solid var(--shop-line)}
.shop-cat-children.open{display:block}
.shop-cat-children .shop-facet-opt{padding:5px 0;font-size:13px}
/* диапазон веса */
.shop-range-row{display:flex;align-items:center;gap:8px;margin-top:4px}
.shop-range-row input[type=number]{width:100%;padding:9px 10px;border:1px solid var(--shop-line);border-radius:8px;font-size:13px;color:var(--shop-ink);background:#fff}
.shop-range-row span{color:var(--shop-muted)}
/* тумблер */
.shop-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;font-size:14px;cursor:pointer;color:var(--shop-ink)}
.shop-switch{position:relative;width:42px;height:24px;flex:none}
.shop-switch input{opacity:0;width:0;height:0;margin:0}
.shop-slider{position:absolute;inset:0;background:#CcD6DF;border-radius:20px;transition:.25s}
.shop-slider::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.25s}
.shop-switch input:checked + .shop-slider{background:var(--shop-blue-light)}
.shop-switch input:checked + .shop-slider::before{transform:translateX(18px)}
.shop-facets-reset{width:100%;margin-top:18px;padding:11px;border:1px solid var(--shop-line);background:#fff;color:var(--shop-muted);border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}
.shop-facets-reset:hover{border-color:var(--shop-blue-light);color:var(--shop-blue)}
/* ===== ТУЛБАР ===== */
.shop-content{min-width:0}
.shop-toolbar{background:#fff;border-radius:var(--shop-radius);box-shadow:var(--shop-shadow);padding:14px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.shop-result-count{font-weight:700;font-size:15px;color:var(--shop-ink)}
.shop-result-count b{color:var(--shop-blue)}
.shop-spacer{flex:1}
.shop-sort-wrap{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--shop-muted)}
.shop-sort-wrap select{padding:9px 30px 9px 12px;border:1px solid var(--shop-line);border-radius:9px;font-size:14px;color:var(--shop-ink);background:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 10px center}
.shop-view-switch{display:flex;gap:6px;background:var(--shop-bg);border-radius:9px;padding:4px}
.shop-view-btn{width:38px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:7px;cursor:pointer;color:var(--shop-muted);transition:.2s;padding:0}
.shop-view-btn.active{background:linear-gradient(135deg,var(--shop-blue-light),var(--shop-blue));color:#fff;box-shadow:0 2px 8px rgba(70,161,232,.35)}
.shop-filter-mobile-btn{display:none}
/* активные фильтры (чипсы) */
.shop-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.shop-chips:empty{display:none}
.shop-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--shop-blue-light);color:var(--shop-blue);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}
.shop-chip button{border:none;background:none;cursor:pointer;color:var(--shop-blue-light);font-size:15px;line-height:1;padding:0}
.shop-chip-clear{color:var(--shop-muted);border:none;background:none;cursor:pointer;font-size:13px;text-decoration:underline;align-self:center}
/* ===== СЕТКА ===== */
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.shop-card{background:#fff;border-radius:var(--shop-radius);box-shadow:var(--shop-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .28s,box-shadow .28s;position:relative}
.shop-card:hover{transform:translateY(-6px);box-shadow:var(--shop-shadow-hover)}
.shop-card.is-hidden{display:none !important}
.shop-card__media{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#E6F0FF,#CCE0FF);overflow:hidden}
.shop-card__media-link{display:block;width:100%;height:100%}
.shop-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.shop-card__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#0066CC;opacity:.3}
.shop-card__badge{position:absolute;right:12px;top:12px;background:linear-gradient(135deg,#FFD700,#FFA500);color:#241a00;font-size:11px;font-weight:800;padding:5px 12px;border-radius:16px;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 2px 8px rgba(0,0,0,.18);line-height:1.2;white-space:nowrap}
.shop-card__body{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}
.shop-card__title{font-size:16px;font-weight:700;line-height:1.35;margin:0 0 12px;color:var(--shop-ink);text-decoration:none;display:block}
.shop-card__title:hover{color:var(--shop-blue)}
.shop-card__specs{display:flex;flex-direction:column;gap:1px;margin-bottom:14px}
.shop-spec{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:5px 0;border-bottom:1px dashed var(--shop-line)}
.shop-spec__k{color:var(--shop-muted);white-space:nowrap}
.shop-spec__v{font-weight:600;text-align:right;white-space:nowrap;color:var(--shop-ink)}
.shop-spec__v--size,
.shop-spec__v--weight{font-weight:600;text-align:right;white-space:nowrap;color:var(--shop-ink)}
.shop-grid .shop-spec__v--size,
.shop-grid .shop-spec__v--weight{
white-space:normal;
overflow-wrap:break-word;
word-break:break-word;
max-width:100%;
}
.shop-card__price{font-size:22px;font-weight:800;color:var(--shop-blue);margin:2px 0 14px}
.shop-card__price.is-contract{font-size:16px;font-weight:600;color:var(--shop-muted)}
.shop-card__actions{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.shop-btn{width:100%;text-align:center;padding:11px 12px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.2s;border:1px solid var(--shop-blue-light);white-space:normal;word-break:break-word;hyphens:auto;text-decoration:none;display:block;font-family:inherit}
.shop-btn--primary{background:var(--shop-blue-light);color:#fff}
.shop-btn--primary:hover{background:var(--shop-blue);border-color:var(--shop-blue);color:#fff}
.shop-btn--primary[disabled]{opacity:.6;cursor:default;background:var(--shop-muted);border-color:var(--shop-muted)}
.shop-btn--ghost{background:#fff;color:var(--shop-blue)}
.shop-btn--ghost:hover{background:#EAF4FD;color:var(--shop-blue)}
/* ===== ТАБЛИЧНЫЙ РЕЖИМ ===== */
.shop-list-head{display:none}
.shop-grid.is-list{grid-template-columns:1fr;gap:8px}
.shop-grid.is-list .shop-card{flex-direction:row;align-items:center;border-radius:10px;box-shadow:0 1px 4px rgba(20,50,80,.05);padding:8px 14px 8px 8px;gap:14px}
.shop-grid.is-list .shop-card:hover{transform:none;box-shadow:0 2px 10px rgba(20,50,80,.12)}
.shop-grid.is-list .shop-card__media{width:64px;height:64px;aspect-ratio:auto;border-radius:8px;flex:none}
.shop-grid.is-list .shop-card__badge{left:2px;right:auto;top:2px;font-size:9px;padding:2px 6px;border-radius:8px}
.shop-grid.is-list .shop-card__body{flex-direction:row;align-items:center;padding:0;gap:14px;flex:1;min-width:0}
.shop-grid.is-list .shop-card__title{flex:1.4 1 0;min-width:140px;margin:0;font-size:14px}
.shop-grid.is-list .shop-card__specs{flex-direction:row;gap:0;margin:0;flex:2 1 0;min-width:0}
.shop-grid.is-list .shop-spec{border:none;flex-direction:column;justify-content:center;gap:1px;padding:0 10px}
.shop-grid.is-list .shop-spec__k{font-size:10.5px}
.shop-grid.is-list .shop-spec__v{text-align:left;font-size:13px;white-space:nowrap}
.shop-grid.is-list .shop-spec__v--size,
.shop-grid.is-list .shop-spec__v--weight{
white-space:normal;
overflow-wrap:break-word;
word-break:break-word;
max-width:100%;
}
.shop-grid.is-list .shop-spec:nth-child(1){flex:1.6 1 0}
.shop-grid.is-list .shop-spec:nth-child(2){flex:1 1 0}
.shop-grid.is-list .shop-card__price{flex:0 0 130px;margin:0;font-size:17px;text-align:right;white-space:nowrap}
.shop-grid.is-list .shop-card__price.is-contract{font-size:14px;white-space:normal;line-height:1.2}
.shop-grid.is-list .shop-card__actions{margin:0;flex:0 0 140px;width:140px;flex-direction:row}
.shop-grid.is-list .shop-btn--primary{display:none} /* в таблице — только «Подробнее» */
.shop-grid.is-list .shop-btn--ghost{display:block;width:100%;padding:9px 12px;font-size:13px}
/* шапка таблицы */
.shop-view-list-active .shop-list-head{display:flex;align-items:center;padding:10px 14px 10px 86px;gap:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--shop-muted)}
.shop-view-list-active .shop-lh-title{flex:1.4 1 0;min-width:140px}
.shop-view-list-active .shop-lh-specs{flex:2 1 0;display:flex;min-width:0}
.shop-view-list-active .shop-lh-specs span{padding:0 10px;white-space:nowrap}
.shop-view-list-active .shop-lh-specs span:nth-child(1){flex:1.6 1 0}
.shop-view-list-active .shop-lh-specs span:nth-child(2){flex:1 1 0}
.shop-view-list-active .shop-lh-price{flex:0 0 130px;text-align:right}
.shop-view-list-active .shop-lh-act{flex:0 0 140px}
/* пустое состояние */
.shop-empty{display:none;text-align:center;padding:70px 20px;background:#fff;border-radius:var(--shop-radius);box-shadow:var(--shop-shadow)}
.shop-empty.show{display:block}
.shop-empty svg{color:var(--shop-blue-light);margin-bottom:18px}
.shop-empty h3{margin:0 0 8px;font-size:20px;color:var(--shop-ink)}
.shop-empty p{color:var(--shop-muted);margin:0 0 20px}
/* ===== АДАПТИВ ===== */
@media (max-width:1100px){
.catalog-layout{grid-template-columns:240px 1fr;gap:20px}
}
@media (max-width:900px){
.catalog-layout{grid-template-columns:1fr}
.shop-facets{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;z-index:9999;border-radius:0;transform:translateX(-105%);transition:transform .3s;overflow:auto;padding-top:60px}
.shop-facets.open{transform:none}
.shop-facets-backdrop{position:fixed;inset:0;background:rgba(20,40,60,.4);opacity:0;pointer-events:none;transition:.3s;z-index:9998}
.shop-facets-backdrop.show{opacity:1;pointer-events:auto}
.shop-facets-close{position:absolute;top:14px;right:14px;border:none;background:var(--shop-bg);width:34px;height:34px;border-radius:8px;font-size:18px;cursor:pointer}
.shop-filter-mobile-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--shop-blue-light);color:var(--shop-blue);background:#fff;border-radius:9px;font-weight:600;font-size:14px;cursor:pointer}
.shop-spec{flex-wrap:wrap;}
.shop-spec__v--size,
.shop-spec__v--weight{flex:1 1 100%;display:block;text-align:left;white-space:normal;overflow-wrap:break-word;word-break:break-word;margin-top:4px}
}
@media (min-width:901px){
.shop-facets-close,.shop-facets-backdrop{display:none}
}
@media (max-width:760px){
.shop-view-list-active .shop-list-head{display:none}
.shop-grid.is-list .shop-card{flex-wrap:wrap}
.shop-grid.is-list .shop-card__specs{flex:1 0 100%;order:3;border-top:1px dashed var(--shop-line);padding-top:6px;margin-top:4px}
.shop-grid.is-list .shop-card__title{flex:1;min-width:0}
}
@media (max-width:560px){
.shop-grid{grid-template-columns:1fr 1fr;gap:14px}
.shop-card__title{font-size:14px}
}
/* ===== ЛЕГАСИ: плашка акции на странице товара и старых карточках ===== */
/* Фикс: хлебные крошки (position:absolute, top:130/100/85px) наезжали на заголовок
товара, т.к. у main.single-card верхний отступ меньше высоты крошек.
Сдвигаем только H1 товара (класс title-h2-line-d уникален в main) — одно правило
закрывает все брейкпоинты и не затрагивает заголовки FAQ/формы и страницу каталога. */
/* На странице товара заголовок над карточкой убран (название и цветная полоса-акцент);
имя товара остаётся в самой карточке. Карточку подтягиваем ближе к меню (см. padding ниже). */
body.single-product .single-card.page-top .title-h2{ display: none; }
/* Название товара в карточке: балансируем строки, чтобы короткое слово/артикул
(«пр.») не оставалось висеть одно на отдельной строке. Старые браузеры просто
переносят как раньше (свойство игнорируется). */
.single-card__content-title{ text-wrap: pretty; text-wrap: balance; }
/* Подтягиваем карточку к меню: раньше большой верхний отступ давался под заголовок.
Шапка плавающая (~109–111px на десктоп/планшет, ~86px на ≤576), поэтому оставляем
ровно столько, чтобы карточка не уходила под меню, с небольшим ровным зазором (~11–16px).
Перебиваем !important из app.css той же специфичностью + !important. */
body.single-product .block-11.single-card.page-top{ padding-top: 124px !important; }
@media (max-width: 768px){ body.single-product .block-11.single-card.page-top{ padding-top: 120px !important; } }
@media (max-width: 576px){ body.single-product .block-11.single-card.page-top{ padding-top: 102px !important; } }
.single-card.page-top .title-h2-line-d{ margin-top: 80px; }
/* Длинные названия товара: ограничиваем ширину и делаем шрифт адаптивным,
чтобы заголовок не растягивался на всю страницу и не выезжал за синий блок.
Короткие названия остаются крупными в одну строку, длинные — переносятся на 2–3 строки. */
.single-card.page-top .title-h2-line-d .h2{
max-width: 600px;
font-size: clamp(22px, 2.4vw, 36px);
line-height: 1.18;
overflow-wrap: break-word;
}
/* Хлебные крошки товара перенесены ВНУТРЬ карточки (над фото) — на белый фон,
поэтому путь категорий помещается целиком в обычном тёмном цвете, без хаков и обрезки.
.single-card__box — flex-row (df-sp-st: фото + инфо); даём ему перенос, а крошки занимают
первую строку на всю ширину, фото/инфо переносятся ниже. */
body.single-product .single-card__box{ flex-wrap: wrap; }
.single-card__crumbs{ flex: 0 0 100%; width: 100%; margin-bottom: 20px; }
.single-card__crumbs-list{
list-style: none; margin: 0; padding: 0;
display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px;
font-size: 13px; line-height: 1.3;
}
.single-card__crumb{ display: inline-flex; align-items: center; }
.single-card__crumb a{ color: #6B7A87; text-decoration: none; transition: color .2s; }
.single-card__crumb a:hover{ color: #1E6BA8; text-decoration: underline; }
.single-card__crumb:last-child a{ color: #22303C; font-weight: 600; } /* текущая категория — акцент */
.single-card__crumb:not(:first-child)::before{
content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px;
border-top: 1.5px solid #C0CAD2; border-right: 1.5px solid #C0CAD2; transform: rotate(45deg);
}
/* На странице товара у main.block-11 был сплошной серый фон (#F4F4F4, app.css),
который перекрывал анимированный синий блок .body-background-blue (z-index:-1) —
из-за этого «синий блок» не было видно. Делаем main прозрачным: серый фон даёт
нижний слой .body-background-gray, а синий блок снова виден и анимируется (как на каталоге).
Специфичности (.block-11.single-card.page-top) хватает, чтобы перебить .block-11 без !important. */
.block-11.single-card.page-top{ background: transparent; }
/* ── Артефакт 1: косые серые треугольники-разделители секции ──
main.block-11::before/::after (clip-path + заливка #F4F4F4) рассчитаны на стык с СЕРОЙ
секцией и сливаются с ней. Под карточкой товара фон белый → нижний треугольник висит
над блоком «Часто задаваемые вопросы» как лишняя серая фигура. Убираем оба на товаре. */
body.single-product main.block-11.single-card::before,
body.single-product main.block-11.single-card::after{ display: none !important; content: none !important; }
/* ── Артефакт 2: низ карточки не доходил до конца синего hero-блока ──
Синий блок .body-background-blue (и серый .body-background-gray) имеют фикс. min-height:850px
при top:0 → их низ ВСЕГДА на y=850. Высота карточки зависит от контента и нередко
заканчивается ВЫШЕ 850 → синий блок торчал снизу из-под карточки. Тянем низ карточки ровно
до края синего блока: верх карточки = padding-top main (124px) + min-height 726px = 850px.
Сам синий блок НЕ трогаем. На ≤768 синий блок скрыт (display:none) — выравнивание не нужно. */
@media (min-width: 769px){
body.single-product .single-card__box{ min-height: 726px; }
}
.single-card__box{position:relative}
.single-card-sale-badge{display:inline-block;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;font-size:14px;font-weight:700;padding:8px 18px;border-radius:24px;box-shadow:0 2px 8px rgba(0,0,0,.15);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;line-height:1.2;margin-bottom:16px}
.card.card-bigger{position:relative}
.card.card-bigger .product-sale-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:10;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;line-height:1.2}
@media (max-width:768px){
.card.card-bigger .product-sale-badge{font-size:11px;padding:5px 12px;top:8px;right:8px}
.single-card-sale-badge{font-size:12px;padding:6px 14px}
}
/* Заголовок страницы в .title-h2 теперь (для SEO на page-simple/архивах), а тема стилизует
заголовок по ТЕГУ `.title-h2 h2` (app.css:571) — поэтому h1 терял стиль (мелкий шрифт, дефолтный цвет).
Дублируем стиль заголовка для h1 (36/32/28px, #202020, z-index:5 — поверх синего блока). */
.title-h2 h1{ position:relative; display:block; width:100%; font-weight:700; font-size:36px; color:#202020; z-index:5; }
.title-h2 h1.h2-white{ color:#ffffff; }
@media (max-width:768px){ .title-h2 h1{ font-size:32px; } }
@media (max-width:400px){ .title-h2 h1{ font-size:28px; } }
/* Отступ FAQ-блока главной перед подвалом */
.mgbi17-home-faq{ margin-bottom:90px; }
@media (max-width:768px){ .mgbi17-home-faq{ margin-bottom:60px; } }
@media (max-width:400px){ .mgbi17-home-faq{ margin-bottom:40px; } }
/* Подвал (только десктоп >991px; на планшете/моб. — свои правила темы) */
@media (min-width:992px){
/* ровное двухколоночное меню + воздух между пунктами */
body .footer .line-wrapper .footer-menu{
justify-content:flex-start;
align-content:flex-start;
column-gap:18px;
row-gap:12px;
max-width:300px;
}
body .footer .line-wrapper .footer-menu .menu-item{
width:calc(50% - 9px);
margin-bottom:0;
}
body .footer .line-wrapper .footer-menu .menu-item a{
line-height:1.45;
}
/* нижняя строка: копирайт слева ↔ Политика справа, с разделителем */
body .footer .line-wrapper .footer-bottom{
justify-content:space-between;
align-items:center;
margin-top:24px;
padding-top:18px;
border-top:1px solid #e3e3e3;
}
body .footer .line-wrapper .footer-bottom .footer-bottom__text{
width:auto;
max-width:none;
margin:0;
}
}
/* FAQ-страница /voprosy/: единая карточка-аккордеон, без двойной подложки */
.page-faq .block-17.faq{ padding-top:8px; padding-bottom:0; }
.page-faq .block-17 .title-h2{ display:none; } /* дублирует H1 страницы */
.page-faq .block-17 .faq-items.background-box{ margin-top:0; }
/* ===== Контакты — редизайн (.contacts-x) ===== */
.contacts-x .cx-sheet{ margin-top:18px; padding:36px 38px; }
.contacts-x .cx-lead{ max-width:none; margin:0 0 30px; font-size:17px; line-height:1.6; color:#4B4B4B; text-wrap:pretty; }
.contacts-x .cx-loc__addr span{ text-wrap:pretty; }
/* быстрые контакты */
.contacts-x .cx-quick{ display:grid; grid-template-columns:repeat(auto-fit,minmax(244px,1fr)); gap:14px; margin-bottom:26px; }
.contacts-x .cx-tile{ display:flex; align-items:center; gap:15px; background:#F7FAFD; border:1px solid #E6EBF0; border-radius:14px; padding:16px 18px; text-decoration:none; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease; }
.contacts-x a.cx-tile:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(42,125,190,.16); border-color:#46A1E8; background:#fff; }
.contacts-x .cx-tile__ico{ flex:0 0 auto; width:48px; height:48px; border-radius:12px; background:linear-gradient(135deg,#46A1E8,#2A7DBE); display:flex; align-items:center; justify-content:center; }
.contacts-x .cx-tile__ico img{ width:21px; height:21px; filter:brightness(0) invert(1); }
.contacts-x .cx-tile__meta{ display:flex; flex-direction:column; min-width:0; }
.contacts-x .cx-tile__label{ font-size:12.5px; color:#6B7A87; margin-bottom:3px; }
.contacts-x .cx-tile__value{ font-size:18px; font-weight:600; color:#202020; line-height:1.25; }
.contacts-x .cx-tile--phone .cx-tile__value{ white-space:nowrap; }
.contacts-x .cx-tile--mail .cx-tile__value{ font-size:16px; }
.contacts-x .cx-tile--hours .cx-tile__value{ font-size:15px; white-space:nowrap; }
/* локации */
.contacts-x .cx-locs{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:26px; }
.contacts-x .cx-loc{ position:relative; background:#fff; border:1px solid #E6EBF0; border-radius:16px; padding:24px 26px 22px 30px; overflow:hidden; transition:box-shadow .25s ease, transform .25s ease; }
.contacts-x .cx-loc::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,#46A1E8,#2A7DBE); }
.contacts-x .cx-loc--office::before{ background:linear-gradient(180deg,#A8BED2,#6B8CA3); }
.contacts-x .cx-loc:hover{ transform:translateY(-3px); box-shadow:0 16px 34px rgba(32,48,60,.12); }
.contacts-x .cx-loc__tag{ display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#2A7DBE; background:#EAF4FC; border-radius:999px; padding:5px 14px; margin-bottom:15px; }
.contacts-x .cx-loc--office .cx-loc__tag{ color:#5A7488; background:#EEF2F5; }
.contacts-x .cx-loc__addr{ display:flex; gap:11px; align-items:flex-start; margin-bottom:18px; }
.contacts-x .cx-loc__addr img{ width:21px; height:21px; flex:0 0 auto; margin-top:2px; opacity:.8; }
.contacts-x .cx-loc__addr span{ font-size:16px; line-height:1.5; color:#202020; font-weight:500; }
.contacts-x .cx-loc__route{ display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:#2A7DBE; text-decoration:none; transition:gap .2s ease, color .2s ease; }
.contacts-x .cx-loc__route:hover{ color:#1E6BA8; gap:12px; }
.contacts-x .cx-loc__arr{ transition:transform .2s ease; }
.contacts-x .cx-loc__route:hover .cx-loc__arr{ transform:translateX(3px); }
/* реквизиты */
.contacts-x .cx-req{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; background:#F4F7FA; border:1px solid #E6EBF0; border-radius:12px; padding:15px 20px; }
.contacts-x .cx-req__ico{ width:34px; height:34px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; }
.contacts-x .cx-req__ico img{ width:19px; height:19px; opacity:.55; }
.contacts-x .cx-req__label{ font-size:12.5px; color:#6B7A87; text-transform:uppercase; letter-spacing:.05em; }
.contacts-x .cx-req__val{ font-size:14px; color:#202020; font-weight:500; line-height:1.5; }
@media (max-width:768px){
.contacts-x .cx-sheet{ padding:24px 20px; }
.contacts-x .cx-lead{ font-size:15px; margin-bottom:22px; }
.contacts-x .cx-locs{ grid-template-columns:1fr; }
.contacts-x .cx-tile__value{ font-size:18px; }
}
/* Декоративная полоска заголовка — подчёркивание ПОД текстом, а не поверх (фикс наезда на перенесённую 2-ю строку, напр. block-3 на главной) */
.title-h2.title-h2-line{ position:relative; padding-bottom:18px; }