.productsets-price {
    background: #d2f7e6 !important;
}
.highlight a {
    margin: 10px 0 0 0;
    width: 48%;
}
.highlight {
    overflow: hidden;
    width: 100%;
}
.productsets-userbundle-common.productsets-userbundle-block {
    display: none;
}
span.productsets-item-sku {
    display: none;
}
.productsets-userbundle-add.js-productsets-userbundle-add {
    margin: 0 0 0 0;
}
span.productsets-userbundle-buy.productsets-button.orange {
    border-radius: 5px;
}
span.productsets-userbundle-buy.productsets-button.orange:hover {
    background: #009999;
}
.productsets-userbundle-add.js-productsets-userbundle-add {
    border-radius: 5px;
}
.productsets-userbundle-add.js-productsets-userbundle-add:hover {
     background: #009999 !important;
     border:1px solid #009999 !important;;
}
.productsets-userbundle-body .productsets-userbundle-title {
    display: none;
}
span.productsets-userbundle-total-price {
    color: #000 !important;
    font-weight: bold;
}
.highlight.f1 a {
    background: #ff7420;
}
div#certificates {
    display: inline-block;
}
.product_features-item.divider td {
    padding: 5px 0 5px;
}
.sidebar-photos__el>a{
height: auto;
}
.sidebar-photos{
background: none;
border: none;
height: auto;
}
.q1 div div {
    clear: inherit !important;
}
.aside-wrap.aside-wrap--plugin.js-nav-sidebar-wrap.f1 {
    padding: 0 5px 20px 5px;
    margin: 0 0 20px 0;
}



.product-tile_name{
    height: 40px;
    
}

body {
    font-family: sans-serif;
    
}


.spoiler_body {
	display:none;
	}
 .spoiler_links {
	 cursor:pointer;
	 color:#5f6a70;
	 text-decoration:none;
	 display:block;
	 font-size:1em;
	 overflow: hidden;
	 }
	 span.button.f1 {
    float: right;
}
.spoiler_body {
	font-size:0.9em;
}
.spoilerblock {
	padding:1% 0;
	border-bottom:1px solid #dddede;
}

.tooltip {
    position: relative;
    display: inline-block;
    margin: 0px 0 0 0;
    top: 3px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 15px 5px 15px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -140px;
    opacity: 0;
    transition: opacity 0.3s;
    background-color: #fff;
    box-shadow: 0 4px 16px 1px rgb(0 26 52 / 16%);
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
span.podsk_name {
    text-decoration: none;
    font-weight: bold;
    color: #003699;
    margin: 0 4px 0 0px;
}
.podsk {
    margin: 10px 0 0 0;
}

@media (max-width: 768px){
    .highlight a {
    margin: 10px 0 0 0;
    width: inherit;
}
    .tooltip .tooltiptext {
    margin-left: -55px;
}
}


.shop-regions-confirm-window {
    z-index:20;
}

/* Стили для блока пустой корзины */
.cart-empty-promo {
    text-align: center;
    padding: 40px 20px;
    max-width: 640px;
    margin: 0 auto;
}

.cart-empty-promo h1 {
    font-size: 24px;
    margin-bottom: 5px;
    color: #333;
}

.cart-empty-promo img {
    max-width: 100%;
    height: auto;
    margin: 24px 0;
    border-radius: 8px;
}

.cart-empty-promo p {
    font-size: 16px;
    color: #666;
    margin-bottom: 24px;
}

.cart-empty-promo .button-go-to-catalog {
    display: inline-block;
    background: #0d6efd;
    color: #fff;
    padding: 10px 14px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: -10px;
    line-height: 1;
    cursor: pointer;
}

/* Стили для предложений месяца */
.cart-empty-recommendations {
    margin-top: 32px;
}

.cart-empty-recommendations h3 {
    font-size: 18px;
    margin-bottom: 16px;
    color: #333;
}

/* Кнопка "Показать ещё товары" — стиль Stolp, цвет Mebilar */
.mebilar-load-more {
    display: inline-block;
    background: transparent;
    color: #000;
    border: 2px solid #408cfd;
    border-radius: 24px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 100;
    text-transform: none;
    cursor: pointer;
    line-height: 1.0;
    min-width: 160px;
    text-align: center;
    box-sizing: border-box;
    transition: border-width 0.2s ease, border-color 0.2s ease;
}

.mebilar-load-more:hover {
    border-color: #025ce1;
    color: #000;
    background: transparent;
}

/* Пагинация — в стиле Stolp, цвет Mebilar */
/* Делаем <ul> flex-контейнером */
.paging-nav .pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 30px 0;
    /* gap работает ТОЛЬКО если display: flex */
    gap: 4px; /* ← теперь работает! */
}

/* Убираем стандартные отступы у <li> */
.paging-nav .pagination li {
    margin: 0;
    padding: 0;
}

