/* =========================================================
   АДАПТИВНОСТЬ (Медиа-запросы KOLBEN)
   Включает глобальные стили сайта и блоки Spectra
   ========================================================= */

@media (hover: hover) and (pointer: fine) {
	.site-content {
		padding-right: 10px;
	}
}

/* --- АДАПТИВНОСТЬ (Десктоп) --- */
@media (min-width: 1024px) {	
	/* =========================================================
	Страница поисковой выдачи
   ========================================================= */
    /* Разбиваем на две колонки */
    .search-layout-wrapper {
        flex-direction: row;
        align-items: flex-start;
    }
	
    /* Делаем сайдбар липким */
    .search-sidebar {
        width: 300px;
        min-width: 300px;
        position: sticky;
        top: 40px; /* Прилипает на 40px от верха экрана при прокрутке вниз */
    }

    /* Карточки принимают горизонтальный вид */
    .custom-search-card {
        flex-direction: row;
        gap: 24px;
        padding: 24px;
    }
    
    .search-card-image {
        width: 220px;
        min-width: 220px;
        margin-bottom: 0;
    }
}


/* ---------- ПРИНУДИТЕЛЬНЫЕ СТИЛИ ДЛЯ ПК (от 992px) ---------- */
@media (min-width: 992px) {
    .site-primary-footer-inner-wrap .site-footer-section {
        width: 100% !important; /* Сброс ширины Astra */
    }
}

