@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//aquasi.topsite.by/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//aquasi.topsite.by/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//aquasi.topsite.by/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//aquasi.topsite.by/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//aquasi.topsite.by/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//aquasi.topsite.by/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//aquasi.topsite.by/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//aquasi.topsite.by/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//aquasi.topsite.by/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Google Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(86,92,99);
	--wd-text-font-size: 16px;
	--wd-title-font: "Google Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(14,27,43);
	--wd-entities-title-font: "Google Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(14,27,43);
	--wd-entities-title-color-hover: rgb(26, 115, 233);
	--wd-alternative-font: "Google Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Google Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(14,27,43);
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: "Google Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(26,115,233);
	--wd-alternative-color: rgb(14,27,43);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(26,115,233);
	--btn-accented-bgcolor-hover: rgb(14,27,43);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--btn-transform: none;
	--btn-color: rgb(255,255,255);
	--btn-padding: 16px 16px 16px 16px;
	--btn-color-hover: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(26,115,233);
	--wd-link-color-hover: rgb(14,27,43);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:#FAFAFA;
	--wd-bordered-bg:#FAFAFA;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(7,30,34);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-size: 58px;
	text-transform: none;
	color: rgb(14,27,43);
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
.wd-product-cats a {
	font-family: "Google Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgb(86,92,99);
}
.wd-product-cats a:hover {
	color: rgb(14,27,43);
}
.wd-entities-title {
	font-family: "Google Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: none;
}
html .wd-nav.wd-nav-main > li > a, html .wd-nav.wd-nav-secondary > li > a {
	font-size: 14px;
}
html .btn.wd-buy-now-btn {
	background: rgb(14,27,43);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 42px;
	--wd-arrow-icon-size: 14px;
	--wd-arrow-offset-h: 10px;
	--wd-arrow-color: rgb(26,115,233);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgb(165,165,165);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(26,115,233);
	--wd-arrow-bg-dis: rgb(242,242,242);
	--wd-arrow-radius: 5px;
	--wd-arrow-brd: 1px solid;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-size: 42px;
	--wd-arrow-icon-size: 14px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 10px;
	--wd-arrow-color: rgb(26,115,233);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgb(165,165,165);
	--wd-arrow-bg: rgb(229,240,255);
	--wd-arrow-bg-hover: rgb(26,115,233);
	--wd-arrow-bg-dis: rgb(242,242,242);
	--wd-arrow-radius: 5px;
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-bg: rgb(229,240,255);
	--wd-pagin-bg-hover: rgb(26,115,233);
	--wd-pagin-bg-act: rgb(26,115,233);
	--wd-pagin-radius: 2px;
	--wd-pagin-brd-width: 0px;
	--wd-pagin-brd-style: solid;
}
.wd-nav-scroll {
	--wd-nscroll-drag-bg: rgb(14,27,43);
	--wd-nscroll-drag-bg-hover: rgb(14,27,43);
}
.product-labels .product-label.onsale {
	background-color: rgb(249,125,29);
}
.product-labels .product-label.new {
	background-color: rgb(22,183,97);
}
.product-labels .product-label.featured {
	background-color: rgb(231,27,47);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(231,27,47);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 100%;
}

