/* 1. Отступ и центрирование верхних кнопок Мойки и Смесители */
div[class*="subcategory"], .djc_subcategory, .djc_subcategories {
    margin-bottom: 20px !important; 
    text-align: center !important;
}

/* 2. ПРИНУДИТЕЛЬНО СДВИГАЕМ ВЕСЬ БЛОК ФИЛЬТРОВ И СОРТИРОВКИ ВПРАВО */
.djc_filter_box_outer, .djc_filter_box_outer form, form[name="filterForm"] {
    display: flex !important;
    flex-direction: column !important; /* Строим Фильтры и Сортировку друг под другом */
    align-items: flex-end !important; /* Намертво прижимаем к правому краю */
    width: 100% !important;
    margin-top: 50px !important;    /* МНОГО ВОЗДУХА ПО ВЫСОТЕ ОТ ВЕРХНИХ КНОПОК */
    margin-bottom: 30px !important;  /* Отступ вниз до смесителей */
    float: right !important;
    clear: both !important;
}

/* 3. Выравниваем строчку Фильтры и выпадающий список */
.djc_filter_box, .djc_filter_box_outer .djc_filter_box {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    float: none !important; /* Сбрасываем дедовский прижим влево */
    width: auto !important;
    margin-bottom: 15px !important;
}

/* Отталкиваем выпадающее окошко от слова Фильтры, чтобы не съедало буквы */
.djc_filter_box select {
    margin-left: 25px !important;
    float: none !important;
}

/* 4. Выравниваем строчку Сортировка (Название / Цена) в тот же правый угол */
.djc_sorting_box, .djc_filter_box_outer .djc_sorting_box {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    float: none !important; /* Сбрасываем дедовский прижим влево */
    width: auto !important;
}

.djc_sorting_box div {
    display: flex !important;
    gap: 15px !important; /* Делаем красивый отступ между Название и Цена */
}
/* 1. Карточки товаров по центру и воздух после цен */
.djc_title, .djc_producer_name, .djc_producer, .djc_producer_link, .djc_type, .djc_short_desc { 
    text-align: center; 
	margin: 15px 0 0 15px;
}
.djc_producer_box, .djc_item_in {
    text-align: center !important;
}
.djc_producer_name, .djc_producer, .djc_producer_link {
    display: inline !important;
}

/* 2. Код строго для компьютеров (Широкие экраны) */
@media (min-width: 992px) {
    .djc_atoz_set { display: none !important; }
    .djc_filters_set, .djc_order_set, .djc_filters_djc_clearfix, .djc_filters_in, #djcatalogForm {
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }
    .djc_order_set {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important; 
        margin-top: -70px !important; /* Ваши идеальные -70px */
        position: relative;
        z-index: 999 !important; /* ИСПРАВЛЕНО: Сортировка теперь сверху и кликается */
    }
    .djc_filters_set {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important; 
        margin-bottom: 35px !important; 
        position: relative !important;
        z-index: 10 !important; ИСПРАВЛЕНО: Фильтр ушел на задний план, не мешая кликам
    }
    ul.djc_filter_ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
}

/* 3. Код строго для мобильных телефонов (Узкие экраны) */
@media (max-width: 991px) {
    .djc_atoz_set { display: none !important; }
    .djc_filters_set, .djc_order_set, #djcatalogForm, .djc_filters_djc_clearfix, .djc_filters_in {
        display: flex !important;
        background: transparent !important;
        border: none !important;
        margin-top: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        float: none !important;
    }
    .djc_filters_set {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        margin-bottom: 15px !important;
    }
    .djc_order_set {
        align-items: center !important;
        justify-content: flex-start !important;
        margin-top: 0 !important; 
        margin-bottom: 25px !important;
    }
    ul.djc_filter_ul {
        display: flex !important;
        flex-direction: column !important; 
        align-items: flex-start !important;
        width: 100% !important;
    }
    ul.djc_filter_ul li.djc_filter_label {
        margin-bottom: 8px !important;
    }
}

