:root {
	--wd-cat-brd-radius: 10px;
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #97C166;
	--wd-alternative-color: rgb(115,84,239);
	--btn-default-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: #97C166;
	--btn-accented-bgcolor-hover: #82AD4E;
	--btn-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(134,173,109);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #97C166;
	--wd-link-color-hover: #82AD4E;
	--wd-sticky-btn-height: 75px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	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:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 30px;
	text-transform: capitalize;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	text-transform: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	color: #97C166;
	background: rgba(151, 193, 102,0.16);
}
html .btn.wd-buy-now-btn:hover {
	color: #82AD4E;
	background: rgba(151, 193, 102,0.24);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 28px;
	--wd-arrow-icon-size: 25px;
}
.wd .product-label.onsale {
	background-color: #97C166;
}
.wd .product-label.new {
	background-color: #97C166;
}
.wd .product-label.featured {
	background-color: rgb(226,172,63);
}
.wd .product-label.out-of-stock {
	background-color: rgb(224,96,111);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 75px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}

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

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


.wd-page-title {
background-color: rgb(246,245,248);
}

@media (min-width: 769px) {
    .wd-sticky-btn.wd-sticky-btn-shown {
        height: 75px;
    }
}

.box-icon-wrapper.box-with-icon.box-icon-simple .info-box-icon img {
    background: #97C166;
    border-radius: 50%;
    padding: 5px;
}

.whb-color-light .wd-header-cart.wd-design-3 .wd-tools-icon:before {
    color: white;
    font-size: 18px;
    background: #97C166;
    padding: 7px;
    border-radius: 50%;
}

.whb-color-light .wd-header-cart.wd-design-3 .wd-cart-number {
    color: rgb(20 7 7 / 80%);
}



.wd-page-title.page-title {
    background: #ebf4eb;
}

/* Mobile header menu icon and profile icon */
.wd-tools-element.wd-header-mobile-nav.wd-style-icon.wd-design-1.whb-wn5z894j1g5n0yp3eeuz a {
  color: #310808;
}

.wd-header-my-account.wd-tools-element.wd-event-hover.wd-design-1.wd-account-style-icon.login-side-opener.whb-iwon4colq869w0571oj7 a {
  color: #310808 !important;
}


.wd-tools-text .wd-cart-number.wd-tools-count {
  color: #333 !important;
}



/* Hide Shiping and Delivery tab from single product page */
.product-template-default.single.single-product.postid-7716.wp-custom-logo.theme-woodmart.woocommerce.woocommerce-page.woocommerce-js.wrapper-custom.categories-accordion-on.woodmart-ajax-shop-on.sticky-toolbar-on.wd-sticky-btn-on.elementor-default.elementor-kit-3049.elementor-page.elementor-page-7716.e--ua-firefox #tab-title-wd_additional_tab {
  display: none !important;
}




li#tab-title-wd_additional_tab {
    display: none;
}


/* Menu Background color white in home page */
body.home .whb-top-bar {
  background-color: white;
}


/* 

.wd-cat-inner.wrapp-category {
  position: relative;
  overflow: hidden;
}

.wd-cat-inner.wrapp-category::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.5); /* Red overlay with 50% opacity */
  z-index: 1;
}

.wd-cat-thumb,
.wd-cat-content,
.category-link {
  position: relative;
  z-index: 2; /* Bring content above overlay */
}
 */


/* Home page header top background white */

.whb-row.whb-top-bar.whb-sticky-row.whb-with-bg.whb-without-border.whb-color-light.whb-hidden-mobile.whb-flex-equal-sides {
    background: white !important;
}


/* product Archive page filter area display flex */

/* .premmerce-filter-ajax-container {
    display: flex
;
    justify-content: space-between;
    width: 100%;
} */



/* When it is mobile then mobile menu cart will be hidden.  */

@media (max-width: 460px) {
  .wd-header-cart.wd-tools-element.wd-design-5.cart-widget-opener.whb-trk5sfmvib0ch1s1qbtc .wd-tools-icon {
    display: none !important;
  }
}

// радио кнопки
.variation-radios-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 15px 0;
}