/* Стиль кружков */
.paging-nav .pagination a,
.paging-nav .pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: #000;
    border: 2px solid #408cfd;
    background: transparent;
}

/* Неактивные ("...") */
.paging-nav .pagination span {
    color: #ccc;
    border-color: #e0e0e0;
    cursor: default;
}

/* Активная */
.paging-nav .pagination li.selected a {
    /* без изменений — остаётся как остальные */
}

/* Наведение */
.paging-nav .pagination a:hover {
    border-color: #025ce1;
    color: #000;
}

/* Стрелки — оставляем текст, но можно стилизовать по желанию */
.paging-nav .pagination a.inline-link {
    /* можно задать другой стиль, например, не кружок */
    width: auto;
    min-width: 36px;
    border-radius: 50px; /* или оставить как есть */
}

/* 4 товара в ряд на экранах шире 1680px */
/*@media (min-width: 1681px) {
    .l-wrapper {
        max-width: 1800px;
    }

    .cols-3 .product-tile {
        width: 25%;
        box-sizing: border-box;
    }
}

Категории на главной/////////// 
/* Уменьшаем вертикальные отступы у текстового блока */
.header-nav-categories_wrap .cat-menu__el-title {
    padding: 4px 0 !important; /* Было 15px 0 */
    line-height: 1.2 !important;
}

/* Компактные отступы для ссылок */
.header-nav-categories_wrap .cat-menu__el-link,
.header-nav-categories_wrap .subcat-menu__el > a {
    padding: 4px 0 4px 15px !important;
    line-height: 1.2 !important;
    font-size: 13px !important;
}

/* Уменьшаем высоту стрелки справа */
.header-nav-categories_wrap .cat-menu__el-caret {
    height: 32px !important; /* Было 48px */
    line-height: 32px !important; /* Было 50px */
    margin: 0 !important;
}

/* Если используются иконки категорий, тоже сжимаем их блок */
.header-nav-categories_wrap .cat-menu__el-icon {
    height: 24px !important; /* Было 30px */
    line-height: 24px !important;
    padding: 0 10px 0 0 !important;
}



/* === ПОДКАТЕГОРИИ: компактный вертикальный список === */

/* Контейнер подкатегорий */
.header-nav-categories_wrap .subcat-menu,
.header-nav-categories_wrap .subcat-disclosed__subs {
    padding: 4px 0 !important;
    margin: 0 !important;
}

/* Элемент подкатегории */
.header-nav-categories_wrap .subcat-disclosed__el,
.header-nav-categories_wrap .subcat-disclosed__sub {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
}

/* Ссылка в подкатегории — основной стиль */
.header-nav-categories_wrap .subcat-disclosed__el-name,
.header-nav-categories_wrap .subcat-disclosed__el-name > a,
.header-nav-categories_wrap .subcat-disclosed__sub > a {
    display: block !important;
    padding: 4px 0 4px 15px !important; /* Компактные вертикальные отступы */
    margin: 0 !important;
    font-size: 13px !important; /* Такой же шрифт, как в основных категориях */
    line-height: 1.2 !important; /* Плотный межстрочный интервал */
    color: #333 !important;
    text-decoration: none !important;
    white-space: normal !important;
}

/* Убираем маркеры списка (точки) у вложенных подкатегорий */
.header-nav-categories_wrap .subcat-disclosed__sub:before {
    display: none !important;
}

/* Если есть иконки у подкатегорий — тоже сжимаем */
.header-nav-categories_wrap .subcat-disclosed__el-icon {
    width: 24px !important;
    height: 24px !important;
    padding: 0 8px 0 0 !important;
    margin: 0 !important;
}

.header-nav-categories_wrap .subcat-disclosed__el-icon img {
    max-width: 20px !important;
    max-height: 20px !important;
}

/* Наведение — лёгкая подсветка */
.header-nav-categories_wrap .subcat-disclosed__el-name > a:hover,
.header-nav-categories_wrap .subcat-disclosed__sub > a:hover {
    background: #f9f9f9 !important;
    color: #0066cc !important;
}

/* === АДАПТИВ: на мобильных чуть крупнее для удобства === */
@media (max-width: 768px) {
    .header-nav-categories_wrap .subcat-disclosed__el-name > a,
    .header-nav-categories_wrap .subcat-disclosed__sub > a {
        padding: 6px 0 6px 15px !important;
        font-size: 14px !important;
    }
}

/* === ФИКС: Выравнивание подкатегорий по левому краю === */

