/*
Theme Name: Merchant Child
Theme URI: https://wordpresslab.ru/
Author: Wordpress лаборатория
Author URI: https://wordpresslab.ru/
Description: Merchant Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: merchant
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: merchant
*/

:root{
    --c-primary-color: #09003D;
    --c-secondary-color: #BA1A1A;
    --c-primary-text: #525252;
    --c-secondary-text: #54595F;
    --c-contrast-text: #f1f1f1;

    --c-bg-color: #ffffff;

    --c-primary-font-family: "'IBM Plex Sans'";
    --c-primary-font-weight: 600;
    --c-secondary-font-family: "'IBM Plex Sans'";
    --c-secondary-font-weight: 400;
    --c-text-font-family: "Inter";
    --c-text-font-weight: 400;
    --c-accent-font-family: "Inter";
    --c-accent-font-weight: 500;
}


/* =====================================
   Стили для страницы записей
===================================== */
/*--------- ВЕРХНИЙ БАННЕР ---------*/
.single-hero {
    position: relative;
    min-height: 90px;
    text-align: center;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    display: flex;
    align-items: center;
    background-image: url('/wp-content/uploads/2026/05/1-2-4.jpg.webp');
    background-size: cover;
    background-position: center;
}
.single-hero-overlay {
    position: absolute;
    inset: 0;
    background: var(--e-global-color-primary, --c-primary-color);
    opacity: .9;
}

.single-hero .container {
    position: relative;
    z-index: 2;
}

.single-hero-title {
    margin: 0;
    font-size: 40px;
    text-transform: uppercase;
    font-family: var(--e-global-typography-primary-font-family, --c-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, --c-primary-font-weight);
    color: var(--c-contrast-text);
}


/*--------- КОНТЕНТ ---------*/
.single-content {
    padding: 70px 20px;
    background: var(--c-bg-color);
}

.single-content .container {
    max-width: 1200px;
}

.post-title {
    margin-bottom: 10px;
    font-size: 48px;
    color: var(--e-global-color-primary, --c-primary-color);
    font-weight: 700;
}

.post-meta {
    margin-bottom: 40px;
    color: var(--e-global-color-secondary, --c-secondary-text);
    font-size: 16px;
}

.post-text {
    font-size: 22px;
    line-height: 1.8;
    color: var(--e-global-color-text, --c-primary-text);
}

.post-text p {
    margin-bottom: 25px;
}
/*--- навигация в посте ---*/
.post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: 40px;
    padding-top: 20px;

    border-top: 1px solid #e5e5e5;
}

.nav-prev,
.nav-next {
    flex: 0 0 auto;
}

.nav-prev a,
.nav-next a {
    color: var(--e-global-color-primary, --c-primary-color);
    text-decoration: none;
    font-size: 16px;
}

.nav-prev a:hover,
.nav-next a:hover {
    text-decoration: underline;
}

.nav-prev,
.nav-next {
    max-width: 45%;
}

.nav-prev {
    text-align: left;
}

.nav-next {
    text-align: right;
}

.nav-prev a,
.nav-next a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*--- крохи (чипсы) ---*/
.breadcrumbs {
    margin-bottom: 15px;
    font-size: 14px;
    color: #999;
}

.breadcrumbs a {
    color: #666;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: var(--e-global-color-primary, --c-primary-color);
}
/* ===================================== */



/* =====================================
   Стили для страницы списка записей
===================================== */
.news-list {
    max-width: 1200px;
    margin: 50px auto;
}

.news-card {
    background: var(--c-bg-color);
    padding: 35px;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    transition: .2s;
}

.news-card:hover {
    transform: translateY(-3px);
    box-shadow:  0 10px 30px rgba(0,0,0,.08);
}

