/*
CTC Separate Stylesheet
Updated: 2026-07-08 08:20:19
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.1.1783488019
*/
/* ============================================================
   Additional CSS — очищенная версия
   Исправлено: сломанный CSS-блок в аккордеоне каталога,
   удалён закомментированный мёртвый код, объединены два
   конфликтующих блока стилей карточки товара в один
   (эффективный результат тот же, что и был).
   ============================================================ */

:root{
    --contrast:#14202B;
    --contrast-2:#00558A;
    --contrast-3:#0093DD;
    --base:#FFFFFF;
    --base-2:#F7F8FA;
    --base-3:#ffffff;
    --accent:#E8231A;
    --accent-dark:#B81810;

    --fs-2xs:0.75rem;   /* 12px — floor for badges/mono labels, never smaller */
    --fs-xs:0.8125rem;  /* 13px — secondary captions */
    --fs-sm:0.875rem;   /* 14px — nav, footnotes, supporting UI copy */
    --fs-base:1rem;     /* 16px — body copy baseline (SEO/legibility minimum) */
    --fs-md:1.125rem;   /* 18px — lead paragraphs */
    --fs-lg:1.25rem;    /* 20px — card titles, stat numbers */
    --fs-xl:1.5rem;     /* 24px — subheadings */
    --fs-2xl:1.75rem;   /* 28px — section headings */
    --fs-3xl:2.25rem;   /* 36px — hero h1 */
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
    font-family:'Inter',sans-serif;
    background:var(--base);
    color:var(--contrast);
    line-height:1.5;
}
h1,h2,h3{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:0.02em;}
.mono{font-family:'JetBrains Mono',monospace;}
.wrap{max-width:1200px;margin:0 auto;}
a{color:inherit;text-decoration:none;}
p {
    margin-bottom: 0;
}
/* ===== HEADER googleAI ===== */

/* Устанавливаем белый фон для всей шапки и убираем темный цвет */
.site-header, header {
    background: #ffffff !important;
    color: #222222 !important;
    /*border-bottom: 1px solid #eaeaea !important;*/
}

/* Название компании: Oswald, темный графит на белом фоне */
.site-branding .main-title {
    margin: 0 !important;
}
.site-branding .main-title a {
    text-transform: uppercase !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #222222 !important;
    text-decoration: none;
    transition: color 0.2s;
}
.site-branding .main-title a:hover {
    color: #ff4f00 !important;
}

/* Описание под названием: Oswald, легкое начертание, серый цвет */
.site-branding .site-description {
    margin: 3px 0 0 0 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 100 !important;
    color: #666666 !important;
}

/* Контейнер-сетка на 3 колонки с выравниванием по горизонтали */
.custom-header-extra-grid {
    display: grid;
    grid-template-columns: 260px 1fr auto; /* Левая колонка под поиск, средняя тянется */
    column-gap: 40px;
    align-items: center;
    width: 100%;
}

/* Настройки ячеек сетки */
.grid-cell {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.search-cell {
    justify-content: center;
}

.phone-cell {
    align-items: center; /* Центрируем контент в средней колонке */
}

.action-cell {
    align-items: flex-end; /* Выравниваем по правому краю в правой колонке */
}

/* --- СТИЛИ ДЛЯ ПОИСКА (ЛЕВЫЙ БЛОК) --- */
.header-search-form, .wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #cccccc; /* Серый контур на белом фоне */
    border-radius: 25px;
    padding: 0 15px;
    background: #ffffff;
    height: 38px;
    width: 100%;
    box-sizing: border-box;
}

.header-search-form input[type="search"], .wp-block-search__input {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 14px !important;
    outline: none !important;
    width: 100%;
    height: 100% !important;
    color: #222222;
}

.header-search-form button, .wp-block-search__button {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #666666;
    padding: 0;
    display: flex;
    align-items: center;
}
.header-search-form button:hover, .wp-block-search__button:hover {
    color: #ff4f00;
	background: transparent;
}

/* --- СТИЛИ ДЛЯ ТЕЛЕФОНА И СВЯЗИ (ЦЕНТР) --- */
.phone-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.phone-num {
    color: #222222 !important;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
	font-family: 'Oswald', sans-serif !important;
}
.phone-num a:hover {
	    color: var(--contrast-2);
}

/* Светло-серые часы работы на одной строчке */
.phone-hours {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #666666 !important;
    white-space: nowrap;
    /*margin-top: 2px;
    margin-bottom: 4px;*/
}

/* Ссылка "Заказать звонок" с темным пунктиром */
.btn-callback {
    color: #222222 !important;
    text-decoration: none;
    border-bottom: 1px dashed #222222 !important;
    font-weight: bold;
    font-size: 13px;
    transition: color 0.2s, border-color 0.2s;
    white-space: nowrap;
}