/* Контейнер подкатегорий: убираем любые отступы */
.header-nav-categories_wrap .subcat-disclosed__subs,
.header-nav-categories_wrap .subcat-disclosed__el {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Заголовок подкатегории (например, "Прихожие") */
.header-nav-categories_wrap .subcat-disclosed__el-name {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Ссылка внутри заголовка */
.header-nav-categories_wrap .subcat-disclosed__el-name > a {
    display: block !important;
    padding: 6px 0 6px 15px !important; /* Отступ слева только для текста, чтобы было красиво */
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 600 !important; /* Чуть жирнее, как заголовок */
}

/* Вложенные элементы (Машенька, Ямайка и т.д.) */
.header-nav-categories_wrap .subcat-disclosed__sub {
    margin: 0 !important;
    padding: 0 !important;
    position: static !important; /* Убираем позиционирование, которое может сдвигать */
    width: 100% !important;
}

/* Ссылка во вложенных элементах */
.header-nav-categories_wrap .subcat-disclosed__sub > a {
    display: block !important;
    padding: 5px 0 5px 25px !important; /* Отступ 25px, чтобы визуально выделить вложенность, но ровно */
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #444 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    text-align: left !important;
}

/* Убираем точки/буллиты, которые могут создавать иллюзию сдвига */
.header-nav-categories_wrap .subcat-disclosed__sub:before,
.header-nav-categories_wrap .subcat-disclosed__el-name:before {
    content: none !important;
    display: none !important;
}

/* === ПОДКАТЕГОРИИ === */
/* === ЗАГОЛОВОК КАТЕГОРИИ (компактный) === */
h1.category-name {
    font-size: 22px !important;        /* Уменьшаем с 36px */
    margin: 10px 0 0px !important;     /* Отступы: 8px сверху, 12px снизу */
    line-height: 1.2 !important;
    padding: 0 !important;
    font-weight: 500 !important;       /* Чуть плотнее для читаемости */
}

/* Убираем padding у контейнера */
.category-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* === ПОДКАТЕГОРИИ В ВИДЕ КНОПОК-ТЕГОВ (как у Стол) === */

/* Убираем точки-разделители между подкатегориями */
.category-subcat_item:after,
.category-subcat_item:before {
    content: none !important;
    display: none !important;
}

/* Контейнер подкатегорий */
.category-subcat.ul-block {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important; /* Отступы между кнопками */
    margin: 15px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Элемент подкатегории */
.category-subcat_item {
    margin: 0 !important;
    display: inline-block !important;
}

/* Ссылка-кнопка */
.category-subcat_item a {
    display: inline-block !important;
    padding: 3px 10px !important; /* Внутренние отступы */
    border: 1px solid #d0d0d0 !important; /* Серая рамка */
    border-radius: 5px !important; /* Скругленные углы */
    background: transparent !important; /* Прозрачный фон */
    color: #333 !important; /* Темный текст */
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important; /* Не переносить текст */
    transition: all 0.3s ease !important; /* Плавная анимация */
    cursor: pointer !important;
}

/* При наведении */
.category-subcat_item a:hover {
    background: #e3f2fd !important; /* Светло-серый фон */
    border-color: #e3f2fd !important; /* Темнее рамка */
    color: #0d6efd !important; /* синий текст */
}

/* Эффект нажатия кнопки */
.category-subcat_item a:active {
    transform: translateY(1px) !important;
    box-shadow: none !important;
    background: #f0f0f0 !important;
}

/* Плавный переход */
.category-subcat_item a {
    transition: all 0.15s ease !important;
}


/* Доп категории плагин*/
.dop-cat-links {
    display: flex !important;
    flex-wrap: wrap !important;
 /* gap: 10px !important; */
    row-gap: 10px !important;    /* Отступ между рядами (по вертикали) */
    column-gap: 1px !important;  /* Отступ между колонками (по горизонтали) */
    padding: 5px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    justify-content: flex-start !important;  /* ← ВСЁ ПО ЛЕВОМУ КРАЮ */
}

/* Плитки С картинками — центрируем их индивидуально */
.dop-cat-links li:has(img) {
    margin: 0 auto !important;
}

/* Базовое состояние: 4 в ряд */
.dop-cat-links li {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
}

/* Как только места для 4-х не хватает — сразу переходим в 2 (четное число) */
@media (max-width: 710px) {
    .dop-cat-links li {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: none !important; /* Убираем потолок, чтобы 2 плитки заполняли ряд ровно */
    }
}

/* Мобильные: оставляем 2 в ряд */
@media (max-width: 600px) {
    .dop-cat-links li {
        flex: 0 0 calc(50% - 15px) !important;
    }
}

/* Очень узкие экраны: 1 в ряд */
@media (max-width: 315px) {
    .dop-cat-links li {
        flex: 0 0 100% !important;
    }
}

/* Ссылка внутри (сама плитка) */
.dop-cat-links li a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    border: 1px solid #ebebeb !important;
    border-radius: 5px !important;
    padding: 5px !important;
    background: #F2F2F2 !important;
    text-decoration: none !important;
    height: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.dop-cat-links li a:hover {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* ИЗОБРАЖЕНИЕ */
.dop-cat-links li a img {
    width: 100% !important;
    height: auto !important;
    max-height: 70px !important;
    object-fit: contain !important;
    margin-bottom: 2px !important;
    display: block !important;
}

/* Текст */
.dop-cat-links li a span {
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: #333 !important;
    font-weight: 500 !important;
}

/* === ПЛИТКИ БЕЗ ИЗОБРАЖЕНИЙ (КНОПКИ) === */
.dop-cat-links li a:not(:has(img)) {
    display: inline-block !important;
    padding: 5px 10px !important;   /* отступы верх низ и по бокам */
    border: 1px solid #d0d0d0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    margin: 0 8px 0px 0 !important;
    line-height: 1.2 !important;
}

/* Наведение на кнопки БЕЗ картинок */
.dop-cat-links li a:not(:has(img)):hover {
    background: #e3f2fd !important;
    border-color: #e3f2fd !important;
}

/* ГЛАВНЫЙ ФИКС: меняем цвет именно у span при наведении */
.dop-cat-links li a:not(:has(img)):hover span {
    color: #0d6efd !important;
}

/* Нажатие */
.dop-cat-links li a:not(:has(img)):active {
    transform: translateY(1px) !important;
    background: #f0f0f0 !important;
}
.dop-cat-links li a:not(:has(img)):active span {
    color: #0d6efd !important;
}

/* === ИСПРАВЛЕНИЕ: Отмена сетки для элементов БЕЗ картинок === */
/* Если внутри li НЕТ картинки, отменяем ширину 25% */
.dop-cat-links li:not(:has(img)) {
    flex: 0 0 auto !important;       /* Отменяем принудительную ширину 25% */
    width: auto !important;          /* Ширина только по содержимому (тексту) */
    max-width: none !important;      /* Убираем любые ограничения ширины */
}

/* === КАСТОМНОЕ МЕНЮ (Плитки/Кнопки) Управление меню=== */
.custom-menu-tiles ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    padding: 10px 10px !important;
    margin: 0 !important;
    list-style: none !important;
    justify-content: flex-start !important;
}
.custom-menu-tiles li {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
}
/* Адаптив для планшетов */
@media (max-width: 710px) {
    .custom-menu-tiles li {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: none !important;
    }
}
/* Адаптив для мобильных */
@media (max-width: 600px) {
    .custom-menu-tiles li {
        flex: 0 0 calc(50% - 15px) !important;
    }
}
/* Адаптив для узких экранов */
@media (max-width: 315px) {
    .custom-menu-tiles li {
        flex: 0 0 100% !important;
    }
}
/* Стиль ссылки (плитки) */
.custom-menu-tiles li a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    border: 1px solid #ebebeb !important;
    border-radius: 5px !important;
    padding: 5px !important;
    background: #F2F2F2 !important;
    text-decoration: none !important;
    height: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}
.custom-menu-tiles li a:hover {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}
/* Картинка в плитке */
.custom-menu-tiles li a img {
    width: 100% !important;
    height: auto !important;
    max-height: 70px !important;
    object-fit: contain !important;
    margin-bottom: 2px !important;
    display: block !important;
}
/* Текст в плитке */
.custom-menu-tiles li a span {
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: #333 !important;
    font-weight: 500 !important;
}

/* === ПЛИТКИ БЕЗ ИЗОБРАЖЕНИЙ (КНОПКИ) === */
/* Если нет картинки, элемент становится кнопкой */
.custom-menu-tiles li:not(:has(img)) {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}
.custom-menu-tiles li a:not(:has(img)) {
    display: inline-block !important;
    padding: 5px 10px !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    margin: 0 5px 1px 0 !important;
    line-height: 1.2 !important;
    flex-direction: row !important; /* Текст в одну строку */
}
/* Наведение на кнопку */
.custom-menu-tiles li a:not(:has(img)):hover {
    background: #e3f2fd !important;
    border-color: #e3f2fd !important;
    color: #0d6efd !important;
}
/* Нажатие на кнопку */
.custom-menu-tiles li a:not(:has(img)):active {
    transform: translateY(1px) !important;
    background: #f0f0f0 !important;
}
/* Цвет текста при наведении (фикс) */
.custom-menu-tiles li a:not(:has(img)):hover span {
    color: #0d6efd !important;
}

/* Центрируем в ряду ТОЛЬКО плитки с картинками */
.custom-menu-tiles li:has(img) {
    margin: 0 auto !important;
}

/* Уменьшаем H2 в описании категории*/
body .category-content .category-desc h2,
.category-desc h2 {
    font-size: 18px !important;
    margin: 10px 0 10px 0 !important;
    font-weight: 400 !important;
}