.news-meta {
    color: var(--e-global-color-accent, --c-secondary-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.news-title {
    margin: 0 0 20px;
}

.news-title a {
    color: var(--e-global-color-primary, --c-primary-color);
    font-family: var(--e-global-typography-primary-font-family, --c-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, --c-primary-font-weight);
    font-size: 30px;

    text-decoration: none;
}

.news-title a:hover {
    color: var(--e-global-color-accent, --c-secondary-text);
}

.news-excerpt {
    font-size: 20px;

    line-height: 1.7;

    color: #555;

    margin-bottom: 25px;
}

.news-more {
    display: inline-block;
    background: var(--e-global-color-primary, --c-primary-color);
    color: var(--c-contrast-text);
    text-decoration: none;
    padding: 10px 28px;
    font-weight: 600;
}

.news-more:hover {
    background: var(--e-global-color-accent, --c-secondary-color);
}



.archive-hero {
    position: relative;
    min-height: 90px;
    text-align: center;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    display: flex;
    align-items: center;

    background-image: url('/wp-content/uploads/2026/05/1-2-4.jpg.webp');

    background-size: cover;
    background-position: center;


    justify-content: center;
}

.archive-hero-overlay {
    position: absolute;
    inset: 0;

    background: var(--e-global-color-primary, --c-primary-color);
    opacity: .9;
}

.archive-hero-content {
    position: relative;
    z-index: 2;
}

.archive-hero-content h1 {
    margin: 0;
    font-size: 40px;
    text-transform: uppercase;
    font-family: var(--e-global-typography-primary-font-family, --c-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, --c-primary-font-weight);
    color: var(--c-contrast-text);
}

/* Таблица «Все модели» ([product_table]): на телефоне по 2 в ряд, без горизонтальной прокрутки */
.product-table{width:100%}
.product-table td{text-align:center;vertical-align:top}
.product-table img{max-width:100%;height:auto}
@media (max-width:600px){
	.product-table,.product-table tbody,.product-table tr{display:block;width:100%}
	.product-table td{display:inline-block;width:50%;box-sizing:border-box;padding:6px}
	.product-table td:empty{display:none}
}

/* Планшет и телефон (до 1024px): заголовки и сетка карточек Elementor.
   Размеры «для компьютера» не помещались на экран, слова рвались посреди слова.
   Названия товаров в каталоге (.woocommerce-loop-product__title) не трогаем. */
@media (max-width:1024px){
	.elementor-widget-heading .elementor-heading-title{font-size:clamp(20px,3.2vw,36px)!important;line-height:1.15!important;overflow-wrap:break-word;word-break:normal;hyphens:auto}
	.elementor h1:not(.woocommerce-loop-product__title),.elementor h2:not(.woocommerce-loop-product__title),.archive-hero h1,.page-title,.entry-title{font-size:clamp(20px,4.6vw,40px)!important;line-height:1.2!important;overflow-wrap:break-word;word-break:normal}
	.elementor h3:not(.woocommerce-loop-product__title){font-size:clamp(18px,3.8vw,30px)!important;line-height:1.25!important;overflow-wrap:break-word}
	.elementor h4{font-size:clamp(17px,3.6vw,28px)!important;line-height:1.25!important;overflow-wrap:break-word}
	.elementor h1,.elementor h2,.elementor h3,.elementor h4{hyphens:auto;-webkit-hyphens:auto}
	.elementor img{max-width:100%;height:auto}
}
@media (max-width:767px){
	.elementor-widget-heading .elementor-heading-title{font-size:clamp(20px,6.2vw,30px)!important}
	.elementor h1:not(.woocommerce-loop-product__title),.elementor h2:not(.woocommerce-loop-product__title),.archive-hero h1,.page-title,.entry-title{font-size:clamp(20px,5.8vw,26px)!important}
	.elementor h3:not(.woocommerce-loop-product__title){font-size:clamp(18px,5.2vw,22px)!important}
	.elementor h4{font-size:clamp(17px,5vw,22px)!important}
	.elementor .e-grid > .e-con-inner > .e-con{width:100%!important;max-width:100%!important}
}

/* Главная, верхний блок: сохраняем разницу размеров (маленькая надпись и два крупных слова). */
@media (max-width:1024px){
	.elementor .elementor-element-110a3e5 .elementor-heading-title{font-size:clamp(16px,2.6vw,22px)!important}
	.elementor .elementor-element-5102e82 .elementor-heading-title,.elementor .elementor-element-de3a1dc .elementor-heading-title{font-size:clamp(26px,7vw,64px)!important}
}
@media (max-width:767px){
	.elementor .elementor-element-110a3e5 .elementor-heading-title{font-size:clamp(15px,4.6vw,19px)!important}
	.elementor .elementor-element-5102e82 .elementor-heading-title,.elementor .elementor-element-de3a1dc .elementor-heading-title{font-size:clamp(22px,6.4vw,30px)!important}
}

/* Планшет и телефон: списки не должны выходить за колонку. */
@media (max-width:1024px){
	.elementor ul.checklist2{display:block!important;width:auto!important;max-width:100%!important}
	.elementor ul.checklist2 li{white-space:normal!important;overflow-wrap:break-word}
	.elementor ul,.elementor ol{max-width:100%}
}

/* Телефон: виджеты с заданной «узкой» шириной внутри контейнеров растягиваем на всю ширину. */
@media (max-width:767px){
	.elementor .e-con > .elementor-widget.elementor-widget__width-initial,
	.elementor .e-con > .elementor-widget.elementor-widget__width-auto{width:100%!important;max-width:100%!important;--container-widget-width:100%}
}

/* Планшет и телефон: блоки, сдвинутые абсолютным позиционированием (красная плашка на картинке), не выходят за край. */
@media (max-width:1024px){
	.elementor .elementor-element.elementor-absolute{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;margin-top:-48px}
}

/* Шапка архивов (Тендеры): ширина 100vw вместе с полосой прокрутки давала горизонтальный скролл. */
@media (max-width:1024px){
	body .archive-hero.archive-hero,body .single-hero.single-hero{width:calc(100% + 30px)!important;max-width:none!important;margin-left:-15px!important;margin-right:-15px!important}
}

/* Планшет (768–1024) и телефон: шапка главной крупнее, карточки сетки на всю ячейку, логотип в выезжающем меню компактный. */
@media (max-width:1024px){
	.elementor .elementor-element-110a3e5 .elementor-heading-title{font-size:clamp(18px,3.4vw,32px)!important}
	.elementor .elementor-element-79443de,.elementor .elementor-element-79443de p{font-size:clamp(16px,2.4vw,24px)!important;line-height:1.45!important}
	.elementor .e-grid > .e-con-inner > .e-con{width:100%!important;max-width:100%!important}
	.modal-header .mobile-logo .logo-image,.modal-header .site-branding .logo-image{width:auto!important;height:auto!important;max-width:110px!important;max-height:80px!important}
}

/* Главная, верхний блок: единое выравнивание слева на планшете и телефоне, без дефисов в крупных словах. */
@media (max-width:1024px){
	.elementor .elementor-element-110a3e5,.elementor .elementor-element-5102e82,.elementor .elementor-element-de3a1dc,.elementor .elementor-element-79443de{width:100%!important;max-width:100%!important;--container-widget-width:100%;padding-left:0!important;text-align:left!important}
	.elementor .elementor-element-110a3e5 .elementor-heading-title,.elementor .elementor-element-5102e82 .elementor-heading-title,.elementor .elementor-element-de3a1dc .elementor-heading-title,.elementor .elementor-element-79443de p{text-align:left!important}
	.elementor .elementor-element-5102e82 .elementor-heading-title,.elementor .elementor-element-de3a1dc .elementor-heading-title{hyphens:manual!important;-webkit-hyphens:manual!important;overflow-wrap:break-word}
}
@media (max-width:767px){
	.elementor .elementor-element-60e8126{padding-left:20px!important;padding-right:20px!important}
	.elementor .elementor-element-5102e82 .elementor-heading-title,.elementor .elementor-element-de3a1dc .elementor-heading-title{font-size:clamp(20px,6vw,30px)!important}
}

/* Шрифты: «Questrial» (заголовки h3) не содержит кириллицы, русский текст рисовался шрифтом с засечками;
   «Century Gothic» — платный системный шрифт Microsoft, на телефонах его нет. Оба заменены на свободный «'IBM Plex Sans'». */
h3,.h3,.elementor h3{font-family:'IBM Plex Sans',sans-serif!important}
.elementor [style*="Century Gothic"],.elementor [style*="Century Gothic"] *{font-family:'IBM Plex Sans',sans-serif!important}

/* Страницы разделов: блок «Все модели» и текст стоят в одном ряду — на планшете и телефоне друг под другом.
   Подзаголовки h3/h4 и заголовки тендеров мельче, чтобы слова не рвались. */
@media (max-width:1024px){
	.elementor .e-con-inner:has(> .e-con .merchant-products-tabs){flex-direction:column!important}
	.elementor .e-con-inner:has(> .e-con .merchant-products-tabs) > .e-con{width:100%!important;max-width:100%!important}
	.elementor h3:not(.woocommerce-loop-product__title){font-size:clamp(18px,3vw,26px)!important}
	.elementor h4{font-size:clamp(17px,2.8vw,24px)!important}
	.news-card .news-title{font-size:clamp(20px,3.6vw,30px)!important;hyphens:auto;overflow-wrap:break-word}
}
@media (max-width:767px){
	.news-card .news-title{font-size:clamp(18px,5.6vw,26px)!important}
}

/* Подвал: четыре колонки меню (Разделы, Продукция, Услуги, Контакты) в один ряд, на планшете по две, на телефоне по одной. */
@media (min-width:992px){
	.footer-widgets-area-diff .diff-row{flex-wrap:nowrap}
	.footer-widgets-area-diff .diff-row > div{flex:1 1 0;min-width:0;padding-right:20px;box-sizing:border-box}
}
@media (max-width:991px){
	.footer-widgets-area-diff .diff-row > div{flex:0 0 50%;max-width:50%;box-sizing:border-box;padding-right:15px}
}
@media (max-width:575px){
	.footer-widgets-area-diff .diff-row > div{flex:0 0 100%;max-width:100%}
}

/* Блок «Другие размеры» в карточке товара. */
.other-sizes{max-width:1000px;margin:30px auto 10px;padding:0 15px}
.other-sizes__title{margin:0 0 14px;font-size:20px}
.other-sizes__list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.other-sizes__list li{margin:0;padding:0}
.other-sizes__list a{display:inline-block;padding:9px 16px;border:1px solid #d5d5de;border-radius:4px;color:#09003D;font-size:15px;line-height:1.2;text-decoration:none;transition:border-color .2s,color .2s}
.other-sizes__list a:hover{border-color:#BA1A1A;color:#BA1A1A}
.other-sizes__all{display:inline-block;color:#BA1A1A;font-weight:600;text-decoration:none}
.other-sizes__all:hover{text-decoration:underline}

/* Окно «Отправить запрос» (Art WooCommerce Order One Click) и формы: поля не шире колонки (убирает горизонтальный ползунок),
   галочка согласия со ссылками, заголовок окна не огромный. */
.awooc-popup-wrapper,.awooc-popup-inner{box-sizing:border-box;max-width:100%;overflow-x:hidden}
.awooc-popup-wrapper .wpcf7-form,.awooc-popup-wrapper .wpcf7-form p{max-width:100%}
.awooc-popup-wrapper input[type=text],.awooc-popup-wrapper input[type=email],.awooc-popup-wrapper input[type=tel],.awooc-popup-wrapper textarea,.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form input[type=tel],.wpcf7-form textarea{box-sizing:border-box;width:100%;max-width:100%}
.awooc-popup-wrapper textarea{min-height:110px;resize:vertical}
.awooc-form-custom-order-img img{max-width:100%;height:auto}
.awooc-form-custom-order-title{font-size:clamp(20px,2.2vw,28px)!important;line-height:1.25!important;overflow-wrap:break-word}
.wpcf7-acceptance label{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4;cursor:pointer}
.wpcf7-acceptance input[type=checkbox]{flex:0 0 auto;width:auto!important;margin:3px 0 0}
.wpcf7-acceptance a{color:#BA1A1A;text-decoration:underline}
.wpcf7-acceptance a:hover{color:#961414}
.wpcf7-acceptance .wpcf7-list-item{margin:0}

/* Карточка товара: картинка на всю ширину колонки галереи (пропорции сохраняются). */
.woocommerce-product-gallery__image img.wp-post-image,.woocommerce-product-gallery__image a > img{width:100%;max-width:100%;height:auto}

/* Проход по всему сайту (29.10.2026): страховка от горизонтальной прокрутки, перенос длинных слов, обрезанный текст. */
html,body{overflow-x:clip}
body{overflow-wrap:break-word}
h1,h2,h3,h4,h5,h6,.page-header__title,.post-title,.news-title,.news-excerpt,.woocommerce-loop-product__title,.woocommerce-loop-product__title a,.elementor-heading-title{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
p,li,td,th,dd,.wp-block-paragraph{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
/* Вопросы-ответы (FAQ) на страницах «Блоки оросителя» и «Насос MVL»: вопрос переносится, а не растягивает страницу. */
.faq-q,button.faq-q{white-space:normal!important;display:block!important;width:100%;max-width:100%;box-sizing:border-box;text-align:left;overflow-wrap:anywhere}
.faq-item,.faq-list,.faq-a{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
/* Ссылки «предыдущая / следующая запись» не обрезаются многоточием. */
.post-navigation a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.post-navigation .nav-prev,.post-navigation .nav-next{max-width:48%}
/* Таблицы (политика, согласие) не шире экрана. */
.wp-block-table table,table.has-fixed-layout{table-layout:auto!important;width:100%!important;max-width:100%}
.wp-block-table td,.wp-block-table th{overflow-wrap:anywhere}
/* Мелкий текст 10px из старого контента (адрес на «Контактах») — размер окружающего текста. */
.elementor [style*="font-size:10px"],.elementor [style*="font-size: 10px"]{font-size:1em!important}
@media (max-width:767px){
	h1,.page-header__title,.entry-title,.single-hero h1{font-size:clamp(22px,6.6vw,30px)!important;line-height:1.2!important}
	h2.post-title,.news-title{font-size:clamp(18px,5.4vw,24px)!important;line-height:1.25!important}
}

/* Страницы «Насос MVL» и «Блоки оросителя»: строки «подпись — значение» (в перенесённой вёрстке не было стилей). */
.dim-row,.kv-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid #e5e5ea}
.dim-label,.kv-label{color:#555;flex:1 1 auto;min-width:0}
.dim-val,.kv-val{font-weight:600;text-align:right;flex:0 1 55%;min-width:0;overflow-wrap:anywhere}

/* Контакты: карточка с контактами и карта на планшете и телефоне друг под другом (в узкой колонке телефон и почта рвались). */
@media (max-width:1024px){
	.elementor .e-con-inner:has(> .e-con .elementor-widget-google_maps){flex-direction:column!important}
	.elementor .e-con-inner:has(> .e-con .elementor-widget-google_maps) > .e-con{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
	.elementor-widget-google_maps iframe{min-height:320px}
}

/* Заголовки h3 в карточках на компьютере (было 32px: слово «металлообработка» не помещалось в карточку). */
@media (min-width:1025px){
	.elementor h3:not(.woocommerce-loop-product__title){font-size:clamp(24px,2.2vw,30px)!important;line-height:1.25!important}
}

/* Страница «Запрос»: фото сотрудницы (прямоугольное, раньше была вырезка на прозрачном фоне) вписано в синий блок слева, не закрывает заголовок. */
.elementor .elementor-element-7302fa9{position:absolute!important;left:24px!important;top:0!important;bottom:auto!important;width:171px!important;max-width:171px!important}
.elementor .elementor-element-7302fa9 img{width:171px!important;height:171px!important;object-fit:cover;object-position:42% 22%}
@media (max-width:1024px){
	.elementor .elementor-element.elementor-absolute.elementor-element-7302fa9{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0!important}
	.elementor .elementor-element.elementor-element-7302fa9 img{width:100%!important;height:230px!important;object-position:50% 20%}
}

/* about-contact-block: нижний блок «Свяжитесь с нами» на странице «О компании» */
.elementor-4975 .elementor-element-c2d024e{margin-bottom:60px!important}
.elementor-4975 .elementor-element-13f2e37{position:relative;min-height:560px;overflow:hidden;border-radius:14px 0 0 14px;background:linear-gradient(160deg,rgba(9,0,61,.78) 0%,rgba(9,0,61,.25) 60%,rgba(186,26,26,.35) 100%),url(/wp-content/uploads/2026/10/elteh-proizvodstvo-sborka.webp) 38% center/cover no-repeat}
.elementor-4975 .elementor-element-13f2e37::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:#BA1A1A}
.elementor-4975 .elementor-element-657c6d6{background:#fff!important;border-radius:0 14px 14px 0;box-shadow:0 12px 40px rgba(9,0,61,.12);padding:36px 40px!important;justify-content:center;gap:20px!important;border-top:6px solid #BA1A1A}
.elementor-4975 .elementor-element-76116f1{min-height:0!important}
.elementor-4975 .elementor-element-9f10780 .elementor-widget-container>div:first-child,.elementor-4975 .elementor-element-9f10780 .elementor-widget-container>div:first-child *{font-family:'IBM Plex Sans',sans-serif!important;font-size:14px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#BA1A1A!important}
.elementor-4975 .elementor-element-9f10780 h4{font-size:clamp(26px,3vw,40px)!important;line-height:1.15!important;margin:10px 0 14px!important;color:#09003D}
.elementor-4975 .elementor-element-9f10780 span{font-size:16px!important;line-height:1.6!important;color:#525252!important}
.elementor-4975 .elementor-element-0b26783{gap:14px!important}
.elementor-4975 .elementor-element-610c728,.elementor-4975 .elementor-element-2614b7a,.elementor-4975 .elementor-element-b1efd0d{background:#F4F5FA;border-left:4px solid #BA1A1A;border-radius:10px;padding:16px 20px!important;gap:18px!important;min-height:0!important;transition:transform .2s,box-shadow .2s}
.elementor-4975 .elementor-element-610c728:hover,.elementor-4975 .elementor-element-2614b7a:hover,.elementor-4975 .elementor-element-b1efd0d:hover{transform:translateX(4px);box-shadow:0 8px 22px rgba(9,0,61,.12)}
.elementor-4975 .elementor-element-533ca0b,.elementor-4975 .elementor-element-c04d769,.elementor-4975 .elementor-element-5b56d2f{width:auto!important;flex:0 0 auto}
.elementor-4975 .elementor-element-533ca0b .elementor-icon,.elementor-4975 .elementor-element-c04d769 .elementor-icon,.elementor-4975 .elementor-element-5b56d2f .elementor-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#BA1A1A;border:0!important}
.elementor-4975 .elementor-element-533ca0b svg,.elementor-4975 .elementor-element-c04d769 svg,.elementor-4975 .elementor-element-5b56d2f svg{width:22px!important;height:22px!important;fill:#fff!important;color:#fff!important}
.elementor-4975 .elementor-element-39bb917 .elementor-widget-container>div:first-child,.elementor-4975 .elementor-element-4a69d3a .elementor-widget-container>div:first-child,.elementor-4975 .elementor-element-746f799 .elementor-widget-container>div:first-child,.elementor-4975 .elementor-element-39bb917 .elementor-widget-container>div:first-child *,.elementor-4975 .elementor-element-4a69d3a .elementor-widget-container>div:first-child *,.elementor-4975 .elementor-element-746f799 .elementor-widget-container>div:first-child *{font-family:'IBM Plex Sans',sans-serif!important;font-size:13px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#BA1A1A!important;line-height:1.3!important}
.elementor-4975 .elementor-element-39bb917 h4,.elementor-4975 .elementor-element-4a69d3a h4,.elementor-4975 .elementor-element-746f799 h4{font-size:clamp(18px,1.8vw,24px)!important;line-height:1.25!important;margin:2px 0 0!important;color:#09003D;font-weight:700;word-break:break-word}
@media (max-width:1024px){
	.elementor-4975 .elementor-element-13f2e37{min-height:260px;border-radius:14px 14px 0 0}
	.elementor-4975 .elementor-element-657c6d6{border-radius:0 0 14px 14px;padding:26px 20px!important}
	.elementor-4975 .elementor-element-c2d024e{margin-bottom:40px!important}
}
@media (max-width:480px){
	.elementor-4975 .elementor-element-610c728,.elementor-4975 .elementor-element-2614b7a,.elementor-4975 .elementor-element-b1efd0d{padding:14px!important;gap:14px!important}
	.elementor-4975 .elementor-element-533ca0b .elementor-icon,.elementor-4975 .elementor-element-c04d769 .elementor-icon,.elementor-4975 .elementor-element-5b56d2f .elementor-icon{width:44px;height:44px}
}

/* about-contact-fix */
.elementor-4975 .elementor-element-9f10780>div,.elementor-4975 .elementor-element-9f10780>div *,.elementor-4975 .elementor-element-39bb917>div,.elementor-4975 .elementor-element-39bb917>div *,.elementor-4975 .elementor-element-4a69d3a>div,.elementor-4975 .elementor-element-4a69d3a>div *,.elementor-4975 .elementor-element-746f799>div,.elementor-4975 .elementor-element-746f799>div *{font-family:'IBM Plex Sans',sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:#BA1A1A!important;line-height:1.35!important}
.elementor-4975 .elementor-element-9f10780>div:first-child{margin-bottom:6px!important}
.elementor-4975 .elementor-element-9f10780>div:last-child,.elementor-4975 .elementor-element-9f10780>div:last-child *{font-family:'IBM Plex Sans',sans-serif!important;font-size:16px!important;font-weight:400!important;letter-spacing:0;text-transform:none;color:#525252!important;line-height:1.6!important}
.elementor-4975 .elementor-element-39bb917 h4,.elementor-4975 .elementor-element-4a69d3a h4,.elementor-4975 .elementor-element-746f799 h4{font-family:'IBM Plex Sans',sans-serif!important;font-size:clamp(18px,1.8vw,24px)!important;line-height:1.25!important;font-weight:700!important;color:#09003D!important;margin:2px 0 0!important}
.elementor-4975 .elementor-element-9f10780 h4{font-family:'IBM Plex Sans',sans-serif!important;font-weight:700!important}
.elementor-4975 .elementor-element-39bb917 h4 span,.elementor-4975 .elementor-element-4a69d3a h4 span,.elementor-4975 .elementor-element-746f799 h4 span{font-family:'IBM Plex Sans',sans-serif!important;font-size:13px!important;font-weight:500!important;color:#525252!important;letter-spacing:0;text-transform:none}

/* about-contact-mobile */
@media (max-width:767px){
	.elementor-4975 .elementor-element-610c728,.elementor-4975 .elementor-element-2614b7a,.elementor-4975 .elementor-element-b1efd0d{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important}
	.elementor-4975 .elementor-element-39bb917,.elementor-4975 .elementor-element-4a69d3a,.elementor-4975 .elementor-element-746f799{width:auto!important;flex:1 1 0;min-width:0}
}

/* about-contact-mobile2 */
@media (max-width:767px){
	.elementor-4975 .elementor-element-533ca0b,.elementor-4975 .elementor-element-c04d769,.elementor-4975 .elementor-element-5b56d2f{width:44px!important;min-width:44px!important;max-width:44px!important;flex:0 0 44px!important;--container-widget-width:44px}
	.elementor-4975 .elementor-element-39bb917,.elementor-4975 .elementor-element-4a69d3a,.elementor-4975 .elementor-element-746f799{width:1px!important;flex:1 1 auto!important;min-width:0!important;--container-widget-width:auto}
}

/* about-video-ratio: ролик без чёрных полос (1280×568), рамка под его пропорции */
.elementor-4975 .elementor-element-5715c33 .elementor-wrapper{aspect-ratio:1280/568!important;padding-bottom:0!important;height:auto!important}
.elementor-4975 .elementor-element-5715c33 video.elementor-video{width:100%!important;height:100%!important;object-fit:cover}

/* plex-unified: единый шрифт сайта — IBM Plex Sans (самохостинг, кириллица + латиница, вес 400–700) */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/wp-content/uploads/2026/10/ibm-plex-sans-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/wp-content/uploads/2026/10/ibm-plex-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--mc-font:'IBM Plex Sans','Segoe UI',Arial,sans-serif}
body *:not(i):not(svg):not(svg *):not([class*="eicon"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class*="dashicons"]):not(.star-rating):not(.star-rating *):not(#wpadminbar):not(#wpadminbar *):not(code):not(pre):not(kbd),body{font-family:var(--mc-font)!important}
input,button,select,textarea{font-family:var(--mc-font)!important}
td,th{font-variant-numeric:tabular-nums}

/* cat-header-photo: шапка категории с фоновой картинкой — затемнение и белый текст */
.page-header:has(> .featured-image){padding-top:34px;padding-bottom:34px}
.page-header > .featured-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,0,61,.55),rgba(9,0,61,.72) 50%,rgba(9,0,61,.55))}
.page-header:has(> .featured-image) .page-header__title{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.page-header:has(> .featured-image) .woocommerce-breadcrumb,.page-header:has(> .featured-image) .woocommerce-breadcrumb a,.page-header:has(> .featured-image) .page-header__archive_short_description{color:rgba(255,255,255,.88)!important}
.page-header:has(> .featured-image) .woocommerce-breadcrumb a:hover{color:#fff!important}

/* breadcrumb-wrap: на телефоне хлебные крошки переносятся, а не прокручиваются вбок */
@media (max-width:767px){
	.woocommerce-breadcrumb.site-breadcrumb{flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;row-gap:4px}
}

/* cat-landing: категории как страницы разделов — документы, текст под товарами, вопросы-ответы */
.mc-cat-docs{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:18px 0 6px;padding:16px 20px;background:#F4F5FA;border-left:4px solid #BA1A1A;border-radius:8px}
.mc-cat-docs__text{flex:1 1 280px;color:#333;font-size:15px;line-height:1.5}
.mc-cat-docs__text strong{color:#09003D}
.mc-cat-docs__btns{display:flex;flex-wrap:wrap;gap:10px}
.mc-doc-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:#09003D;color:#fff!important;border-radius:6px;font-weight:600;text-decoration:none!important;transition:background .2s}
.mc-doc-btn:hover{background:#BA1A1A}
.mc-doc-btn__icon{display:inline-block;padding:2px 6px;border:1.5px solid currentColor;border-radius:3px;font-size:11px;letter-spacing:.06em}
.mc-cat-bottom{margin:40px 0 10px;padding-top:30px;border-top:1px solid #e3e4ee;color:#333;line-height:1.65}
.mc-cat-bottom .mc-cat-text{margin-bottom:18px}
.mc-cat-bottom h2,.mc-cat-bottom h3,.mc-cat-bottom h4{color:#09003D;margin:22px 0 10px;line-height:1.25}
.mc-cat-bottom .mc-cat-img{margin:24px 0}
.mc-cat-bottom .mc-cat-img img{width:100%;height:auto;border-radius:10px;display:block}
.mc-faq{margin:26px 0}
.mc-faq details{border:1px solid #e3e4ee;border-radius:8px;margin-bottom:10px;background:#fff}
.mc-faq summary{cursor:pointer;padding:14px 18px;font-weight:600;color:#09003D;list-style:none;position:relative;padding-right:44px}
.mc-faq summary::-webkit-details-marker{display:none}
.mc-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#BA1A1A;font-size:22px;line-height:1}
.mc-faq details[open] summary::after{content:"–"}
.mc-faq details > div{padding:0 18px 16px}
@media (max-width:767px){.mc-cat-docs{padding:14px}.mc-doc-btn{flex:1 1 100%;justify-content:center}}

/* cat-mobile-order: на телефоне/планшете заголовок категории и крошки — над описанием */
@media (max-width:1024px){
	.tax-product_cat main.site-main:has(> .mobile-catalog-page-header){display:flex!important;flex-direction:column!important}
	.tax-product_cat main.site-main > .mobile-catalog-page-header{order:-1!important}
	.tax-product_cat main.site-main > *{min-width:0}
}

/* cat-more-grid: бывшая карусель продукции в категориях — сетка карточек «Другие разделы каталога» (31.10.2026) */
.mc-cat-bottom .mc-cat-img img{max-width:900px;margin:0 auto}
.mc-cat-more{margin:36px 0 10px}
.mc-cat-more h3{color:#09003D;font-size:22px;margin:0 0 16px}
.mc-cat-more__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.mc-cat-more__card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 16px;border:1px solid #e3e4ee;border-radius:10px;background:#fff;color:#09003D!important;text-decoration:none!important;text-align:center;font-weight:600;font-size:14px;line-height:1.3;transition:border-color .2s,box-shadow .2s,transform .2s}
.mc-cat-more__card img{width:100%;max-width:160px;aspect-ratio:1/1;object-fit:contain;display:block}
.mc-cat-more__card:hover{border-color:#BA1A1A;box-shadow:0 6px 18px rgba(9,0,61,.10);transform:translateY(-2px)}
.mc-cat-more__card:hover span{color:#BA1A1A}
@media (max-width:767px){.mc-cat-more__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mc-cat-more__card{padding:10px 8px 12px;font-size:13px}.mc-cat-more h3{font-size:19px}}
/* cat-more-grid END */