@media (max-width: 1024px) {
	:root {
		--btn-padding: 16px 16px 16px 16px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 36px;
	}
	.wd-product-cats a {
		font-size: 14px;
	}
	.wd-entities-title {
		font-size: 16px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--btn-padding: 16px 16px 16px 16px;
	}
	.wd-product-cats a {
		font-size: 14px;
	}
	.wd-entities-title {
		font-size: 16px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
--wd-cat-brd-radius: 5px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgba(119,208,255,0.10196078431372549);
}

.wd-header-cats.wd-style-1 .menu-opener {
    border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;}
ul#menu-category-pc {
    border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.button-podbor-obor{
	border-radius: 5px;

}
.wd-slide-container {
	padding 0% !important;}

//.woocommerce .product_title.entry-title{
//	font-size: 40px !important
//}
.woocommerce .product .summary .price{
	font-size: 35px !important
}

.entry-meta.wd-entry-meta {
    display: none !important;
}

h3.wd-entities-title.title.post-title {
    font-size: 16px !important;
}
.product-category .wd-cat-content .wd-entities-title{
	  font-size: 16px;
		text-transform: none !important;
		line-height: 1.2em !important;
}
.wd-post-date.wd-style-with-bg {
	min-width: 36px !important;}
.wd-post-date.wd-style-with-bg .post-date-day {
    padding-top: 2px !important;
    padding-bottom: 0px !important;
    font-size: 14px !important;
}
.wd-post-date.wd-style-with-bg .post-date-month {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: 11px !important;
}
h3.elementor-post__title {
    font-size: 18px !important;
}
.bx-im-textarea-input {
	border-radius: 0;}
.elementor-18008 .elementor-element.elementor-element-7e03ba2 a:link {
    border-bottom: none;
}
.wd-nav-img, .mega-menu-list img {
	max-height: 22px !important;}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {display: none !important;
}
table.variations {
    margin-bottom: 0px !important;}
.woocommerce-variation>div {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
.wd-reset-var {
    display: none !important;
}
div.quantity {
	display: none !important;}
button.single_add_to_cart_button {
    display: none !important;
}
.wd-add-btn.wd-action-btn.wd-style-icon.wd-add-cart-icon {
    display: none !important;
}
small {
    opacity: 1 !important;
}
.nav-link-text{
	font-size: 15px;
}
@media (max-width: 1261px) {
.nav-link-text{
	font-size: 14px;
	}
	.e-n-menu-title-text{
		font-size: 14px;
	}
.wd-nav.wd-gap-m {
    --nav-gap: 20px;
}
}
.wd-content-layout {
   padding: 0 !important;
}
.b24-widget-button-wrapper{
	display: none !important;
}

/* Обращаемся к ссылке внутри конкретного меню */
#menu-category-pc-1 > li.menu-item-has-children > a.woodmart-nav-link {
    display: flex !important;
    justify-content: space-between !important; 
    align-items: center !important; /* Добавил !important для надежности */
    
    width: 200px !important; 
    height: 40px !important; /* ВАЖНО: Жестко задаем высоту как у поля поиска */
    min-height: 40px !important; /* Дублируем для надежности */
    line-height: 1 !important; /* Сбрасываем кривой межстрочный интервал темы */
    
    box-sizing: border-box !important;
    padding-left: 20px !important; 
    padding-right: 20px !important; 
    border-radius: 5px !important; 
    font-size: 16px !important; 
}

/* Убираем стандартный отступ у стрелочки Woodmart */
#menu-category-pc-1 > li.menu-item-has-children > a.woodmart-nav-link::after {
    margin-left: 0 !important;
}

/* --- ШИРИНА ВЫПАДАЮЩЕГО МЕНЮ --- */
#menu-category-pc-1 > li.menu-item-has-children > .wd-dropdown-menu {
    min-width: 320px !important; 
}

@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap');

/* Базовый контейнер */
.custom-specs-container {
  font-family: var(--e-global-typography-0cefe88-font-family, 'Google Sans'), sans-serif !important;
  width: 100% !important;
  font-size: 16px !important; 
}

/* Принудительно задаем размер для обычного текста (абзацев описания) */
.custom-specs-container p {
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
}