/* ---------- 1300px ---------- */
@media (max-width: 1300px) {			
    .alignfull {
        padding-left: 40px !important;
        padding-right: 40px !important;
        box-sizing: border-box !important;
    }
	
	/* FOOTER */
	.site-footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* ---------- 1280px ---------- */
@media (max-width: 1280px) {
	.ast-left-sidebar #content > .ast-container {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	
	/* Виджет sidebar с фильтрафми */
	.kolben-woo-bottom-row {
		flex-direction: column;
	}

	/* Показываем кнопку "Открыть фильтры" на месте сайдбара */
    .kolben-mobile-filter-btn {
        display: flex !important;
		margin-left: 20px;
    }

    /* Сам блок фильтров превращаем в скрытую шторку (поп-ап справа) */
    .kolben-filter-widget-popup-container {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        box-shadow: -5px 0 25px rgba(0,0,0,0.15);
        transition: right 0.3s ease-in-out;
        overflow-y: auto;
        padding: 20px;
        box-sizing: border-box;
    }

    /* Когда модалка открыта через JS */
    .kolben-filter-widget-popup-container.is-popup-open {
        right: 0;
    }

    /* Внутри поп-апа включаем отображение крестика закрытия */
    .kolben-filter-widget-popup-container .kolben-close-popup {
        display: block;
    }
}

/* ---------- 1200px ---------- */
@media (max-width: 1200px) {
	header.entry-header .entry-title {
		margin-top: 40px;
	}
	
	.nav-cta .phone-b2b {
		display: none;
	}
	
	.nav-cta {
		flex-direction: column;
		gap: 5px;
	}
	
	.nav-cta .phone {
		font-size: 12px;
	}
	
	.nav-cta .btn {
		padding: 8px 18px;
	}
	
	.uagb-block-5058ea14 .uagb-container-inner-blocks-wrap {
		flex-direction: column !important;
	}
}

/* ---------- 1100px ---------- */
@media (max-width: 1100px) {
    /* Глобальные сетки */
    .hero-inner, 
    .selector-inner, 
    .cta-inner { 
        grid-template-columns: 1fr; 
        gap: 40px; 
    }
    .industries-grid { grid-template-columns: repeat(3, 1fr); }
    .pillars-grid { grid-template-columns: repeat(2, 1fr); }
    .lines-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
}

/* ---------- 1024px ---------- */
@media (max-width: 1024px) {	
	.cta-btn-header {
		display: none;
	}
    .nav-menu.is-active {
        display: flex !important;
        flex-direction: column;
        position: absolute;
        top: 64px;
        left: 0;
        width: 100%;
        background: var(--white);
        border-bottom: 1px solid var(--line);
        padding: 20px;
        z-index: 9999;
    }
	
	.logo {
		font-size: 16px;
	}
	
	.logo small {
		font-size: 7.8px;
	}
	
	.nav-cta .phone {
		display: none;
	}
	
	/* Заголовки по убыванию */
    h1 {
        font-size: 36px !important;
        line-height: 1.25 !important;
    }
    
    h2 {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    
    h3 {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    
    h4 {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    /* Основной текст (абзацы) */
    p {
		font-size: 14px !important;
        line-height: 1.2 !important;
    }
	
	.site .wp-block-button a {
		font-size: 12px !important;
    	padding: 12px 18px !important;
	}
	
	.site .kolben-custom-list li {
		font-size: 13px !important;
        line-height: 2 !important;
        margin-bottom: 0 !important;
	}
	
	.nav-menu li > a > .icon-arrow {
		display: none;
	}
	
	.uagb-block-fd71b0dd {
		width: 70% !important;
	}
	
	.uagb-block-97c816a3 p {
		font-size: 10px !important;
	}
	
	.uagb-block-92585941 div > div > p:first-child {
		font-size: 16px !important;
	}
	
	.uagb-block-92585941 p {
		font-size: 8px !important;
	}
	
	.uagb-block-545f79c0 p {
		font-size: 10px !important;
	}
	
	.uagb-block-545f79c0 .uagb-container-inner-blocks-wrap {
		column-gap: 10px;
	}
	
	.uagb-block-545f79c0 .wp-block-uagb-container {
		padding: 5px;
	}
	
	.product-lines__three-box-title {
		font-size: 10px !important;
	}
	
	.uagb-block-1b283a7f {
		flex-wrap: wrap !important;
    	gap: 20px !important;
	}
	
	.uagb-block-1b283a7f > div {
		max-width: 45% !important;
	}
	
	.uagb-block-93ae6d45 {
		flex-wrap: wrap !important;
		gap: 30px !important;
	}
	
	.uagb-block-fade66e3 {
		align-items: stretch !important;
	}
	
	.site .uagb-block-fade66e3 .wp-block-button__link, 
	.site .uagb-block-b6018b82 .wp-block-button__link,
	.site .uagb-block-bddaf590 .wp-block-button__link {
		font-size: 10px !important;
		padding: 0!important;
	}
	
	.completed-projects__second-p {
		font-size: 10px !important;
	}
	
	.catalog-toolbar .filter-btn {
		padding: 4px 8px !important;
		font-size: 12px !important;
	}
	
	.catalog-toolbar .woocommerce-ordering select {
		min-width: auto !important;
		height: 30px !important;
	}
	
	/* =========================================================
	Страница поисковой выдачи
	========================================================= */
	.custom-search-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
    }
	
	.search-card-actions {
		display: flex;
		justify-content: flex-end;
	}
	
	.search-card-image img {
		width: 75%;
		margin: 0 auto;
	}
	
	.search-card-actions a {
		display: block;
	}
}

/* ---------- 992px (объединён) ---------- */
@media (max-width: 992px) {
	/* 1. Глобальное: WooCommerce и карточки */
    .kolben-product-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .kolben-product-details {
        padding: 24px;
    }
	
	.site .wp-block-uagb-container.uagb-block-8e8d9055.uagb-layout-grid {
		grid-template-columns: repeat(2, 1fr) !important;
        grid-template-rows: auto !important;
	}
	
	.site .uagb-block-8e8d9055 > div {
		min-height: 200px !important;
        height: 100% !important;
	}
	
	.uagb-block-093e053b .uagb-container-inner-blocks-wrap {
		flex-direction: column !important;
    	gap: 50px !important;
	}
	
	.uagb-block-5959b0a5 {
		max-width: 100% !important;
	}
	
	.uagb-block-280e398b {
		max-width: 70% !important;
    	margin: 0 auto !important;
	}
	
	.uagb-block-1cabd883 .uagb-container-inner-blocks-wrap {
		flex-direction: column !important;
    	gap: 50px !important;
	}
	
	.uagb-block-56c9ae7e {
		max-width: 100% !important;
	}
	
	.uagb-block-da4ed531 {
		max-width: 70% !important;
    	margin: 0 auto !important;
	}

	/* КАТАЛОГ / МАТРИЦА ТОВАРОВ */
	ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ---------- 922px ---------- */
@media (max-width: 922px) {
	/* Матрица товаров */
	.woocommerce-notices-wrapper {
		margin-top: 0 !important;
	}
}

/* ---------- 850px ---------- */
@media (max-width: 850px) {
	.site .nav-menu > ul {
		gap: 8px;
	}
}

/* ---------- 820px ---------- */
@media (max-width: 820px) {	
    .catalog-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }
    .catalog-toolbar .toolbar-right {
        width: 100%;
        justify-content: space-between;
    }
}

/* ---------- 769px ---------- */
@media (max-width: 769px) {
	.nav-menu > ul {
		gap: 10px;
        width: 100%;
	}
}

/* ---------- 768px (объединён) ---------- */
@media (max-width: 768px) {	
	/* Заголовки по убыванию */
    h1 {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }
    
    h2 {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }
    
    h3 {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
    
    h4 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    
    /* ================= ГЛОБАЛЬНЫЕ ЭЛЕМЕНТЫ ================= */	    
    /* Навигация и Сетки */
    .nav-menu, 
    .nav-cta .phone {
		display: none;
	}
	
	.nav-menu.desktop-menu {
        display: none !important; /* Жестко скрываем старое меню */
    }
	
	.nav-cta {
		display: flex;
	}
	
	/* 2. Показываем бургер */
    .nav-cta .burger {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
	
	
	/* =========================================================
	   МОБИЛЬНОЕ МЕНЮ НА ВЕСЬ ЭКРАН
	   ========================================================= */

	/* Изначально меню спрятано слева или справа (например, уводим влево за экран) */
	.offcanvas-menu-wrapper {
		display: flex !important;
		position: fixed !important;
		top: 70px !important;
        left: -120% !important;
		right: auto !important;
		width: 100vw !important; /* На всю ширину экрана */
		height: 100vh !important; /* На всю высоту экрана */
		background-color: #ffffff !important; /* Цвет фона (можно изменить) */
		z-index: 999999 !important;
		transition: left 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
		box-shadow: none !important;
		padding: 30px !important; /* Отступы, чтобы контент не прилипал к краям */
		overflow-y: auto !important;
		box-sizing: border-box !important;
	}

	/* Когда JS добавляет класс menu-open на body — меню выезжает на весь экран */
	body.menu-open .offcanvas-menu-wrapper {
		left: 0 !important;
	}

	/* Кнопка бургера всегда поверх меню, чтобы её можно было нажать для закрытия */
	#kolben-burger {
		position: relative !important;
		z-index: 1000000 !important;
	}

	/* =========================================================
	   3. ЛОГИКА ОТКРЫТИЯ (когда JS добавляет класс)
	   ========================================================= */
	/* Выдвигаем шторку */
	body.menu-open .offcanvas-menu-wrapper {
		right: 0 !important;
	}
	
	/* =========================================================
	   СТИЛИ ПУНКТОВ МЕНЮ ВНУТРИ ШТОРКИ
	   ========================================================= */
	.mobile-nav-menu {
		width: 100%;
	}
	
	.mobile-nav-menu ul.menu-header-mobile,
	.mobile-nav-menu ul {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.mobile-nav-menu li.menu-item {
		display: block;
		width: 100%;
	}
	
	.ast-header-break-point .ast-icon.icon-arrow svg {
		display: none;
	}

	.mobile-nav-menu .menu-link,
	.mobile-nav-menu a {
		width: 100%;
		padding: 14px 0;
		border-bottom: 1px solid #eee;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		color: #111e36;
		font-weight: 500;
		font-size: 15px;
		text-decoration: none;
	}

	/* Подменю внутри мобильного меню */
	.mobile-nav-menu .sub-menu {
		display: none;
		padding-left: 15px;
		list-style: none;
		width: 100%;
	}

	/* Открытие подменю при клике (аккордеон) */
	.mobile-nav-menu li.menu-item.kolben-open > .sub-menu {
		display: block;
	}

	/* Блокируем прокрутку сайта на фоне */
	body.no-scroll {
		overflow: hidden !important;
	}

	/* =========================================================
	   4. БУРГЕР ПОВЕРХ МЕНЮ
	   ========================================================= */
	/* Чтобы кнопка закрытия (бургер) была видна над белой шторкой */
	#kolben-burger {
		position: relative;
		z-index: 10000;
	}
	
	.logo {
		font-size: 18px;
	}
	
	.logo small {
		font-size: 8px;
	}
    
    /* Бургер меню */
    .burger { 
        display: inline-flex; 
        align-items: center; 
        justify-content: center; 
        width: 44px; 
        height: 44px; 
        border: 1px solid var(--line); 
        border-radius: var(--r);
		color: #000;
		background-color: #fff;
    }
	
	.burger:hover {
		background-color: #23435c !important;
	}
	
    .burger:focus {
		color: #fff !important;
		background-color: #23435c !important;
	}
	
	.burger:hover svg {
		color: #fff;
	}
	
	/* =========================================================
   ВЛОЖЕННЫЕ ЭЛЕМЕНТЫ МОБИЛЬНОГО МЕНЮ
   ========================================================= */

	/* Скрываем подменю по умолчанию */
	.mobile-nav-menu .sub-menu {
		display: none;
		padding-left: 15px; /* Отступ для визуального обозначения вложенности */
		list-style: none;
	}

	/* Показываем подменю, когда скрипт добавляет класс kolben-open */
	.mobile-nav-menu .menu-item-has-children.kolben-open > .sub-menu {
		display: block;
		animation: fadeInMenu 0.3s ease-in-out;
	}

	/* Добавляем стрелочку к пунктам, у которых есть подменю */
	.mobile-nav-menu .menu-item-has-children > a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.mobile-nav-menu .menu-item-has-children > a::after {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 10px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid currentColor; /* Треугольник направленный вниз */
		transition: transform 0.3s ease;
	}

	/* Поворачиваем стрелочку вверх при раскрытии */
	.mobile-nav-menu .menu-item-has-children.kolben-open > a::after {
		transform: rotate(180deg);
	}

	/* Плавное появление подменю */
	@keyframes fadeInMenu {
		from { opacity: 0; transform: translateY(-5px); }
		to { opacity: 1; transform: translateY(0); }
	}

/* ------------------------------------------------------------------- */


    /* Форма WPForms */
    .kolben-form-card .wpforms-field-container {
        grid-template-columns: 1fr; /* Выстраиваем поля в одну колонку */
        gap: 5px;
		padding: 20px;
    }
	
    .kolben-form-card .wpforms-field-textarea,
    .kolben-form-card .wpforms-field-checkbox {
        grid-column: 1; 
    }
	
	/* 	ЛИНЕЙКИ ПРОДУКЦИИ */
	.site .uagb-block-fade66e3 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
	
	.site .uagb-block-b6018b82 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }

    /* Интерактивная Яндекс Карта */
    .kolben-map-section { padding: 24px 16px; }
    .kolben-map-title { font-size: 15px !important; margin-bottom: 16px !important; }
    .kolben-map-wrapper iframe { height: 350px !important; }

    /* Блок мастера подбора (Wizard) */
    .wizard-dark-bg { padding: 24px 16px; }
    .wizard-card { padding: 32px 20px; }
    .wizard-options { grid-template-columns: 1fr; }
    .wizard-actions { flex-direction: column-reverse; }
    .wizard-actions .btn { width: 100%; justify-content: center; }

    /* ================= СПЕЦИФИЧНЫЕ БЛОКИ SPECTRA (test.html) ================= */
    
    /* 2. ГЛАВНЫЙ ЭКРАН (Текст слева + Карточка товара справа) */
    /* Складываем колонки друг под друга на всю ширину */
    .uagb-block-5058ea14 > .uagb-container-inner-blocks-wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 40px !important;
    }
    .uagb-block-839f2314, /* Текстовый блок */
    .uagb-block-7fb1a8cf  /* Карточка */
    {
		max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 4. СПИСОК ГАРАНТИЙ ПОД КНОПКАМИ (Минпромторг, ТР ТС...) */
    .uagb-block-0e99140c .wp-block-columns {
        flex-direction: column !important;
        gap: 16px !important;
    }
    .uagb-block-0e99140c .wp-block-column {
        flex-basis: 100% !important;
        margin-left: 0 !important;
    }

    /* 5. БЛОК 5 ПРЕИМУЩЕСТВ (Глубокое циклирование...) */
    /* На телефоне лучше читать по одному в ряд */
    .uagb-block-97c816a3 > .uagb-container-inner-blocks-wrap {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    /* 6. БЛОК СТАТИСТИКИ (Цифры) и СЕРТИФИКАТЫ */
    /* Перестраиваем в аккуратную плитку (2 в ряд) */
    .uagb-block-92585941 > .uagb-container-inner-blocks-wrap,
    .uagb-block-545f79c0 > .uagb-container-inner-blocks-wrap {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
    /* Уменьшаем размер огромных цифр (с 40px до 28px) */
    .uagb-block-92585941 p[style*="font-size:40px"] {
        font-size: 28px !important;
    }
	
	.uagb-block-bddaf590 {
		display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
	}
	
	.uagb-block-2851176b {
		margin-top: 0 !important;
	}
	
	.uagb-block-bddaf590 > div > div > div > .wp-block-uagb-container {
		padding: 0 5px;
        height: 50px;
	}
	
	/* 	РЕАЛИЗОВАННЫЕ ОБЪЕКТЫ */
	.uagb-block-2851176b {
		padding: 10px !important;
	}
	
	.uagb-block-bddaf590 > div {
		justify-content: flex-start;
	}
	
     /* форма Запросите расчёт оборудования */
	.wp-block-uagb-container.uagb-is-root-container .uagb-block-da4ed531 {
		max-width: 90% !important;
		margin: 0 auto;
        margin-top: 40px;
	}
	
	/* FOOTER */
	.site-footer {
		padding: 0 !important;
		padding-left: 20px !important;
    	padding-right: 20px !important;
	}
	
	.ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-equal .ast-builder-grid-row {
        grid-template-columns: repeat(1, 1fr) !important;
    }
	
	.site-footer-below-section-2 {
		margin-top: 30px !important;
	}
	
	.site .footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu {
		justify-content: left !important;
	}
	
	.site .footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu .menu-item {
		align-items: flex-start !important;
	}

	/* ---- ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ТАБЛИЦ ---- */
    .woocommerce-after-shop-loop .term-description {
        padding: 24px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .woocommerce-after-shop-loop .term-description h2 {
        font-size: 20px;
    }
    
    .woocommerce-after-shop-loop .term-description h3 {
        font-size: 16px;
    }
	
	/* Таблицы */
/* 1. Включаем горизонтальный скролл */
    .site-table__custom figure {
        overflow-x: auto !important; /* Разрешаем скролл по горизонтали */
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
    }

    /* 2. Заставляем таблицу скроллиться, а не сжиматься */
    .site-table__custom .wp-block-table table {
        min-width: 600px; /* Задай нужную ширину, при которой контент читается хорошо */
    }

    /* 3. Уменьшаем шрифты и отступы в шапке (thead) */
    .site-table__custom thead th {
        font-size: 10px; /* Было 12px */
        padding: 12px 10px; /* Уменьшаем отступы для экономии места */
        letter-spacing: 1px;
    }

    /* 4. Уменьшаем шрифты и отступы в обычных ячейках */
    .site-table__custom th, 
    .site-table__custom td {
        font-size: 12px !important; /* Было 14px */
        padding: 10px 12px !important;
    }

    /* 5. Уменьшаем шрифт в первой выделенной колонке */
    .site-table__custom tbody td:first-child {
        font-size: 10px; /* Было 12px */
        width: auto; /* Сбрасываем жесткую ширину 32% для мобилок */
    }
	
	/* СТИЛИ ДЛЯ СТРАНИЦЫ "ТОВАРОВ НЕ НАЙДЕНО" */
	.kolben-empty-state {
        padding: 40px 15px;
    }
    
    .kolben-empty-state .empty-title {
        font-size: 20px;
    }
    
    .kolben-empty-state .sub {
        font-size: 14px;
    }
}

/* ---------- 767px ---------- */
@media (max-width: 767px) {
	body .site .uagb-block-fd71b0dd {
		width: 100% !important;
	}
	
	body .wp-container-core-buttons-is-layout-ee339180 {
		align-items: flex-start !important;
		gap: 10px;
	}

    .wp-container-core-buttons-is-layout-ee339180 .wp-block-button {
        width: 50% !important;
    }
	
	.site .wp-block-button a {
		width: 250px !important;
	}
	
	.site .uagb-block-97c816a3 .uagb-container-inner-blocks-wrap,
	.site .uagb-block-92585941 .uagb-container-inner-blocks-wrap,
	.site .uagb-block-545f79c0 .uagb-container-inner-blocks-wrap,
	.site .uagb-block-fade66e3 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important; 
    }
	
	.site .uagb-block-b6018b82 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
	
	.uagb-block-fade66e3 .product-lines__box-icon {
		display: none;
	}
	
	.uagb-block-97c816a3 .uagb-container-inner-blocks-wrap,
	.uagb-block-92585941 .uagb-container-inner-blocks-wrap {
		padding: 20px 0;
	}
	
	.uagb-block-97c816a3 .wp-block-uagb-container {
		border: 1px solid #0000002e;
	}
	
	.uagb-block-92585941 .wp-block-uagb-container {
		border: 1px solid #00b4a652;
		padding: 10px;
		gap: 5px;
	}
	
	.uagb-block-92585941 .wp-block-uagb-container p {
		margin: 0 !important;
	}
	
	.uagb-block-75991417 > div {
		margin: 0 !important;	
	}
	
	.uagb-block-75991417 > div {
		max-width: 20% !important;
		max-height: 60px !important;
	}
	
	body .site .wp-block-uagb-container.uagb-block-8e8d9055.uagb-layout-grid {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	
	.wp-block-uagb-container.uagb-is-root-container .uagb-block-280e398b {
		max-width: 100% !important;
	}
	
	.site .wp-block-uagb-container .uagb-block-1b283a7f {
		display: grid !important;
    	grid-template-columns: repeat(1, 1fr) !important;
	}
	
	.uagb-block-1b283a7f > div {
		max-width: 100% !important;
	}
	
	.site .uagb-block-93ae6d45 {
		display: grid !important;
    	grid-template-columns: repeat(2, 1fr) !important;
	}
	
	.uagb-block-10704963 {
		text-align: center !important;
	}
	
	.uagb-block-efe44f29 {
		align-items: center !important;
	}
	
	.wp-block-uagb-container .uagb-block-8eac4edb {
		justify-content: center !important;
		gap: 20px;
	}
	
	.wp-block-uagb-container .uagb-block-8eac4edb > div {
		max-width: 50% !important;
	}
	
	.site-table__custom tbody td:first-child,
	.site-table__custom thead th {
		font-size: 9px !important;
	}
	
	.site-table__custom td {
		font-size: 12px !important;
	}
	
	.wp-block-uagb-container .uagb-block-bddaf590 > h3 {
		text-align: center !important;
	}
	
	/* Матрица товаров */
	.woocommerce-products-header {
		margin-bottom: 0 !important;
	}
	
	.woocommerce-notices-wrapper {
		display: none;
	}
}

/* ---------- 680px ---------- */
@media (max-width: 680px) {	
	/* 	ЛИНЕЙКИ ПРОДУКЦИИ */
	body .site .uagb-block-fade66e3 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
	
	.site .uagb-block-bddaf590 {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	
	.uagb-block-bddaf590 .completed-projects__box-icon {
		display: none !important;
	}
	
	.completed-projects__box-statistics div {
		max-width: 30% !important;
		display: flex !important;
		flex-wrap: nowrap !important;
	}

	/* Матрица товаров */
	.term-description {
		margin-top: 0 !important;	
	}
	
	/* =========================================================
	Страница поисковой выдачи
	========================================================= */
	.custom-search-container {
        grid-template-columns: repeat(1, 1fr);
    }
	
	.search-card-image img {
		width: 50%;
	}
	
	/* =========================================================
	FOOTER
	========================================================= */
	.footer-vertical-block {
		gap: 25px;
	}
}

/* ---------- 600px ---------- */
@media (max-width: 600px) {	
	.site .alignfull {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
	
	.site .kolben-woo-bottom-row .content-area.primary {
		padding-left: 0 !important;
	}
	
	ul.products {
		grid-template-columns: 1fr !important;
	}
	
	/* СТИЛИ ДЛЯ СТРАНИЦЫ 404 */
    .kolben-404-wrapper .icon-wrapper svg {
        width: 56px;
        height: 56px;
    }
    
    .kolben-404-wrapper h1 {
        font-size: 20px;
    }
    
    .kolben-404-wrapper .sub {
        font-size: 14px;
        margin-bottom: 24px;
    }
    
    .kolben-404-wrapper .btn-back {
        width: 100%; /* На мобильных кнопка растягивается на всю ширину */
        padding: 14px 20px;
    }
}

/* ---------- 425px ---------- */
@media (max-width: 425px) {
	.site .logo {
		max-width: 200px;
	}
	
	.site .uagb-block-839f2314 h1 {
		font-size: 26px !important;
	}
	
	.site .uagb-block-839f2314 p:first-child {
		font-size: 10px !important;
	}
	
	.site .kolben-dynamic-card .card-img-wrap {
		height: auto;
	}
	
	.uagb-block-97c816a3 div > div {
		height: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		padding: 0 5px !important;
	}
	
	.uagb-block-545f79c0 div > div {
		flex-direction: column !important;
	}
	
	.uagb-block-545f79c0 div > div p {
		text-align: center !important;
	}
	
	.site .wizard-dark-bg {
        padding: 0 !important;
    }
	
	.site .wizard-card button {
    	font-size: 12px !important;
    }
	
	.site .uagb-block-93ae6d45 h4 {
		font-size: 11px !important;
	}
	
	.site .uagb-block-bddaf590 {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	
	.site .uagb-block-0f23c74a > div {
		max-width: 30% !important;
	}
	
	.site .uagb-block-da4ed531 {
		max-width: 100% !important;
	}
	
	/*  */
	.result-count,
	.woocommerce-ordering {
		font-size: 12px !important;
	}
	
	/* Матрица товаров -> карточка товара -> фото */
	li.product-card .card-image {
		height: 180px !important;
	}
	
	li.product-card .card-image img {
		padding: 5px !important;
	}
	
	/* Форма */
	.site .kolben-modal-content {
		max-width: 90vw !important;
		max-height: fit-content !important;
	}
	
	/* =========================================================
	Страница поисковой выдачи
	========================================================= */
	.site .search-card-image img {
		width: 80% !important;
	}
}