/* 4. Общие шрифты, палочки и выпадающий список */
ul.djc_order_buttons {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Разметка кнопок сортировки (чтобы не ехала) */
ul.djc_order_buttons li {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
}
/* Отдельная разметка для фильтра (убирает наложение текста и выпрямляет его) */
ul.djc_filter_ul li {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important; 
    max-width: none !important;
    flex: none !important;
}
ul.djc_order_buttons li span, ul.djc_filter_ul li.djc_filter_label span {
    font-weight: 700 !important;
    color: #000000 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}
ul.djc_filter_ul li.djc_filter_label span {
    margin-right: 15px !important;
}
ul.djc_order_buttons li span {
    margin-right: 15px !important;
}
ul.djc_order_buttons li a {
    color: #666666 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    padding: 0 12px !important;
}
ul.djc_order_buttons li + li:not(:last-child) a {
    border-right: 1px solid #e0e0e0 !important;
}
ul.djc_filter_ul select {
    padding: 0 15px 0 0 !important; 
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #666666 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    outline: none !important;
    cursor: pointer !important;
    max-width: 100% !important;
}


/* Выравнивание Политики конфиденциальности по центру */
#mod-custom140, #mod-custom140 p {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

/* Перекрываем сортировку и убираем закрытие меню */
.sp-megamenu-parent, .sp-megamenu-parent .sp-dropdown {
    z-index: 99999 !important; /* Поднимаем меню над сортировкой, чтобы оно не исчезало */
}

/* Убираем щели между пунктами для стабильности курсора */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul li {
    margin: 0 !important;
    padding: 0 !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul li a {
    display: block !important;
    padding: 10px 20px !important; /* Увеличиваем зону для мышки */
}

/* Финальный стабильный вариант: цены везде аккуратно по центру */
.djc_price {
display: flex;
align-items: center !important;
justify-content: center;
margin-bottom: 60px !important; 
margin: 0 auto;
}
.djc_price1 {
float: left !important;
}
.djc_price span.djc_price_label {
    display: none !important;
}

.djc_price span.djc_price_new {
    order: 1 !important;
    display: inline-block !important;
}

.djc_price span.djc_price_old {
    order: 2 !important;
    display: inline-block !important;
}

.djc_price span.djc_price_new,
.djc_price span.djc_price_new span {
    color: #4a4a4a !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: Arial, sans-serif !important;
}

.djc_price span.djc_price_old,
.djc_price span.djc_price_old span {
    color: #9ca3af !important;
    font-size: 16px !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
    font-family: Arial, sans-serif !important;
}
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
  display: inline-block;
  padding: 0 10px;
  line-height: 80px;
  font-size: 14px;
  margin: 0
}

.ig-category-description h1{
	font-size: 50px;
}
.ig-menu-grid-text h3{
	font-size: 24px;
	color: #252525;
	margin: 15px 0 10px 0;
}
.ig-menu-description, .ig-menu-description a{
	font-size: 15px;
	color: #252525 !important;
	/* margin: 15px 0 0 0; */
}
.fa-circle-info{
	color: #ccc;
}
h2.igallery_title{
	display: none;
}
.ig-menu-grid-text {
	display: block !important;
}
.strok a.qf3modal {
	float: right;
}
.strok span.azena {
	font-family: tenor sans;
	font-size: 18px;
}
.azena2 a.qf3modal{
	background: #CF0501;
	padding: 5px 20px;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
}
.azena2 {
	margin: 30px 0 20px 0;
}
.video {
	/* float: right; */
	margin-left: 15%;
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px){
 .wf-columns-stack-medium {
 flex-wrap: nowrap !important;
}}
@media only screen
and (max-width : 767px) {
.video{
margin: 0 0 15px 0;
}}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px){
 .wf-column1{
 width: 30% !important;
}}
.news{
	position: absolute;
	bottom: 530px;
	left: 190pt;
	background: #CF0501;
	color: #fff;
	/* padding: 5px 20px; */
	width: 130px;
	height: 30px;
	line-height: 30px;
	border-radius: 10px;
	text-align: center;
}
@media only screen
and (max-width : 320px) {
.news{
	bottom: 390px;
	left: 110pt;
}}
@media only screen
and (min-device-width: 321px)
and (max-device-width: 420px){
.news{
	bottom: 460px;
	left: 140pt;
}}
@media only screen
and (min-device-width: 421px)
and (max-device-width: 768px){
.news{
	bottom: 440px;
	left: 140pt;
}}

@media only screen
and (min-device-width: 769px)
and (max-device-width: 1024px){
.news{
	bottom: 560px;
	left: 210pt;
}}
.djc_title h3, .djc_title h3 a{
	font-size: 24px;
    color: #252525 !important;
}
.djc_description{
	margin: 0 0 0 15px;
}
.djc_producer_info{
	margin: 10px 0 0 0;
}
.djc_title{
	margin: 15px 0 0 15px;
}
.djc_price span{
	font-family: tenor sans;
	font-size: 22px;
	font-weight: 300 !important;
}
.block-k .sppb-addon-overlay-image-content{
	padding: 0px;
}
.block-k .overlay-image-title{
	background: rgba(51, 51, 51, 0.6);
	width: 100%;
	
	padding: 10px;
}
.block-k h4.sppb-addon-title{
	opacity: 1 !important;
}

.block-k {
 overflow:hidden;
 width: 100%;
 height:100% !important;
 border-radius: 10px;
 }
.block-k img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;

 }
 