.radio-option {
    position: relative;
}

.radio-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-option label {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgb(140,188,103);
    min-width: 80px;
}

.radio-option label:hover {
    border-color: #b3b3b3;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgb(140,188,103);
}

.radio-option input[type="radio"]:checked + label {
    border-color: rgb(140,188,103);
    background-color: rgb(140,188,103);
    box-shadow: 0 4px 8px rgba(140, 188, 103, 0.2);
}

.radio-option input[type="radio"]:focus + label {
    box-shadow: 0 0 0 3px rgb(140, 188, 103, 0.3);
}

.radio-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    transition: all 0.3s ease;
}

.radio-option input[type="radio"]:checked + label .radio-dot {
    border-color: rgb(140,188,103, 0.3);
    background-color: rgb(140,188,103, 0.3);
}

.radio-option input[type="radio"]:checked + label .radio-dot::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
}

.radio-label {
    font-weight: 500;
    color: #333;
}

.radio-option input[type="radio"]:disabled + label {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #f9f9f9;
}

/* Адаптивность */
@media (max-width: 768px) {
    .variation-radios-wrapper {
        flex-direction: column;
        gap: 8px;
    }
    
    .radio-option label {
        padding: 10px 15px;
    }
}



/* Mobile Slider arrow button style */

.wd-arrow-inner {
  margin-left: -14px;
  margin-top: 39px;
  margin-right: -14px;
}