/* ЖЕСТКО ЗАДАЕМ ПРАВИЛА ДЛЯ КОНТЕЙНЕРОВ */
.custom-specs-masonry {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.custom-specs-list-wrapper {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ==============================================
   ДВЕ КОЛОНКИ ДЛЯ ПК
   ============================================== */
@media (min-width: 992px) {
  /* Для мелких характеристик оставляем перетекающие колонки (Masonry) */
  .custom-specs-masonry {
    column-count: 2 !important; 
    column-gap: 60px !important; 
  }
  
  /* ДЛЯ СПИСКОВ ВКЛЮЧАЕМ НЕПРОБИВАЕМЫЙ GRID */
  .custom-specs-list-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Строго 2 одинаковые колонки */
    gap: 60px !important;                      /* Расстояние между ними */
    align-items: start !important;             /* Чтобы списки не растягивались по высоте друг друга */
  }
}
/* ==============================================
   ГРУППЫ ХАРАКТЕРИСТИК
   ============================================== */
.spec-group {
  break-inside: avoid !important; 
  page-break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important; 
  margin: 0 0 16px 0 !important; 
  padding: 0 !important;
  display: inline-block !important; 
  vertical-align: top !important; 
  width: 100% !important;
  box-sizing: border-box !important;
}

.spec-header {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--e-global-color-secondary, #0E1B2B) !important;
  text-transform: uppercase !important;
  margin: 0 0 10px 0 !important; 
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* Строка характеристики (здесь была проблема с 34px) */
.spec-row {
  display: flex !important;
  align-items: baseline !important; 
  margin: 0 0 5px 0 !important;  /* Убиваем внешние отступы от темы */
  padding: 0 !important;         /* Убиваем внутренние отступы от темы */
  min-height: auto !important;   /* Запрещаем теме растягивать блок */
}

.spec-name {
  color: var(--e-global-color-text, #565C63) !important;
  font-size: 15px !important; 
  line-height: 1.2 !important;   /* Убиваем гигантский межстрочный интервал */
  margin: 0 !important;
  padding: 0 !important;
}

.spec-dots {
  flex-grow: 1 !important;
  border-bottom: 1px dotted #A0AAB5 !important; 
  margin: 0 10px !important;
  position: relative !important;
  top: -3px !important; 
  height: 1px !important;        /* Чтобы линия точек не растягивала высоту */
}

.spec-value {
  font-weight: 500 !important;
  color: var(--e-global-color-secondary, #0E1B2B) !important;
  white-space: nowrap !important; 
  font-size: 15px !important; 
  line-height: 1.2 !important;   /* Убиваем гигантский межстрочный интервал */
  margin: 0 !important;
  padding: 0 !important;
}

/* ==============================================
   ЗАГОЛОВКИ (Опции, Особенности)
   ============================================== */
.custom-specs-container h3.custom-specs-title {
  font-size: 20px !important; 
  font-weight: 700 !important;
  color: var(--e-global-color-secondary, #0E1B2B) !important;
  margin: 0 0 12px 0 !important; 
  padding: 0 !important;
  line-height: 1.3 !important;
}

/* ==============================================
   СПИСКИ И ИКОНКИ
   ============================================== */
.custom-specs-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
}

.custom-specs-list li {
  position: relative !important;
  padding: 0 0 0 24px !important; 
  margin: 0 0 8px 0 !important; 
  font-size: 15px !important; 
  color: var(--e-global-color-text, #565C63) !important;
  line-height: 1.4 !important;
  break-inside: avoid !important;
}

/* Иконки-галочки */
.custom-specs-list li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 3px !important; 
  width: 14px !important;
  height: 14px !important;
  background-color: var(--e-global-color-primary, #1A73E9) !important;
  border-radius: 3px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-size: 9px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.wd-tools-element:is([class*="wd-design-6"],[class*="wd-design-7"]) :is(.wd-tools-inner,.wd-tools-icon) {
    border-radius: var(--wd-brd-radius) !important;
}


/* MOBILE MENU */

/* ==========================================
   СТИЛИ ДЛЯ МОБИЛЬНОГО МЕНЮ
   ========================================== */

/* 1. Скругляем саму панель меню (если она выезжает справа) */
.mobile-nav.wd-right {
    border-radius: 5px 0 0 5px; /* Скругляем левые углы */
    padding-bottom: 20px;
}

/* 2. Оформляем строку поиска под стиль меню */
/* Обнуляем тени и делаем отступы по краям */
.mobile-nav .wd-search-form {
    padding: 0 20px !important; /* 20px по бокам, 20px снизу до меню */
    box-shadow: none !important;
}

/* Сама форма (фон и скругления) */
.mobile-nav .searchform {
    position: relative;
    background-color: white !important; /* Светло-серый фон */
    border: 1px solid #e2e5ec !important; /* Тонкая рамка */
    border-radius: 5px !important;
    display: flex;
    align-items: center;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Настройки поля ввода (текста) */
.mobile-nav .searchform input[type="text"].s {
    border: none !important;
    background: transparent !important;
    height: 46px !important;
    padding: 0 15px 0 15px !important; /* 45px слева — это место под лупу */
    font-size: 15px !important;
	font-style: normal !important;
    color: #111b29 !important;
    box-shadow: none !important;
    width: 100% !important;
}


/* 3. Оформляем шапку меню и кнопку "Закрыть" (крестик в квадрате) */
.mobile-nav .wd-heading {
    display: flex;
    justify-content: flex-end; /* Сдвигаем кнопку вправо */
    align-items: center;
    padding: 20px;
    border: none; /* Убираем нижнюю полосу */
}
.mobile-nav .wd-heading .close-side-widget {
    background-color: #ffffff;
    border: 1px solid #e2e5ec;
    border-radius: 5px; /* Квадратная кнопка со скруглениями */
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-nav .wd-heading .close-side-widget a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.mobile-nav .wd-heading .wd-action-text {
    display: none !important; /* Скрываем слово "Закрыть" */
}
.mobile-nav .wd-heading .wd-action-icon {
    font-size: 18px; /* Размер крестика */
    color: #111b29;
	margin: 0 !important;
}

/* 4. Оформляем пункты меню (выравниваем линии и текст) */
.mobile-nav .wd-nav-mobile {
    padding: 0 20px !important; /* Сдавливаем весь список по бокам */
}
.mobile-nav .wd-nav-mobile > li {
/*     border-bottom: 1px solid #e2e5ec !important;  */
}
.mobile-nav .wd-nav-mobile > li:last-child {
    border-bottom: none !important;
}
.mobile-nav .wd-nav-mobile > li > a {
    padding: 18px 0 !important; /* Убираем боковые отступы у самих ссылок */
    font-weight: 500 !important;
    color: #111b29 !important;
    background-color: transparent !important;
}

/* 5. Добавляем красивые SVG-стрелочки вправо для всех пунктов (кроме Избранного) */
.mobile-nav .wd-nav-mobile > li:not(.menu-item-wishlist) > a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mobile-nav .wd-nav-mobile > li:not(.menu-item-wishlist) > a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    /* Иконка стрелочки вправо */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111b29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6; /* Немного приглушаем цвет стрелки */
}

/* Оформляем шапку меню (логотип слева, крестик справа) */
.mobile-nav .wd-heading {
    display: flex;
    justify-content: space-between; /* Раздвигает элементы по краям */
    align-items: center;
    padding: 20px;
    border: none;
}

/* Вставляем логотип */
.mobile-nav .wd-heading::before {
    content: "";
    display: block;
    width: 180px; /* Ширина логотипа (подберите нужную) */
    height: 40px; /* Высота логотипа */
    
    /* ВСТАВЬТЕ ВАШУ ССЫЛКУ НА ЛОГОТИП МЕЖДУ КАВЫЧКАМИ НИЖЕ */
    background-image: url("https://aquasi.topsite.by/wp-content/uploads/2026/05/logo-black-aq-2.svg"); 
    
    background-size: contain; /* Картинка подстроится под размеры без обрезки */
    background-repeat: no-repeat;
    background-position: left center;
}


/* ==========================================
   АДАПТИВ ШАПКИ ДЛЯ НОУТБУКОВ (1025px - 1420px)
   ========================================== */

@media (min-width: 1025px) and (max-width: 1420px) {
    /* Сбрасываем жесткую высоту пунктов меню */
    .whb-header .wd-nav.wd-nav-secondary > li > a {
        height: auto !important;
        min-height: auto !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    
    /* Задаем маленький отступ между рядами (5px) */
    .whb-header .wd-nav.wd-nav-secondary {
        row-gap: 5px !important; 
        align-items: center !important;
    }
	 .whb-header .wd-nav.wd-nav-secondary > li > a {
        font-size: 13px !important; 
	}
}

/* ==========================================
   СТИЛИ ДЛЯ КАРТОЧЕК ХОТСПОТОВ (ТОЧКИ НА ФОТО) - КОМПАКТНАЯ ВЕРСИЯ
   ========================================== */

/* 1. Уменьшаем общие габариты карточки */
.wd-image-hotspot .hotspot-product {
    width: 240px !important; /* Сделали карточку уже (было 340px) */
    padding: 15px !important; /* Уменьшили внутренние отступы */
}

/* 2. Жестко ограничиваем высоту картинки (она съедала больше всего места) */
.wd-image-hotspot .hotspot-content-image {
    margin-bottom: 10px !important;
}
.wd-image-hotspot .hotspot-content-image img {
    max-height: 120px !important; /* Жесткий лимит высоты картинки! */
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* 3. Ужимаем тексты и отступы (чтобы не было пустых дыр) */
.wd-image-hotspot .hotspot-product .wd-entities-title {
    font-size: 13px !important; /* Немного уменьшили шрифт заголовка */
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
}
.wd-image-hotspot .hotspot-product .price {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

/* 4. Делаем кнопку более аккуратной и тонкой */
.wd-image-hotspot .hotspot-product .btn {
    width: 100% !important; 
    border-radius: 5px !important; 
    margin-top: 10px !important; /* Отступ над кнопкой стал меньше */
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    font-size: 13px !important; /* Шрифт на кнопке стал 13px */
    font-weight: 600 !important;
    
    min-height: 38px !important; /* Кнопка стала тоньше (было 44px) */
    padding: 0 10px !important;
    line-height: 1 !important;
}

/* ==========================================
   СТИЛИ ДЛЯ КАРУСЕЛИ КАТЕГОРИЙ 
   ========================================== */

/* 1. Делаем карточки одинаковой высоты (перебиваем скрипты WoodMart) */
.wd-carousel .wd-carousel-wrap {
    display: flex !important;
    align-items: stretch !important;
}
.wd-carousel .wd-carousel-item {
    display: flex !important;
    height: auto !important;
}
.category-grid-item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}
.category-grid-item .wd-cat-inner.wrapp-category {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 0 !important; /* Сбрасываем скрытые отступы темы */
}

/* 2. Стилизуем саму карточку: жестко задаем ЕДИНЫЙ отступ со всех сторон */
.category-grid-item .wd-cat-wrap {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important; 
    flex-grow: 1 !important;
    background-color: #ffffff;
    border: 1px solid #e2e5ec;
    border-radius: 5px;
    padding: 20px !important; /* Строго 20px со всех 4-х сторон */
    transition: all 0.3s ease;
    position: relative !important;
}

/* Эффект при наведении на карточку (серый фон) */
.category-grid-item:hover .wd-cat-wrap {
    background-color: #f4f5f8;
    border-color: transparent;
}

/* 3. Выравниваем картинку и ФИКСИРУЕМ ее блок по высоте, ЧТОБЫ НЕ ОБРЕЗАЛАСЬ */
.category-grid-item .wd-cat-thumb {
    margin-bottom: 15px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 160px !important; /* Фиксируем высоту для ровного текста */
    flex-shrink: 0 !important;
}

/* Растягиваем невидимую ссылку-обертку на все 160px */
.category-grid-item .wd-cat-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Настройки самой картинки: вместить целиком (contain) */
.category-grid-item .wd-cat-thumb img {
    max-height: 100% !important; 
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important; /* Запрещаем обрезать края! */
}

/* Отключаем зум при наведении */
.category-grid-item:hover .wd-cat-thumb img,
.category-grid-item:hover .wd-cat-image,
.category-grid-item:hover .category-image {
    transform: none !important;
}

/* 4. Настраиваем текстовый блок (он растягивается, текст вверху, стрелка внизу) */
.category-grid-item .wd-cat-content {
    /* Убрали margin-top: auto */
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    width: 100% !important;
    padding: 0 !important;
    
    /* Теперь текстовый блок забирает всё свободное место снизу */
    flex-grow: 1 !important; 
}

.category-grid-item .wd-entities-title {
    font-size: 16px !important;
    line-height: 1.3;
    font-weight: 600;
    color: #111b29;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    
    /* МАГИЯ ЗДЕСЬ: отступ 'auto' снизу отталкивает стрелку в самый конец карточки! */
    margin: 0 0 auto 0 !important; 
}

/* Рисуем стрелку как естественный элемент под текстом */
.category-grid-item .wd-cat-content::after {
    content: "" !important;
    display: block !important;
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    border: 1px solid #e2e5ec;
    border-radius: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231c51db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5l7 7-7 7'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    transition: all 0.3s ease;
    pointer-events: none;
    
    /* Делаем небольшой защитный отступ сверху, если текст в 3-4 строки дойдет до стрелки */
    margin-top: 15px !important; 
}

/* Изменение рамки стрелки при наведении на карточку */
.category-grid-item:hover .wd-cat-content::after {
    border-color: #d1d5df; 
}

/* ==========================================
   СТИЛИ ДЛЯ НОВЫХ КАРТОЧЕК КАТАЛОГА (B2B)
   ========================================== */

/* 1. Превращаем карточку в статичный аккуратный блок (отключаем прыжки WoodMart) */
.wd-product .product-wrapper {
    background-color: #ffffff !important;
    border: 1px solid #e2e5ec !important;
    border-radius: 8px !important;
    padding: 20px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.3s ease !important;
    overflow: visible !important;
}

/* Отменяем скрытие нижней части и выравниваем контент */
.wd-product.wd-hover-tiled .product-element-bottom {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    margin-top: 15px !important;
    padding: 0 !important;
}

/* 2. Делаем кнопку Избранного всегда видимой */
.wd-product .wd-buttons {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    right: 15px !important;
    top: 15px !important;
}

/* Стилизуем квадратик сердечка (Избранное) */
.wd-product .wd-wishlist-btn {
    background-color: #ffffff !important;
    border: 1px solid #e2e5ec !important;
    border-radius: 6px !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease;
}
.wd-product .wd-wishlist-btn a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}
.wd-product .wd-wishlist-icon .wd-action-icon {
    color: #111b29 !important; /* Цвет сердечка */
    font-size: 16px !important;
}

/* Прячем лишние кнопки WoodMart (лупа/сравнение), оставляем только сердечко */
.wd-product .wd-buttons > div:not(.wd-wishlist-btn) {
    display: none !important;
}

/* 3. Выстраиваем текст и цену */
.wd-product .wd-entities-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 5px !important;
}
.wd-product .wd-product-cats {
    margin-bottom: 15px !important;
}
/* Реальная цена (если есть), встает ровно над кнопкой */
.wd-product .price.has-real-price {
    display: block !important;
    color: #1c51db !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
}

/* 4. Настраиваем нашу новую кнопку (Базовое состояние) */
.wd-product .custom-popup-btn {
    margin-top: auto !important; /* Прижимает кнопку в самый низ */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px;
    width: 100% !important;
    height: 42px !important;
    border: 1px solid #1c51db !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    color: #1c51db !important; /* Синий текст */
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* 5. Эффекты при наведении (Hover состояния как на макете) */
.wd-product:hover .product-wrapper {
    border-color: #cdd1dc !important; /* Рамка карточки чуть темнеет */
    box-shadow: 0 5px 15px rgba(0,0,0,0.04) !important;
}
.wd-product:hover .custom-popup-btn {
    background-color: #1c51db !important; /* Кнопка заливается синим */
    color: #ffffff !important;            /* Текст становится белым */
}
.wd-product:hover .wd-wishlist-btn {
    border-color: #cdd1dc !important;
}

/* ==========================================
   АДАПТИВ КАРТОЧЕК КАТАЛОГА ДЛЯ МОБИЛЬНЫХ (до 767px)
   ========================================== */
@media (max-width: 767px) {
    /* 1. Возвращаем сердечко на место (в правый верхний угол) */
    .wd-product .wd-buttons {
        position: absolute !important; 
        top: 10px !important;
        right: 10px !important;
    }
    /* Чуть уменьшаем саму кнопку сердечка */
    .wd-product .wd-wishlist-btn {
        width: 30px !important;
        height: 30px !important;
    }
    .wd-product .wd-wishlist-icon .wd-action-icon {
        font-size: 14px !important;
    }

    /* 2. Даем больше места контенту: уменьшаем пустые поля по краям */
    .wd-product .product-wrapper {
        padding: 12px 10px !important; /* Сверху/снизу 12px, по бокам 10px */
    }

    /* 3. Чиним разорванную кнопку "Запросить цену" */
    .wd-product .custom-popup-btn {
        font-size: 12px !important; /* Уменьшаем шрифт */
        gap: 4px !important;        /* Уменьшаем отступ до стрелочки */
        padding: 0 4px !important;  
        height: 36px !important;    /* Делаем кнопку чуть тоньше */
        white-space: nowrap !important; /* СТРОГО запрещаем перенос текста на 2 строки */
    }

    /* 4. Слегка уменьшаем шрифты заголовка и категории */
    .wd-product .wd-entities-title {
        font-size: 13px !important;
        margin-bottom: 4px !important;
    }
    .wd-product .wd-product-cats {
        font-size: 11px !important;
        margin-bottom: 10px !important;
    }
    
    /* Уменьшаем размер цены, если она есть */
    .wd-product .price.has-real-price {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
}
/* 1. Ставим сердечко строго в угол по внутреннему отступу картинки */
.wd-product .wd-buttons {
    top: 0 !important;
    right: 0 !important;
}
@media (max-width: 767px) {
    .wd-product .wd-buttons {
        top: 0 !important;
        right: 0 !important;
    }
}

/* 2. Жестко сжимаем дыры между текстом */
.wd-product.wd-hover-tiled .product-element-bottom {
    margin-top: 10px !important; /* Отступ от картинки до названия */
}
.wd-product .wd-entities-title {
    margin-bottom: 4px !important; /* Отступ от названия до категорий */
    line-height: 1.2 !important;
}
.wd-product .wd-product-cats {
    margin-bottom: 8px !important; /* Отступ от категорий до цены/кнопки */
    line-height: 1.2 !important;
}
.wd-product .price.has-real-price {
    margin-bottom: 12px !important; /* Отступ от цены до кнопки */
    line-height: 1 !important;
}

/* 3. Меняем текстовую стрелку на красивую SVG */
/* Прячем текстовую стрелочку из JS-скрипта */
.wd-product .custom-popup-btn .arrow {
    display: none !important;
}

/* Рисуем новую векторную синюю стрелочку */
.wd-product .custom-popup-btn::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c51db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5l7 7-7 7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s ease;
}

/* При наведении на карточку меняем цвет стрелочки на белый */
.wd-product:hover .custom-popup-btn::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5l7 7-7 7'/%3E%3C/svg%3E");
}

/* ==========================================
   СТИЛИ ДЛЯ КАРУСЕЛИ НОВОСТЕЙ (БЛОГА)
   ========================================== */

/* 1. Делаем карточки одинаковой высоты */
.wd-carousel .wd-carousel-wrap {
    display: flex !important;
    align-items: stretch !important;
}
.wd-carousel .wd-carousel-item {
    display: flex !important;
    height: auto !important; 
}
.wd-post.blog-post-loop {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
}

/* 2. Оформление самой карточки (фон, рамка, скругления 5px) */
.wd-post.blog-post-loop .wd-post-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e5ec !important; 
    border-radius: 5px !important; /* Установили 5px */
    box-shadow: none !important;          
    transition: all 0.3s ease !important;
    overflow: hidden !important;          
}

.wd-post.blog-post-loop .wd-post-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 20px !important; 
}

/* 3. Эффект наведения: серый фон */
.wd-post.blog-post-loop:hover .wd-post-inner {
    background-color: #f4f5f8 !important;
    border-color: transparent !important;
    transform: none !important; /* На всякий случай отключаем подпрыгивание самой карточки */
}

/* 4. БРОНЕБОЙНОЕ отключение зума картинки при наведении */
.wd-post.blog-post-loop:hover .wd-post-thumb img,
.wd-post.blog-post-loop:hover .wd-post-img img,
.wd-post.blog-post-loop .wd-post-thumb:hover img,
html .wd-post.blog-post-loop:hover .wd-post-img {
    transform: none !important;
    scale: 1 !important; /* Перебиваем новые свойства WoodMart */
}@media (min-width: 1025px) {
	.wd-builder-off .single-product-page {
  --wd-single-spacing: 10px !important
}
.product-tabs-wrapper .tabs-layout-tabs>.wd-nav-tabs-wrapper {
    margin-bottom: 10px !important
}

.title-size-default .title {
    font-size: 36px !important;
}
.wd-nav.wd-gap-l {
    --nav-gap: 13px !important;
}
.wd-header-cats.wd-style-1 .menu-opener {
	min-width: 200px !important;
}
.product-category .wd-cat-content .wd-entities-title{
	  font-size: 16px !important;
		text-transform: none !important;
		line-height: 1.2em !important;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.product-tabs-wrapper .tabs-layout-tabs>.wd-nav-tabs-wrapper {
    margin-bottom: 10px !important
}
h1.entry-title.title {
	font-size: 26px;
}
.nav-link-text{
	font-size: 14px !important;
	}
.searchform  input{
	border-radius: 0px !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-nav-img, .mega-menu-list img {
  margin-right: 12px !important;
  max-height: 24px !important;
}
.page-title .title {
  font-size: 24px !important;
}
.page-title .container {
  margin-bottom: -20px !important;
}
}

@media (max-width: 576px) {
	.wd-builder-off .single-product-page {
  --wd-single-spacing: 10px !important
}
.wd-builder-off .single-product-page>div:not(:last-child) {
    margin-bottom: 10px !important
}
h1.entry-title.title {
	font-size: 20px;
}
.reset-last-child>*:last-child {
    margin-bottom: 15px !important;
}
figure.woocommerce-product-gallery__wrapper.owl-items-lg-1.owl-items-md-1.owl-items-sm-1.owl-items-xs-1.owl-carousel.wd-owl.owl-loaded.owl-drag {
    margin-top: 3px;
}
.mobile-categories-menu li a{
	padding: 5px 10px !important;
}
.nav-link-text{
	font-size: 14px !important;
	}
.searchform  input{
	border-radius: 0px !important;
}
ct-category .wd-cat-content .wd-entities-title{
	  font-size: 15px !important;
}
.wd-cat-content .wd-entities-title{
		  font-size: 16px !important;
}
.wd-product-cats a{
	font-size: 13px;
}
}