.block-k img:hover{
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);

 }
.sppb-carousel-extended-item{
	position: relative;
   overflow:hidden;
   width: 100% !important;
   height:500px;
   border-radius: 10px;
   margin: 0px 10px;
}
.sppb-carousel-extended-item img{
	 position: absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   width:100%;
   height:500px;
   object-fit:cover;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
  display: block;
}
}
.sppb-carousel-extended-item img:hover
{
transform: scale(1.2);
}
@media only screen
and (max-width : 767px) {
.sppb-carousel-extended-item{
width:100%;
   height:400px;
   margin: 0px;
}}
@media only screen
and (max-width : 767px) {
.sppb-carousel-extended-item img{
width:100%;
   height:400px;
}}
@media only screen
and (min-device-width: 1440px)
and (max-device-width: 1600px){
 #section-id-39eac454-f890-487b-8282-cded7542a696{
   padding: 75px 2% 0 2% !important;
}}
.qf3form h4{
	font-size: 24px !important;
	font-family: tenor sans;
	text-align: center;
	margin: 0 0 30px 0 !important;
}
.wf-column video{
  border-radius: 10px;
}
.logo-pl img{
	padding: 5px 0 0 10px;
}
@media only screen
and (min-device-width: 1440px)
and (max-device-width: 1640px){
 #sp-section-2{
   padding: 10px 3% 10px 3% !important;
}}
.djc_heading_set{
	margin: 0 0 40px 0;
}
.lg-menu-grid-text {
    line-height: 1.4 !important;
    margin: 10px 0 10px 0 !important;
}
.lg-menu-grid-text .lg-menu-description {
    display: block !important;
    margin-top: -6px !important;     /* Сильнее подтянет фасад вверх к названию */
    margin-bottom: 12px !important;  /* Создаст красивый отступ до цены */
}
.lg-menu-grid-text a.strok, 
.lg-menu-grid-text .strok {
    float: none !important;
    display: block !important;
    margin-bottom: 0 !important;
}
.lg-menu-grid-text .data-gallery-td {
    display: block !important;       /* Переносим стоимость на отдельную строчку */
    margin-top: 5px !important;
    margin-bottom: 15px !important;  /* Тот самый увеличенный зазор до кнопки */
    font-weight: bold !important;
}
.lg-menu-grid-text a[href*="modal"], 
.lg-menu-grid-text .lg-item-modal-link {
    display: inline-block !important; /* Делаем кнопку аккуратной строкой под ценой */
    margin-top: 5px !important;