/* ==== GNLT-QUICKFIX (04.07.2026) ==== */
.products .product-labels{top:6px;left:6px}
.products .product-label{font-size:11px!important;padding:3px 8px!important;line-height:1.4!important;min-height:0!important}
.wd-buy-now-btn{background-color:#97C166!important;border-color:#97C166!important;color:#fff!important}
.wd-buy-now-btn:hover{background-color:#82AD4E!important;border-color:#82AD4E!important;color:#fff!important}

/* Ссылка «Выход из системы» в футере — скрыта для гостей */
body:not(.logged-in) a[href*="customer-logout"]{display:none!important}

/* Вариации товара: заметный блок выбора (Б) */
.single-product form.variations_form table.variations{background:#f2f7ee;border:1px solid #DCE9C7;border-left:4px solid #97C166;border-radius:12px;padding:20px 16px;border-spacing:0 10px;border-collapse:separate;width:100%;margin-bottom:14px}
.single-product form.variations_form table.variations label{font-weight:600;color:#222}
/* Компактный блок иконок-характеристик (Д) */
.single-product .woocommerce-product-details__short-description table td{padding:3px 8px!important;font-size:13px;line-height:1.35}
.single-product .woocommerce-product-details__short-description table img{max-width:32px;height:auto}
.single-product .woocommerce-product-details__short-description{margin-bottom:10px}

/* Иконки характеристик: фирменный зелёный, единый стиль */
.single-product .woocommerce-product-details__short-description table .fas,
.single-product .woocommerce-product-details__short-description table .fa,
.single-product .woocommerce-product-details__short-description table [class*="fa-"]{color:#97C166}

/* Вариации: компактные кнопки в одну строку */
.single-product .variations .wd-swatches-product{gap:8px}
.single-product .variations .wd-swatch.wd-text{min-height:31px;height:31px}
.single-product .variations .wd-swatch.wd-text .wd-swatch-text{font-size:13px;padding:0 8px}

/* Кнопки вариаций плагина ADT — в стиле свотчей WoodMart */
.single-product .variations .wc-adt-buttons{display:inline-flex;gap:8px;flex-wrap:wrap;margin:0}
.single-product .variations .wc-adt-btn{height:31px!important;min-height:31px!important;line-height:29px!important;padding:0 10px!important;font-size:13px!important;font-weight:600!important;border:1px solid rgba(0,0,0,.15)!important;border-radius:5px!important;background:#fff!important;color:#333!important;cursor:pointer;box-shadow:none!important;transition:all .2s}
.single-product .variations .wc-adt-btn:hover{border-color:#333}
.single-product .variations .wc-adt-btn.selected{background:#333!important;border-color:#333!important;color:#fff!important}

/* «Очистить» — отдельной строкой внутри блока */
.single-product .variations .wd-reset-var{display:block;width:100%;margin:10px 0 0;text-align:left}
.single-product .variations a.reset_variations{font-size:12px}

/* Подпись атрибута — по верхнему краю, вровень с кнопками */
.single-product .variations th.label,.single-product .variations th,.single-product .variations td.label{vertical-align:top!important;padding-top:5px!important}
/* Зазор между кнопками Нет/Есть (fallback) */
.single-product .variations .wc-adt-btn{margin-right:8px}
.single-product .variations .wc-adt-btn:last-child{margin-right:0}

/* Кнопки Google Play / App Store — современный стиль */
.gl-store-link{display:inline-block;text-decoration:none!important;margin:4px 10px 4px 0;vertical-align:top}
.gl-store-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#333;border:1px solid #333;border-radius:10px;padding:9px 18px;min-width:160px;transition:all .25s;line-height:1}
.gl-store-link:hover .gl-store-btn{background:#97C166;border-color:#97C166;color:#fff}
.gl-store-link:hover .gl-store-btn i,.gl-store-link:hover .gl-store-txt small,.gl-store-link:hover .gl-store-txt b{color:#fff}
.gl-store-btn i{font-size:24px;color:#333;transition:color .25s}
.gl-store-txt{display:flex;flex-direction:column;gap:2px;text-align:left}
.gl-store-txt small{font-size:10px;opacity:.75;line-height:1.1;color:#333;transition:color .25s}
.gl-store-txt b{font-size:14px;font-weight:600;line-height:1.1;color:#333;transition:color .25s}

/* Плотнее отступы в карточке товара (gl-tight) */
.single-product .woocommerce-product-details__short-description{margin-bottom:4px}
.single-product .woocommerce-product-details__short-description table{margin-bottom:4px}
.single-product .woocommerce-product-details__short-description p{margin:0 0 8px}
.single-product .woocommerce-product-details__short-description p:empty{display:none}
.single-product form.variations_form{margin-top:0}

/* ==== gl-mobile-fixes: мобильная версия ==== */
@media (max-width:1024px){
  /* каталог: скрыть подпись категорий под товаром */
  .products .wd-product-cats{display:none!important}
  /* каталог: зелёные иконки «в корзину» / «выбрать параметры» */
  .products .wd-add-btn{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
  .products .wd-add-btn a.button{background:#97C166!important;border:none!important;box-shadow:none!important;color:#fff!important;font-weight:600}
  .products .wd-add-btn a.button *{color:#fff!important}
  /* карточка: кнопки вариаций крупнее, удобнее пальцу */
  .single-product .variations .wd-swatch.wd-text{min-height:36px;height:36px}
  .single-product .variations .wd-swatch.wd-text .wd-swatch-text{font-size:14px;padding:0 12px}
  .single-product .variations .wc-adt-btn{height:36px!important;min-height:36px!important;line-height:34px!important;font-size:14px!important}
  /* карточка: кнопки приложений во всю ширину */
  .single-product .gl-store-link{display:block;width:100%;margin:6px 0}
  .single-product .gl-store-btn{width:100%;justify-content:center}
}
/* мобильное боковое меню: уровни разделены цветом */
.wd-nav-mobile>li>a{font-weight:600;color:#222!important}
.wd-nav-mobile .item-level-1>a{font-weight:600!important;color:#222!important;background:rgba(119,160,88,.12)}
.wd-nav-mobile .item-level-1 .wd-sub-menu{border-left:3px solid #97C166;background:#fff}
.wd-nav-mobile .item-level-2>a{color:#555!important;font-weight:400!important}

/* мобильная шапка: номер телефона чёрным */
.whb-hidden-lg .phone-numbers a{color:#222!important}
/* ==== /gl-mobile-fixes ==== */

/* ==== gl-social-cleanup: топбар — только соцсети, панель справа — только мессенджеры ==== */
.whb-top-bar .wd-social-icons .social-whatsapp,
.whb-top-bar .wd-social-icons .social-tg,
.whb-top-bar .wd-social-icons .social-viber{display:none!important}
.wd-social-icons.wd-style-colored .social-instagram,
.wd-social-icons.wd-style-colored .social-youtube,
.wd-social-icons.wd-style-colored .social-tiktok{display:none!important}
/* ==== /gl-social-cleanup ==== */

/* gl-search-style: строка поиска в шапке — деликатное выделение */
.whb-top-bar .wd-header-search-form form{background:#f4f6f2;border:1px solid #dfe5d8;border-radius:22px;transition:border-color .2s,box-shadow .2s}
.whb-top-bar .wd-header-search-form form:focus-within{border-color:#97C166;box-shadow:0 0 0 3px rgba(119,160,88,.12)}
.whb-top-bar .wd-header-search-form input.s{background:transparent!important;padding-left:18px}

/* Кнопка и ссылка «Подбор по авто» */
.gl-fit-link{margin:10px 0 4px;font-size:14px;color:#555}
.gl-fit-link i{color:#97C166;margin-right:6px}
.gl-fit-link a{color:#97C166;font-weight:600;text-decoration:underline}

/* gl-a11y: зоны нажатия иконок не меньше 32px */
.whb-top-bar .wd-social-icon,.wd-social-icons .wd-social-icon{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}
.products .wd-buttons a{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}
/* ==== /GNLT-QUICKFIX ==== */

/* Кнопка сравнения в карточках товаров: иконка вместо текста (fix) */
.wd-compare-btn.custom-class-for-catalog-item>a{display:flex;align-items:center;justify-content:center;}
.wd-compare-btn.custom-class-for-catalog-item>a>span:not(.wd-action-icon):not(.gl-cmp-ico){font-size:0;line-height:0;display:block;overflow:hidden;width:0;height:0;}
.wd-compare-btn.custom-class-for-catalog-item>a::before{content:none!important;}
/* Сравнение: чёрная иконка, зелёная в добавленном состоянии */
.wd-compare-btn.custom-class-for-catalog-item>a::before{color:#333;transition:color .2s ease;}
.wd-compare-btn.custom-class-for-catalog-item>a:hover::before{color:#97C166;}
.wd-compare-btn.custom-class-for-catalog-item>a.added::before{color:#97C166;}
.wd-compare-btn.custom-class-for-catalog-item a.added::before{color:#97C166!important;}
/* gl-cmp-ico: иконка сравнения на спане */
.wd-compare-btn.custom-class-for-catalog-item .gl-cmp-ico::before{content:"\f128";font-family:"woodmart-font";font-weight:400;font-size:16px;color:#333;transition:color .2s ease;display:block;}
.wd-compare-btn.custom-class-for-catalog-item a:hover .gl-cmp-ico::before{color:#97C166;}
.wd-compare-btn.custom-class-for-catalog-item a.added .gl-cmp-ico::before{color:#97C166;}
/* gl-cmp-bar + скрытие любого текста в кнопке сравнения */
.wd-compare-btn.custom-class-for-catalog-item>a{font-size:0!important;line-height:0!important;}
#gl-cmp-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:9999;display:none;align-items:center;gap:6px;background:#fff;border:1px solid #e5e5e5;border-radius:26px;box-shadow:0 4px 20px rgba(0,0,0,.18);padding:6px 8px 6px 16px;font-size:14px;white-space:nowrap;}
#gl-cmp-bar.gl-show{display:flex;}
#gl-cmp-bar .gl-cmp-txt{color:#333;font-weight:600;}
#gl-cmp-bar a{text-decoration:none;}
#gl-cmp-bar .gl-cmp-go{color:#fff!important;background:#97C166;border-radius:20px;padding:8px 14px;font-weight:600;}
#gl-cmp-bar .gl-cmp-clear{color:#999!important;padding:8px 6px;}
@media(min-width:769px){#gl-cmp-bar{bottom:24px;}}
/* gl-desktop: кастомная кнопка сравнения видна и на десктопе, штатная в карточках скрыта */
@media (min-width:769px){.wd-compare-btn.custom-class-for-catalog-item{display:inline-flex!important;}}
.wd-product .wd-action-buttons .wd-compare-btn:not(.custom-class-for-catalog-item){display:none!important;}
#gl-share-cmp{display:inline-block;margin:18px 0 6px;padding:7px 16px;border:1px solid #97C166;border-radius:18px;color:#97C166!important;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;cursor:pointer;}
#gl-share-cmp.gl-copied{background:#97C166;color:#fff!important;}
/* Скругление карточки Зарядные устройства (motion-effects слой) */
.elementor-element-e506cc5 .elementor-motion-effects-container,
.elementor-element-e506cc5 .elementor-motion-effects-layer{border-radius:20px;}
/* кликабельные карточки категорий на главной */
.elementor-element-e506cc5,.elementor-element-753d308,.elementor-element-efa31f2,.elementor-element-08871bc,.elementor-element-54b8993,.elementor-element-1025d76{cursor:pointer;}

/* GNLT: подпись в мобильной нижней панели. «Мой аккаунт» не влезал
   в 71px и обрезался: тема прижимает подпись inset-inline:10px.
   Отдаём эти отступы тексту — становится 87px при нужных 82. */
.wd-toolbar .wd-toolbar-label {
  inset-inline: 2px;
}


/* ================= GNLT: шапка B — раскладка как в макете =================
   Правила самоограничены наличием .gnlt-hdr-phones — этот класс есть только
   в шапке «Шапка B — поиск в центре», боевой шапки они не касаются.
   ВСЯ перекладка обёрнута в @media (min-width:1025px): ниже этой ширины тема
   показывает мобильную шапку и прячет десктопные колонки. Без обёртки правило
   display:contents перебивало это скрытие — на телефоне вылезал второй логотип,
   номер рассыпался в столбик и шапка становилась шире экрана. */

@media (min-width: 1025px) {

  /* верхняя полоса: текст был белым на белом фоне */
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar a { color: #767676; }

  /* дубли телефонов, соцсети и иконка телефона от старой вёрстки */
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .whb-col-center,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .whb-col-right { display: none; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .wd-header-text img { display: none; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .whb-col-left { flex: 1 1 100%; }

  /* адрес слева, почта и «Вход» справа */
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .wd-header-text:has(.gnlt-hdr-right),
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .wd-header-text:has(.gnlt-hdr-right) p {
    display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0;
  }

  /* главная строка: логотип | поиск | телефоны | иконки */
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .whb-col-left { display: contents; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .site-logo { order: 1; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .whb-col-center { order: 2; flex: 1 1 auto; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .wd-header-text:has(.gnlt-hdr-phones) { order: 3; margin: 0 20px 0 24px; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .whb-col-right { order: 4; }

  /* одна линия по вертикали: display:contents лишает содержимое центрирования */
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .whb-flex-row { align-items: center; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .whb-flex-row > .whb-column { align-self: stretch; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .site-logo,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-general-header .wd-header-text:has(.gnlt-hdr-phones) { align-self: center; }

  /* телефоны двумя строками. <br> между ссылками занимал отдельную строку в 20px */
  .gnlt-hdr-phones { display: block; line-height: 1.25; white-space: nowrap; }
  .gnlt-hdr-phones br { display: none; }
  .gnlt-hdr-phones a { display: block; line-height: 1.25; color: #242424;
    font-weight: 700; font-size: 15px; text-decoration: none; }
  .gnlt-hdr-phones a:last-child { font-weight: 500; font-size: 12px; color: #767676; }
}

/* пустая полоса под шапкой на мобильном: строка Header bottom несёт меню,
   которое на телефоне не показывается, но сама строка занимала 52 px */
@media (max-width: 1024px) {
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom { display: none; }
}

/* Лента меню во всю ширину. В строке три колонки, меню сидит в первой — две пустые
   прячем, первую распускаем на всю ширину и раздаём пунктам равные доли.
   Оформление: белая лента, сверху и снизу одинаковая серая линия 1px #E9E9E9
   (зелёная черта снизу была заменена на серую по просьбе владельца);
   у пункта под курсором зелёное подчёркивание растёт от центра к краям.
   Пункты растянуты на всю высоту строки (колонка -> обёртка -> ul -> stretch): иначе
   li ниже строки на 5 px и подчёркивание висело бы над нижним краем ленты.
   li сделан position:static, а .container строки — relative: это нужно выпадающей
   панели «Каталога» (следующий блок), чтобы она растягивалась ровно по контейнеру
   на любой ширине. Поэтому разделитель и подчёркивание висят на ссылке (a), а не на
   li: у статичного li абсолютные псевдоэлементы привязались бы к чужому предку.
   Только десктоп: ниже 1025px строка скрыта целиком (см. блок выше). */
@media (min-width: 1025px) {
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom { background: #FFFFFF; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .container { position: relative; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .whb-flex-row > .whb-column:not(:first-child) { display: none; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .whb-flex-row > .whb-column:first-child { flex: 1 1 100%; max-width: none; align-items: stretch; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-header-nav { width: 100%; height: 100%; display: flex; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main { width: 100%; height: 100%; display: flex; justify-content: space-between; gap: 0; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li { flex: 1 1 0; display: flex; position: static; margin: 0; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li > a { display: flex; align-items: center; justify-content: center;
    position: relative; width: 100%; height: 100%; color: #242424; padding: 0; white-space: nowrap; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li + li > a::before { content: ""; position: absolute; left: 0; top: 50%;
    transform: translateY(-50%); width: 1px; height: 18px; background: #E9E9E9; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li > a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0;
    height: 3px; background: #97C166; transition: left .22s ease, right .22s ease; z-index: 2; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li:hover > a::after,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.current-menu-item > a::after { left: 0; right: 0; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li > a:hover { color: #97C166; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.current-menu-item > a { color: #97C166; font-weight: 700; }
}

/* Выпадающее меню «Каталога» — мега-панель во всю ширину контейнера.
   Было: колонка 220 px высотой 491 px на 11 разделов, длинные названия ломались
   на две строки, а подразделы вылетали вбок вторым уровнем — их надо было искать.
   Стало: панель шириной с контейнер, разделы разложены в колонки (CSS columns
   балансирует их сам: 4 колонки от 1280 px, 3 — ниже), подразделы показаны сразу
   под своим разделом, вылетающего второго уровня больше нет.
   Анимация: панель опускается и проявляется штатным переходом темы (0.4s), разделы
   всплывают по очереди с шагом 25 мс. Сделано через animation, а не transition:
   базовое состояние остаётся видимым, поэтому если тема сменит способ открытия
   (класс вместо :hover), пункты не окажутся невидимыми.
   Стрелку «есть подпункты» (a::after) убираем — подпункты и так на виду. */
@keyframes gnltDropIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

@media (min-width: 1025px) {
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu { left: 0; right: 0; width: auto; max-width: none; margin: 0; box-sizing: border-box;
    padding: 26px 15px 22px; border-top: 2px solid #97C166; box-shadow: 0 20px 44px rgba(36,36,36,.13); }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container { width: 100%; max-width: none; padding: 0; margin: 0; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu { columns: 4; column-gap: 34px; margin: 0; padding: 0; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li { break-inside: avoid; display: block; width: 100%;
    margin: 0 0 18px; padding: 0; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li > a { display: block; font-size: 14.5px; font-weight: 700;
    color: #242424; padding: 0 0 7px; margin-bottom: 6px; border-bottom: 1px solid #EDEDED; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li > a:hover { color: #97C166; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu ul.wd-sub-menu > li > a::after { content: none; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu ul.sub-sub-menu { position: static; opacity: 1; visibility: visible; transform: none;
    display: block; box-shadow: none; border: 0; background: transparent; padding: 0; margin: 0;
    width: auto; min-width: 0; max-width: none; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu ul.sub-sub-menu > li { margin: 0; padding: 0; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu ul.sub-sub-menu > li > a { display: block; position: relative; font-size: 13.5px;
    font-weight: 500; color: #767676; padding: 4px 0; transition: color .18s ease, padding-left .18s ease; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu ul.sub-sub-menu > li > a::before { content: ""; position: absolute; left: 0; top: 50%; width: 0;
    height: 1px; background: #97C166; transform: translateY(-50%); transition: width .18s ease; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu ul.sub-sub-menu > li > a:hover { color: #242424; padding-left: 16px; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu ul.sub-sub-menu > li > a:hover::before { width: 10px; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li:hover > .wd-dropdown-menu > .container > ul.wd-sub-menu > li {
    animation: gnltDropIn .38s cubic-bezier(.19,1,.22,1) both; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(1) { animation-delay: 0.025s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(2) { animation-delay: 0.050s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(3) { animation-delay: 0.075s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(4) { animation-delay: 0.100s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(5) { animation-delay: 0.125s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(6) { animation-delay: 0.150s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(7) { animation-delay: 0.175s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(8) { animation-delay: 0.200s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(9) { animation-delay: 0.225s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(10) { animation-delay: 0.250s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(11) { animation-delay: 0.275s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(12) { animation-delay: 0.300s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(13) { animation-delay: 0.325s; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu > li:nth-child(14) { animation-delay: 0.350s; }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  .whb-main-header:has(.gnlt-hdr-phones) .whb-header-bottom .wd-nav-main > li.menu-item-has-children > .wd-dropdown-menu > .container > ul.wd-sub-menu { columns: 3; }
}


/* ===== Верхняя строка: читаемый текст + кнопка-пин с картой =====
   Блок намеренно идёт ПОСЛЕ блока шапки B выше и перекрывает часть его правил
   (там центральная колонка верхней строки скрыта целиком, а колонка слева
   растянута флексом). Переписан отдельным блоком, чтобы историю правок было
   видно и можно было откатить, удалив только этот кусок.

   1) Цвет текста. Тема красит текст верхней строки в белый — она рассчитана на
      тёмную полосу. Полоса у нас светлая (#FFF на главной, #F4F4F4 на остальных),
      ссылки перекрывались отдельным правилом, а простой текст между ними — нет,
      поэтому часы работы были белым по белому и не читались вообще. Красим и
      контейнер текста, и оба span-а: #3D3D3D, 13px, вес 500.
   2) Кнопка-пин. Виджет .gl-addr (пин -> попап с картой Яндекса и кнопкой
      «Построить маршрут») лежит в центральной колонке верхней строки и был
      скрыт вместе с ней. Колонку показываем, но оставляем в ней только сам
      виджет: остальное её содержимое — адрес, часы и разделитель от прежней
      шапки — дублировало бы левый блок.
   3) Раскладка. Колонки распускаются в display:contents, чтобы адрес, пин и
      почта стали тремя соседями одной flex-строки и порядок задавался order:
      перетащить элементы между колонками в конструкторе Woodmart невозможно.
   Только десктоп: на мобильном верхняя строка показывает другую колонку. */
@media (min-width: 1025px) {
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar a,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .wd-header-text,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gnlt-hdr-left,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gnlt-hdr-right { color: #3D3D3D; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gnlt-hdr-left,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gnlt-hdr-right { font-size: 13px; font-weight: 500; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gnlt-hdr-left a:hover,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gnlt-hdr-right a:hover { color: #97C166; }

  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .whb-flex-row { align-items: center; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .whb-col-left { display: contents; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .whb-col-left > .wd-header-text:not(:has(.gnlt-hdr-right)) { display: none; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .wd-header-text:has(.gnlt-hdr-right) { display: contents; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gnlt-hdr-left { order: 1; flex: 0 0 auto; display: inline-flex; align-items: center; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .whb-col-center { display: flex; order: 2; align-items: center; flex: 0 0 auto;
    width: auto; max-width: none; padding: 0; margin-left: 8px; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .whb-col-center > *:not(.gl-addr) { display: none; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gnlt-hdr-right { order: 3; margin-left: auto; display: inline-flex;
    align-items: center; gap: 10px; }

  /* пин уменьшен с 36 до 28 px — полоса всего 35-40 px высотой */
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gl-addr__btn { width: 28px; height: 28px; }
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gl-addr__btn svg { width: 17px; height: 17px; }
  /* прямые углы вместо скруглений виджета — правило фирменного стиля */
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gl-addr__popup,
  .whb-main-header:has(.gnlt-hdr-phones) .whb-top-bar .gl-addr__route { border-radius: 0; }
}