.btn-callback:hover {
    color: #ff4f00 !important;
    border-bottom-color: transparent !important;
}

/* --- СТИЛИ ДЛЯ ДЕЙСТВИЙ (ПРАВЫЙ БЛОК) --- */
.cart-button-group {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Чистая корзина-тележка без фонового цвета */
.request-indicator {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222222 !important; /* Серый цвет металла на белом фоне */
    border: none !important;
    background: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

.request-indicator svg {
    width: 26px;
    height: 26px;
    display: block;
}

/* Красный круг уведомлений */
.request-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Кнопка "Отправить заявку" в один ряд с тележкой */
.header-request-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff4f00 !important;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    border-radius: 4px;
    padding: 0 18px;
    height: 38px;
    box-sizing: border-box;
    white-space: nowrap;
    transition: background-color 0.2s;
}

.header-request-btn:hover {
    background-color: #e04400 !important;
}

/* --- СТИЛИ ДЛЯ EMAIL (ГОЛУБОЙ ЦВЕТ) --- */
.header-email {
    margin-top: 10px;
    font-size: 13px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

/* Голубой цвет логотипа для email */
.header-email a {
    color: #3da5e0 !important;
    text-decoration: none;
    transition: opacity 0.2s;
}

.header-email a:hover {
    opacity: 0.8;
}

.entry-header, .woocommerce-products-header {
    background-color: #F7F8FA;
    padding: 6px;
}
div#wpcf7-f59-p27-o1 {
    background-color: #EAF5FF;
    padding: 0 6px 3px 6px;
    border-left: 4px solid #005AA9;
}

/* Уменьшаем отступы на главной странице до 20px */
.post-27 .inside-article, .inside-article {
    padding: 9px 18px !important;
}
.post-27 .entry-header {
	display:none;
}
ul.wpc-filter-chips-list.wpc-filter-chips--1.wpc-filter-chips-.wpc-empty-chips-container {
    margin: 0px;
}

.wpc-custom-selected-terms {
    margin-bottom: 0px;
}
/* ===== HEADER googleAI ===== */

/* Изменяем цвет ссылок в хлебных крошках */
nav.woocommerce-breadcrumb {
 	font-size: 13px  !important;
	display: block;
}
nav.woocommerce-breadcrumb a {
    color: var(--contrast-2) !important;
    text-decoration: none;
	font-size: 13px;
}

/* Изменяем цвет при наведении курсора */
nav.woocommerce-breadcrumb a:hover {
    color: #3da5e0 !important;
}

/* ===== HEADER (легаси-макет, шапка переопределена выше через !important) ===== */
header{
    background:var(--contrast);
    color:var(--base);
    position:sticky;top:0;z-index:50;
    border-bottom:1px solid rgba(255,255,255,0.08);
}
.header-top{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 0;
}
.logo{display:flex;align-items:center;gap:10px;font-family:'Oswald';font-size:20px;font-weight:600;}
.logo-mark{
    width:34px;height:34px;border-radius:50%;
    background:var(--contrast-3);
    display:flex;align-items:center;justify-content:center;
    position:relative;flex-shrink:0;
}
.logo-mark svg{width:20px;height:20px;}
nav{display:flex;gap:36px;font-size:14px;font-weight:500;position:relative;}
nav a{opacity:0.85;transition:opacity .15s;}
nav a:hover{opacity:1;color:var(--contrast-3);}
.nav-item{position:relative;}
.nav-trigger{
    display:flex;align-items:center;gap:6px;cursor:pointer;
    opacity:0.85;transition:opacity .15s;
}
.nav-trigger:hover{opacity:1;color:var(--contrast-3);}
.nav-trigger svg{width:11px;height:11px;transition:transform .15s;}
.nav-item:hover .nav-trigger svg{transform:rotate(180deg);}
.nav-item:hover .nav-trigger{opacity:1;color:var(--contrast-3);}

.mega{
    position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
    width:820px;background:#fff;color:var(--contrast);
    border-radius:6px;box-shadow:0 24px 60px rgba(20,32,43,0.22);
    padding:28px;display:none;grid-template-columns:1fr 1fr 1fr 1fr 220px;gap:0;
    z-index:100;
}
.nav-item:hover .mega{display:grid;}
.mega-col{padding:0 20px;border-right:1px solid #edf0f2;}
.mega-col:first-child{padding-left:0;}
.mega-col:last-child{border-right:none;}
.mega-head{
    display:flex;align-items:center;gap:8px;margin-bottom:14px;
}
.mega-head svg{width:18px;height:18px;flex-shrink:0;}
.mega-head span{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.03em;color:var(--contrast);}
.mega-col ul{list-style:none;display:flex;flex-direction:column;gap:2px;}
.mega-col ul a{
    display:flex;align-items:center;gap:6px;
    font-size:13.5px;font-weight:400;color:#4d5964;opacity:1;
    padding:7px 8px;margin:0 -8px;border-radius:3px;
    transition:background .12s,color .12s;
}
.mega-col ul a:hover{background:var(--base-3);color:var(--contrast-2);}
.mega-badge{
    font-family:'JetBrains Mono';font-size:var(--fs-2xs);font-weight:600;
    background:var(--accent);color:#fff;padding:2px 6px;border-radius:2px;
    letter-spacing:0.02em;
}
.mega-promo{
    background:var(--contrast);border-radius:6px;padding:20px;
    display:flex;flex-direction:column;justify-content:space-between;
}
.mega-promo .mp-title{color:#fff;font-size:14.5px;font-weight:600;margin-bottom:6px;line-height:1.3;}
.mega-promo .mp-sub{color:rgba(255,255,255,0.55);font-size:12.5px;margin-bottom:16px;}
.mega-promo .btn{width:100%;justify-content:center;font-size:13px;padding:9px 14px;}

/* ===== SIDEBAR CATALOG TREE ===== */
.catalog-layout{display:flex;gap:32px;align-items:flex-start;}
.catalog-sidebar{
    /*width:290px;*/flex-shrink:0;background:#fff;
    border:1px solid rgba(20,32,43,0.08);border-radius:6px;
    box-shadow:0 14px 36px rgba(20,32,43,0.07);
    overflow:hidden;
}
.sidebar-head{
    padding:15px 18px;font-size:13px;font-weight:700;
    text-transform:uppercase;letter-spacing:0.04em;color:#fff;
    background:var(--contrast);
}
details.cat-node{border-bottom:1px solid #f1f3f4;}
details.cat-node:last-child{border-bottom:none;}
details.cat-node summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:11px 18px;font-size:13.5px;font-weight:500;color:#2b3540;
    transition:background .12s,color .12s;
}
details.cat-node summary::-webkit-details-marker{display:none;}
details.cat-node summary::marker{content:"";}
details.cat-node summary:hover{background:var(--base-3);color:var(--contrast-2);}
details.cat-node[open]>summary{background:var(--base-3);color:var(--contrast-2);}
details.cat-node summary .chev{width:9px;height:9px;flex-shrink:0;transition:transform .15s;color:#98a1a8;}
details.cat-node[open]>summary .chev{transform:rotate(90deg);color:var(--contrast-2);}
.cat-sub{list-style:none;padding:2px 0 8px;}
.cat-sub li a{
    display:block;padding:7px 18px 7px 32px;font-size:12.5px;color:#5b6874;
    transition:background .12s,color .12s;
}
.cat-sub li a:hover{background:#f5f8fa;color:var(--contrast-2);}
.cat-sub .hit{color:var(--contrast-2);font-weight:600;}
.cat-sub .hit .mega-badge{margin-left:6px;}

/* К блоку, где прописан cat-sub (родительский контейнер) */
.cat-sub ul.wp-block-navigation__container {
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* К элементам, где прописан cat-node (сами пункты меню) */
.cat-node {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
.sidebar-cta{
    padding:16px 18px;background:var(--base-2);border-top:1px solid #edf0f2;
}
.sidebar-cta p{font-size:var(--fs-sm);color:#5b6874;margin-bottom:10px;line-height:1.45;}
.sidebar-cta .btn{width:100%;justify-content:center;font-size:13px;padding:9px 14px;}

/* google ai */
/* 1. Убираем отступы внутри левого сайдбара */
.inside-left-sidebar .widget {
    padding: 0 !important;
    margin: 0 !important;
}
.is-left-sidebar {
    max-width: 25%;
}
/* google ai */

/* menu cataloga */
/* === Визуальная стилизация меню-аккордеона Bellows === */

/* 1. Настройки главного контейнера меню (рамка и тени) */
.bellows.bellows-main {
    background: #ffffff !important;
    border: 1px solid rgba(20, 32, 43, 0.08) !important;
    border-radius: 6px !important;
    box-shadow: 0 14px 36px rgba(20, 32, 43, 0.07) !important;
	margin:0;
}

/* Линия-разделитель под каждым пунктом меню */
.bellows .bellows-menu-item {
    border-bottom: 1px solid #e4e7eb !important;
}

/* Оформление шрифтов и размеров для текста ссылок */
.bellows .bellows-target {
    color: #2a2e35 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 11px 18px !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* 2. СТИЛИЗАЦИЯ ВСТРОЕННЫХ СТРЕЛОЧЕК (ШЕВРОНОВ) */

/* Задаем стрелочкам серый цвет по умолчанию */
.bellows .bellows-subtoggle {
    color: #aab2ba !important;
    border: none !important;
    background: transparent !important;
}

/* Делаем размер встроенных шевронов аккуратным и изящным */
.bellows .bellows-subtoggle i {
    font-size: 10px !important; 
    transition: color 0.15s ease !important;
}

/* Подсветка стрелочки оранжевым при наведении или когда меню раскрыто */
.bellows .bellows-subtoggle:hover,
.bellows .bellows-menu-item.bellows-active .bellows-subtoggle {
    color: #e2571f !important;
}

/* 3. ОФОРМЛЕНИЕ ПОДМЕНЮ (РАСКРЫВАЮЩИЙСЯ СПИСОК) */

/* Нежный фон для раскрытого подменю */
.bellows .bellows-submenu {
    background-color: #fcfdfe !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Разделители между вложенными пунктами */
.bellows .bellows-submenu .bellows-menu-item {
    border-bottom: 1px solid #edf0f2 !important;
}

/* Убираем нижнюю рамку у последнего подпункта, чтобы избежать толстой линии */
.bellows .bellows-submenu .bellows-menu-item:last-child {
    border-bottom: none !important;
}

/* Сдвиг вправо для вложенных пунктов меню */
.bellows .bellows-submenu .bellows-target {
    padding: 9px 18px 9px 32px !important;
    font-size: 12.5px !important;
}

/* --- ХОВЕРЫ И ПОДСВЕТКА ЦВЕТОМ --- */

/* Эффект наведения на любой пункт или подпункт меню */
.bellows .bellows-target:hover {
    background-color: var(--base-3) !important; /* Нежно-голубой фон #EAF4FC */
    color: var(--contrast-2) !important;       /* Темно-синий текст #00558A */
}

/* Подсветка открытого родительского пункта, пока раскрыто его подменю */
.bellows .bellows-menu-item.bellows-active > .bellows-target {
    background-color: var(--base-3) !important;
    color: var(--contrast-2) !important;
}
/* Точечное растягивание пунктов меню Bellows на всю ширину боковой колонки */
.bellows.bellows-main,
.bellows .bellows-nav,
.bellows .bellows-menu-item,
.bellows .bellows-target {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* end menu cataloga */

.hero-content{flex:1;min-width:0;}
.header-right{display:flex;align-items:center;gap:20px;}
.phone{font-family:'JetBrains Mono';font-size:15px;font-weight:500;}
.phone span{display:block;font-family:'Inter';font-size:var(--fs-2xs);opacity:0.6;font-weight:400;}
.btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 20px;border-radius:2px;font-size:14px;font-weight:600;
    cursor:pointer;border:none;transition:background .15s,transform .1s;
    font-family:'Inter';
}
.btn:active{transform:scale(0.98);}
.btn-accent{background:var(--accent);color:#fff;}
.btn-accent:hover{background:var(--accent-dark);}
.btn-outline{background:transparent;color:var(--base);border:1px solid rgba(255,255,255,0.3);}
.btn-outline:hover{border-color:var(--base);}
.btn-dark-outline{background:transparent;color:var(--contrast);border:1px solid rgba(20,32,43,0.25);}
.btn-dark-outline:hover{border-color:var(--contrast);}

/* ===== HERO ===== */
.hero{
    background: linear-gradient(180deg, var(--base-2) 0%, var(--base) 100%);
    color:var(--contrast);
    position:relative;
    overflow:hidden;
}
.hero-glow{
    position:absolute;top:-140px;right:-180px;width:680px;height:680px;
    background:radial-gradient(circle, rgba(0,147,221,0.14) 0%, rgba(0,147,221,0) 72%);
    border-radius:50%;pointer-events:none;
}
.hero-glow-2{
    position:absolute;bottom:-160px;left:-120px;width:420px;height:420px;
    background:radial-gradient(circle, rgba(232,35,26,0.06) 0%, rgba(232,35,26,0) 72%);
    border-radius:50%;pointer-events:none;
}
.hero-inner{position:relative;padding-bottom:36px;}
.eyebrow{
    font-family:'JetBrains Mono';font-size:13px;color:var(--contrast-2);
    letter-spacing:0.08em;margin-bottom:18px;display:flex;align-items:center;gap:10px;
}
.eyebrow::before{content:'';width:24px;height:1px;background:var(--contrast-2);}
.hero h1{font-size:36px;line-height:1.15;font-weight:600;margin-bottom:12px;max-width:680px;color:var(--contrast);}
.hero h1 em{font-style:normal;color:var(--contrast-3);}
.hero p{font-size:var(--fs-base);line-height:1.55;color:#57646f;max-width:780px;margin-bottom:22px;}
.hero-actions{display:flex;gap:14px;margin-bottom:26px;}

.hero-stats{
    display:flex;gap:0;
    border-top:1px solid rgba(20,32,43,0.12);
    padding-top:16px;margin-bottom:14px;
}
.stat{padding-right:32px;margin-right:32px;border-right:1px solid rgba(20,32,43,0.12);}
.stat:last-child{border-right:none;margin-right:0;padding-right:0;}
.stat-num{font-family:'JetBrains Mono';font-size:20px;font-weight:500;color:var(--contrast-2);}
.stat-label{font-size:12px;color:#5b6874;max-width:250px;margin-top:2px;}

.dealer-line{
    font-size:var(--fs-sm);color:#5b6874;margin-bottom:18px;
}
.dealer-line span{color:var(--contrast);font-weight:500;}

.quick-form{
    background:#fff;
    border:1px solid rgba(20,32,43,0.1);
    box-shadow:0 8px 28px rgba(20,32,43,0.07);
    border-radius:4px;padding:16px 22px;
    display:flex;justify-content:space-between;align-items:center;gap:24px;
}
.qf-title{font-size:15px;font-weight:600;color:var(--contrast);margin-bottom:4px;}
.qf-sub{font-size:var(--fs-sm);line-height:1.45;color:#5b6874;max-width:340px;}
.quick-form-fields{display:flex;gap:10px;flex-shrink:0;}
.qf-input{
    font-family:'Inter';font-size:14px;
    background:var(--base-2);border:1px solid rgba(20,32,43,0.15);
    border-radius:2px;padding:0 14px;height:42px;color:var(--contrast);width:180px;
}
.qf-input::placeholder{color:#98a1a8;}
.qf-input:focus{outline:none;border-color:var(--contrast-3);}

/* hero illustration */
.hero-visual{position:relative;z-index:1;}
.visual-card{
    background:#fff;
    border:1px solid rgba(20,32,43,0.08);
    border-radius:8px;padding:24px;
    box-shadow:0 20px 48px rgba(20,32,43,0.09);
}
.visual-card svg{width:100%;height:auto;display:block;}
.visual-caption{
    display:flex;justify-content:space-between;margin-top:16px;
    font-family:'JetBrains Mono';font-size:12px;color:#5b6874;
    border-top:1px solid rgba(20,32,43,0.08);padding-top:14px;
}
.visual-caption b{color:var(--contrast-2);font-weight:500;}

/* ===== TRUST BAR ===== */
.trust-bar{
    background:var(--contrast-2);color:#fff;
}
.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);}
.trust-item{
    padding:22px 24px;display:flex;align-items:center;gap:14px;
    border-left:1px solid rgba(255,255,255,0.15);
}
.trust-item:first-child{border-left:none;}
.trust-item svg{width:26px;height:26px;flex-shrink:0;opacity:0.9;}
.trust-item .t{font-size:13px;font-weight:600;}
.trust-item .s{font-size:12px;color:rgba(255,255,255,0.65);}

/* ========================================
   Разделители trust-bar (GenerateBlocks Grid)
   ======================================== */
/* === Десктоп: вертикальные разделители === */
.ist-trust-grid > div {
    position: relative !important;
}
.ist-trust-grid > div::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 15% !important;
    bottom: 15% !important;
    width: 1px !important;
    background: rgba(255, 255, 255, 0.15) !important;
}
.ist-trust-grid > div:first-child::before {
    display: none !important;
}

/* === Мобильный: горизонтальные разделители === */
@media (max-width: 991px) {
    .ist-trust-grid > div::before {
        display: none !important;
    }
    .ist-trust-grid > div::after {
        content: '' !important;
        position: absolute !important;
        left: 24px !important;
        right: 24px !important;
        bottom: 0 !important;
        height: 1px !important;
        background: rgba(255, 255, 255, 0.15) !important;
    }
    .ist-trust-grid > div:last-child::after {
        display: none !important;
    }
}

/* ========================================
   Карточки категорий WooCommerce — 4 в ряд
   ======================================== */
.woocommerce .product-categories,
ul.products.product-categories {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce .product-categories .product-category,
ul.products.product-categories .product-category {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    clear: none !important;
}
.woocommerce ul.products li.product-category a img,
.woocommerce-page ul.products li.product-category a img {
    object-fit: contain !important;
    border: none !important;
}

/* === Карточка === */
.woocommerce .product-category > a,
.product-category > a {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 1px solid #e3e7ea !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}
.woocommerce .product-category > a:hover {
    transform: translateY(-4px) !important;
    border-color: #0093DD !important;
    box-shadow: 0 16px 32px rgba(20, 32, 43, 0.1) !important;
}
.woocommerce ul.products li.product-category > a,
.woocommerce-page ul.products li.product-category > a {
    border: 1px solid color(srgb 0.12 0.45 0.75 / 0.4) !important;
}
.woocommerce ul.products li.product-category > a:hover,
.woocommerce-page ul.products li.product-category > a:hover {
    border-color: color(srgb 0.12 0.45 0.75 / 0.6) !important;
}
/* === Изображение — на всю ширину карточки === */
.woocommerce .product-category a img,
.product-category a img {
    width: 100% !important;
    height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-bottom: 1px solid #e3e7ea !important;
    transition: transform 0.3s ease !important;
}
.woocommerce .product-category a:hover img {
    transform: scale(1.05) !important;
}

/* === Заголовок — фиксированная высота на 3 строки === */
.woocommerce .product-category .woocommerce-loop-category__title,
.product-category .woocommerce-loop-category__title {
    padding: 9px !important;
    margin: 0 !important;
    font-family: sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #14202B !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1.35 !important;
    min-height: 95px !important;
    max-height: 95px !important;
    overflow: hidden !important;
    flex-grow: 0 !important;
    text-align: center !important;
}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title {
    padding: 9px !important;
}

/* === Адаптивность === */
@media (max-width: 991px) {
    .woocommerce .product-categories,
    ul.products.product-categories {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 560px) {
    .woocommerce .product-categories,
    ul.products.product-categories {
        grid-template-columns: 1fr !important;
    }
}
.woocommerce .product-category .count,
.product-category .count,
mark.count {
    display: none !important;
}

/* ===== WIDGETS googleAI ===== */

/* ===== СТИЛИЗАЦИЯ БЛОЧНЫХ ФИЛЬТРОВ ===== */
.wc-block-product-filters.wp-block-woocommerce-product-filters {
    background: #ffffff !important;
    /*border: 1px solid #e3e7ea !important;
    border-radius: 6px !important;
    padding: 20px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.03) !important;*/
}
.wc-block-product-filters__overlay-content {
    padding: 20px;
}
.wc-block-product-filters .wp-block-heading {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #14202B !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #e3e7ea !important;
    letter-spacing: 0.02em !important;
}
.wc-block-product-filter-checkbox-list__item {
    margin-bottom: 6px !important;
}
.wc-block-product-filter-checkbox-list__text {
    font-size: 13.5px !important;
    color: #5b6874 !important;
}
.wc-block-product-filters__apply {
    background-color: #14202B !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}
/* ===== WIDGETS googleAI ===== */

/* ========================================
   Карточки товаров (объединённый актуальный вариант —
   ранее было два конфликтующих блока, свели в один
   с тем же итоговым результатом)
   ======================================== */
.woocommerce ul.products li.product:not(.product-category) {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 1px solid #e3e7ea !important;
    border-radius: 6px !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}
.woocommerce ul.products li.product:not(.product-category):hover {
    transform: translateY(-4px) !important;
    border-color: #0093DD !important;
    box-shadow: 0 16px 32px rgba(20, 32, 43, 0.1) !important;
}
.woocommerce ul.products li.product:not(.product-category) img {
    width: 100% !important;
    height: 160px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    padding: 10px !important;
    border-bottom: 1px solid #e3e7ea !important;
    transition: transform 0.3s ease !important;
}
.woocommerce ul.products li.product:not(.product-category):hover img {
    transform: scale(1.05) !important;
}
.woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title {
    padding: 3px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #14202B !important;
    line-height: 1.25 !important;
    margin: 6px !important;
    text-align: left !important;
	text-transform: none;
    min-height: 55px !important; 
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;    
    word-break: keep-all !important;
    overflow-wrap: normal !important;

}
.woocommerce ul.products li.product:not(.product-category) .price {
    display: block !important;
    padding: 5px 10px 10px 10px !important;
    font-size: 15px !important;
    color: #d9534f !important;
    font-weight: 700 !important;
    text-align: left !important;
}
.woocommerce ul.products li.product:not(.product-category) .button {
    margin: 0 10px 10px 10px !important;
    background-color: #00558a !important;
    color: #fff !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 6px 8px !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
.woocommerce ul.products li.product:not(.product-category) .button:hover {
    background-color: #0093DD !important;
}

/* Скрываем метку "Распродажа" на карточках товаров */
.woocommerce ul.products li.product .onsale {
    display: none !important;
}
/* Уменьшаем отступ между карточками товаров 
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 1.5% 2.992em 0 !important;
    width: 23.8% !important;
}*/
.woocommerce ul.products li.product:nth-child(4n),
.woocommerce-page ul.products li.product:nth-child(4n) {
    margin-right: 0 !important;
}
/* ========================================
   Карточки категорий — фирменный сложный фон
   ======================================== */

.woocommerce .product-category > a,
.product-category > a {

    background:
        radial-gradient(circle at 18% 18%,
            rgba(0,147,221,.08) 0%,
            rgba(0,147,221,0) 48%),

        radial-gradient(circle at 82% 82%,
            rgba(20,32,43,.035) 0%,
            rgba(20,32,43,0) 55%),

        linear-gradient(135deg,
            rgba(255,255,255,.96) 0%,
            rgba(247,250,252,.98) 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.8);
}
/* ===== TOVAR page (карточка характеристик товара) ===== */
.d-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}
.d-row:nth-child(even) {
  background-color: #f5f5f5;
}
.d-name {
  color: #8a7a6d;
  font-size: 15px;
}
.d-val {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 15px;
}

/* ===== CATEGORIES (легаси-макет) ===== */
section{padding:72px 0;}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;}
.section-head h2{font-size:28px;color:var(--contrast);}
.section-head .num{font-family:'JetBrains Mono';font-size:13px;color:var(--contrast-3);}
.section-sub{font-size:var(--fs-base);line-height:1.5;color:#6b7680;max-width:460px;margin-top:8px;}

.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cat-card{
    background:var(--base);padding:0;position:relative;overflow:hidden;
    border:1px solid #e3e7ea;border-radius:6px;
    transition:transform .18s,box-shadow .18s,border-color .18s;
}
.cat-card:hover{
    transform:translateY(-4px);
    border-color:var(--contrast-3);
    box-shadow:0 16px 32px rgba(20,32,43,0.1);
}
.cat-thumb{
    height:160px;background:var(--base-3);position:relative;overflow:hidden;
}
.cat-thumb svg{width:100%;height:100%;display:block;transition:transform .3s;}
.cat-card:hover .cat-thumb svg{transform:scale(1.05);}
.cat-count{
    position:absolute;top:12px;right:12px;
    font-family:'JetBrains Mono';font-size:var(--fs-2xs);color:var(--contrast-2);
    background:#fff;padding:3px 8px;border-radius:2px;border:1px solid #cfe6f7;
}
.cat-body{padding:22px 24px 26px;}
.cat-tag{font-family:'JetBrains Mono';font-size:var(--fs-2xs);color:var(--contrast-3);margin-bottom:10px;display:block;}
.cat-card h3{font-size:19px;margin-bottom:10px;color:var(--contrast);}
.cat-card p{font-size:var(--fs-sm);line-height:1.5;color:#6b7680;margin-bottom:20px;min-height:40px;}
.cat-link{font-size:13px;font-weight:600;color:var(--contrast-2);display:inline-flex;align-items:center;gap:6px;}
.cat-link svg{width:14px;height:14px;transition:transform .18s;}
.cat-card:hover .cat-link{color:var(--accent);}
.cat-card:hover .cat-link svg{transform:translateX(4px);}

/* ===== PRODUCTS (легаси-макет) ===== */
.products{background:var(--base-2);}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.prod-card{
    background:var(--base);border:1px solid #e3e7ea;border-radius:6px;overflow:hidden;
    transition:border-color .18s, box-shadow .18s, transform .18s;
}
.prod-card:hover{border-color:var(--contrast-3);transform:translateY(-4px);box-shadow:0 16px 32px rgba(20,32,43,0.09);}
.prod-img{
    height:150px;background:var(--base-3);position:relative;overflow:hidden;
}
.prod-img svg{width:100%;height:100%;display:block;transition:transform .3s;}
.prod-card:hover .prod-img svg{transform:scale(1.06);}
.badge{
    position:absolute;top:10px;left:10px;font-family:'JetBrains Mono';font-size:var(--fs-2xs);
    background:var(--base);border:1px solid #cfe6f7;color:var(--contrast-2);padding:3px 8px;border-radius:2px;
}
.prod-fav{
    position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;
    background:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;
    cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .18s,transform .18s;
}
.prod-card:hover .prod-fav{opacity:1;transform:translateY(0);}
.prod-fav svg{width:14px;height:14px;}
.prod-quickview{
    position:absolute;left:0;right:0;bottom:0;
    background:var(--contrast);color:#fff;text-align:center;
    font-size:12px;font-weight:600;padding:9px 0;
    opacity:0;transform:translateY(100%);transition:opacity .18s,transform .18s;
}
.prod-card:hover .prod-quickview{opacity:1;transform:translateY(0);}
.prod-body{padding:18px;}
.prod-name{font-size:var(--fs-base);font-weight:600;margin-bottom:8px;line-height:1.35;}
.prod-specs{font-family:'JetBrains Mono';font-size:12px;color:#6b7680;margin-bottom:16px;display:flex;flex-direction:column;gap:3px;}
.prod-specs b{color:var(--contrast);font-weight:500;}
.btn-request{
    width:100%;padding:10px 0;text-align:center;font-size:13px;font-weight:600;
    background:var(--accent);color:#fff;border-radius:2px;cursor:pointer;border:none;
    display:flex;align-items:center;justify-content:center;gap:6px;
    transition:background .15s;
}
.btn-request:hover{background:var(--accent-dark);}
.btn-request svg{width:14px;height:14px;}

/* ===== HEADER REQUEST INDICATOR (легаси-макет) ===== */
.request-indicator{
    display:flex;align-items:center;gap:7px;
    padding:9px 14px;border-radius:2px;border:1px solid rgba(255,255,255,0.25);
    color:#fff;font-size:13px;font-weight:500;cursor:pointer;position:relative;
    transition:border-color .15s;
}
.request-indicator:hover{border-color:var(--contrast-3);}
.request-indicator svg{width:17px;height:17px;}
.request-count{
    position:absolute;top:-7px;right:-7px;background:var(--accent);color:#fff;
    font-family:'JetBrains Mono';font-size:10.5px;font-weight:600;
    width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;
}

/* ===== CTA STRIP (легаси-макет) ===== */
.cta-strip{
    background:var(--contrast);color:#fff;
    display:flex;align-items:center;justify-content:space-between;
    padding:44px 0;
}
.cta-strip h3{font-size:24px;margin-bottom:6px;}
.cta-strip p{font-size:var(--fs-base);color:rgba(255,255,255,0.6);}
.cta-strip-inner{display:flex;align-items:center;justify-content:space-between;width:100%;}

/* ===== FOOTER (легаси-макет) ===== */
footer{background:#0d1620;color:rgba(255,255,255,0.55);padding:56px 0 28px;font-size:var(--fs-sm);}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
.foot-grid h4{font-family:'Inter';font-size:13px;color:#fff;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.04em;}
.foot-grid ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.foot-grid ul a:hover{color:var(--contrast-3);}
.foot-bottom{
    border-top:1px solid rgba(255,255,255,0.08);padding-top:24px;
    display:flex;justify-content:space-between;font-size:12.5px;
}

@media (max-width:900px){
    .hero-inner{grid-template-columns:1fr;}
    .catalog-layout{flex-direction:column;}
    .catalog-sidebar{width:100%;}
    .trust-inner,.cat-grid,.prod-grid,.foot-grid{grid-template-columns:repeat(2,1fr);}
    nav{display:none;}
}


/* === Стилизация верхней части каталога (Заголовок, Сортировка, Виджет сетки) === */

/* 1. Хлебные крошки: делаем аккуратными и серыми */
.woocommerce-breadcrumb {
    font-size: 13px !important;
    color: #888888 !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    background: transparent !important;
}

.woocommerce-breadcrumb a {
    color: #5b6874 !important;
    text-decoration: none !important;
}

.woocommerce-breadcrumb a:hover {
    color: #d52117 !important; /* Фирменный красный при наведении */
}

/* 2. Белый бокс заголовка категории (как на макете) */
.woocommerce-products-header {

    margin-bottom: 18px !important;
}

.woocommerce-products-header .page-title {
    margin: 0 !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 28px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #14202B !important;
    letter-spacing: 0.02em !important;
}

/* 3. Выравнивание счетчика результатов ("Показаны все") */
.woocommerce-result-count {
    float: left;
    margin: 0 !important;
    line-height: 38px !important; /* Центрирование по высоте с полем сортировки */
    font-size: 13.5px !important;
    color: #5b6874 !important;
}

/* 4. Оформление выпадающего списка сортировки */
.woocommerce-ordering {
    float: right;
    margin: 0 !important;
}

.woocommerce-ordering select.orderby {
    border: 1px solid #cccccc !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-size: 13.5px !important;
    background-color: #ffffff !important;
    color: #2c2d33 !important;
    height: 38px !important;
    outline: none !important;
    cursor: pointer;
}

/* 5. Виджет переключения сетки и количества товаров (BeRocket) */
.berocket_lgv_widget {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-top: 9px !important;
    margin-bottom: 18px !important;

}

/* Блок количества товаров (12/24/48/Все) */
.br_lgv_product_count_block {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #e3e7ea !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    color: #777777 !important;
    height: 34px !important;
    box-sizing: border-box !important;
}

.br_lgv_product_count_block a {
    color: #5b6874 !important;
    margin: 0 5px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.br_lgv_product_count_block a.selected {
    color: #d52117 !important; /* Выделение активного количества красным */
    font-weight: bold !important;
}

/* Кнопки переключения вида (Сетка / Список) */
.berocket_lgv_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #e3e7ea !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #5b6874 !important;
    transition: all 0.15s ease !important;
}

.berocket_lgv_button:hover {
    border-color: #b5b9c0 !important;
    color: #1a1a1a !important;
}

/* Активная кнопка вида получает легкий серый фон */
.berocket_lgv_button.selected {
    background: #f5f6f7 !important;
    border-color: #cccccc !important;
    color: #1a1a1a !important;
}
.footer-widgets-container.grid-container {
    font-size: .85rem;
}
.inv-footer-req {
    font-size: .85rem;
    line-height: 1.55;
    opacity: .75;
    padding: 12px 14px;
    background: rgba(255, 255, 255, .03);
    border-radius: 8px;
    border-left: 3px solid var(--contrast-3);
}
#nav_menu-3 > h2, h4.wp-block-heading, h2.widget-title {
    color: var(--f-heading);
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--f-accent);
    display: inline-block;
}