/* =========================================================
   Загорье Логотип - устраняем Баг шаблона неотображающим 2й логотип в sticky меню 
   ========================================================= */
   /* ===== теперь на главной в прозрачном меню логотип белый в sticky обычный ===== */
   
   .sticky .sticky__wrapper .sp-sticky-logo {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
}

/* =========================================================
   Загорье МЕНЮ фон-подложка только вокруг текста под активнім
   ========================================================= */
/* ===== Верхний уровень: активные пункты ===== */
#sp-menu .sp-menu-item.current-item.active > a,
#sp-menu .sp-menu-item.sp-has-child.active > a {
    position: relative;
    z-index: 1;
 /*  color: #2c100f !important; берет из насторек шаблона */
}
/* ===== Hover/focus для верхнего уровня меню ===== */
#sp-header #sp-menu .sp-megamenu-parent > li.sp-menu-item > a {
    position: relative;
    z-index: 1;
}
#sp-header #sp-menu .sp-megamenu-parent > li.sp-menu-item > a:hover::before,
#sp-header #sp-menu .sp-megamenu-parent > li.sp-menu-item > a:focus::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2.0em; /* как у активного */
    background-color: rgba(44,16,15, 0.08);
    border-radius: 25px;
    z-index: -1;
}
/* ===== В главном меню цвет текста при наведении (но в прозрачном меню делает текст темным, отключил оставил цвета по умолчанию с шаблона ===== */
/* 
#sp-header #sp-menu .sp-megamenu-parent > li.sp-menu-item > a:hover,
#sp-header #sp-menu .sp-megamenu-parent > li.sp-menu-item > a:focus {
    color: #000000 !important;
}
*/
/* ===== Активный пункт для верхнего уровня меню ===== */
#sp-menu .sp-menu-item.current-item.active > a::before,
#sp-menu .sp-menu-item.sp-has-child.active > a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2.0em;
    background-color: rgba(44,16,15, 0.2);
    border-radius: 25px;
    z-index: -1;
}
/* ===== Сброс шаблонной подсветки активных пунктов dropdown ===== */
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item > a,
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active > a {
    background-color: transparent !important; /* убираем фон */
    color: inherit !important;                /* возвращаем обычный цвет */
}
/* ===== Hover/focus в dropdown ===== */
.sp-dropdown.sp-dropdown-main .sp-dropdown-items .sp-menu-item > a {
    border-radius: 25px !important;
    transition: none !important;
}
.sp-dropdown.sp-dropdown-main .sp-dropdown-items .sp-menu-item > a:hover,
.sp-dropdown.sp-dropdown-main .sp-dropdown-items .sp-menu-item > a:focus {
    color: #000000 !important;
    background-color: rgba(44,16,15, 0.08) !important;
    border-radius: 25px !important;
}
/* === Загорье Ширина выпадающего списка для всех ============= 
#sp-header #sp-menu li.sp-menu-item.sp-has-child > .sp-dropdown.sp-dropdown-main {
    width: 260px !important;
}*/

/* ===== Закругляю края выпадающего списка меню снизу ===== */
.sp-dropdown.sp-dropdown-main {
  border-radius: 0 0 25px 25px !important; /* верхние углы прямые, нижние закруглённые */
  overflow: hidden !important;             /* чтобы фон не выходил за границы */
}


/*  PULSEARK Эффект картинки в белый при наведении для оборудования меню раздела страницы */
.eff100 img {
  transition: filter 0.3s ease;
}
.eff100 img:hover {
  filter: grayscale(100%) brightness(200%);
}

/* =========================================================
 ZAGORYE доработка сообщения про куки
   ========================================================= */
#sp-cookie-consent {
    background-color: rgba(87, 44, 44, 0.85)  !important;
    font-size: 14px !important;
	font-weight: 300 !important;
}

/* ===========================================
Breadcrumb: единый цвет и эффект при наведении и другие доработки
========================================================= */
/* Общий цвет для всех элементов */
.mod-breadcrumbs .breadcrumb-item,
.mod-breadcrumbs .breadcrumb-item a,
.mod-breadcrumbs .breadcrumb-item span,
.mod-breadcrumbs .breadcrumb-item.active,
.mod-breadcrumbs .breadcrumb_divider {
  color: #2c100f !important;
}
/* Ссылки без стандартного подчеркивания */
.mod-breadcrumbs .breadcrumb-item a {
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
}
/* Плавное появление линии при наведении */
.mod-breadcrumbs .breadcrumb-item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #2c100f;
  transition: width 0.3s ease;
}
.mod-breadcrumbs .breadcrumb-item a:hover::after {
  width: 100%;
}
/* Размеры шрифта */
.mod-breadcrumbs {
  font-size: 17px !important;
  font-weight: 400 !important;
}
@media (max-width: 767px) {
  .mod-breadcrumbs {
    font-size: 13px !important;
  }
}



/*  PULSEARK сдвигаю сообщение о отправке письма всплывающее вправо */
.sppb-ajax-contact-status {
    margin-left: 25px !important;
    margin-bottom: 15px !important;
}
/*  PULSEARK Тень для верхнего меню 
#sp-header.shad {
  box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}*/
/*  PULSEARK Тень для sticky-меню при прокрутке 
.sticky.shad .sticky__wrapper {
  box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}
*/
/* Патч для меню удаляет эффект стекла чтоб не мешало видеобегроундам с оверлейфонами*/
 .sticky .sticky__wrapper {
    backdrop-filter: unset !important;
  }



/* PULSEARK переопределяю отступ от шапки 
/* Для всех обычных Joomla-страниц */
#sp-main-body {
  padding: 70px 0 50px 0 !important;
}
/* PULSEARK Патч с правым выравниванием в шаблоне в Футере копирайт на мобильном */
.pull-right {float: right !important;}
/* Отключаем стиль при ширине экрана меньше 700px */
@media (max-width: 780px) {
	.pull-right {
        float: none !important;
    }
}
/* высоту футера */
#sp-footer {padding: 15px 0px 0px 0px !important;}



/* Responsive Grid for Articles — Joomla 5
   принудительно убираем подчеркивание у всех элементов списка */
ul.mix-grid > li.mix,
ul.mix-grid > li {
    border-bottom: none !important;
}
/* переопределяю прячу линию внизу всех материалов */
/* Joomla 5 — убираем линию внизу материалов */
article.item.item-page hr,
.com-content-article__body hr,
#sp-page-builder hr,
.sppb-addon-content hr {
    display: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Уменьшаем заголовки материалов Joomla в списке материалов */
.entry-header h2 {
    font-size: 26px !important;
 /*   line-height: 2em !important;*/
}
/* Уменьшаем заголовки материалов Joomla в самом материале-странице*/
/* Если экран меньше 992px, но не совсем мобильный — увеличить */
@media (max-width: 992px) {
  .entry-header h1,
  .entry-header h2,
  .entry-header h3 {
    font-size: 36px !important;
  }
}




/* Для страниц SP Page Builder — оставить как было !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.com-sppagebuilder #sp-main-body {
  padding: 0 !important;
}

/* PULSEARK переопределяю принудительно ширину сайта тело на больших пк */
/* custom.css */
@media (min-width:1200px){
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width:1680px !important;
	  padding-left:2rem !important;  /* переопределяю отступы с краев было 0.75rem */
  padding-right:2rem !important; /* переопределяю отступы с краев симметрично */
  }
}
@media (min-width:1400px){
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width:1760px !important;
	  padding-left:2rem !important;  /* переопределяю отступы с краев было 0.75rem */
  padding-right:2rem !important; /* переопределяю отступы с краев симметрично */
  }
}

/* PULSEARK переопределяю принудительно ширину секций SP Page Builder на больших ПК */
.sppb-section .sppb-row-container,
.sppb-row-container {
  box-sizing: border-box !important;
  width: 100% !important;        
  margin-left: auto !important;    
  margin-right: auto !important;
  padding-left: 2rem !important;   
  padding-right: 2rem !important;
}
/* Для мобильных устройств (до 767px) */
@media (max-width: 767px) {
  .sppb-section .sppb-row-container,
  .sppb-row-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
/* Для больших экранов */
@media (min-width: 1200px) {
  .sppb-section .sppb-row-container,
  .sppb-row-container {
    max-width: 1680px !important;
  }
}
@media (min-width: 1400px) {
  .sppb-section .sppb-row-container,
  .sppb-row-container {
    max-width: 1760px !important;
  }
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */



/* =========================================================
   Загорье - для PB колонки 2>1 PC>MOB
   ========================================================= */
/*  пач для страниц буилдера на малых экранах все сложить в одну колонку если секции присвоено клас row-in1*/
/* Базовый стиль (две колонки рядом) — только внутри row-in1 */
.row-in1 .sppb-row {
  display: flex;
  flex-wrap: wrap;
}
/* При экране меньше 1200px — только для секции row-in1 */
@media (max-width: 1200px) {
  .row-in1 .sppb-row {
    flex-direction: column;
  }
  .row-in1 .sppb-row-column {
    width: 100% !important;   /* каждая колонка занимает всю ширину */
    max-width: 100% !important;
  }
}
/* ---------------------------------------------------------------------------- */
/* Базовый стиль — четыре колонки */
.row-in421 .sppb-row {
  display: flex;
  flex-wrap: wrap;
}
.row-in421 .sppb-row-column {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  float: none !important;
  clear: none !important;
  display: block !important;
}
/* Планшет: две колонки */
@media (max-width: 1400px) and (min-width: 800px) {
  .row-in421 .sppb-row-column {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
/* Телефон: одна колонка */
@media (max-width: 800px) {
  .row-in421 .sppb-row-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}


/* =========================================================
 ZAGORYE эффект картинки материала джумла токо там где в материале стоит класс effpic !!
   ========================================================= */
.entry-image.intro-image {
  position: relative;
  overflow: hidden; /* скрывает всё, что выходит за рамку */
}
.entry-image.intro-image img.effpic {
  transition: transform 0.3s ease, filter 0.3s ease;
  display: block; /* убирает лишние отступы */
}
.entry-image.intro-image img.effpic:hover {
  transform: translateY(-5px) scale(1.1); /* лёгкий подъём и увеличение */
  filter: saturate(1.2); /* чуть более насыщенные цвета */
}

/* =========================================================
   ZAGORYE Эффект наведения (приподымание) для картинок превью модуля Ajax Intro Articles Module главная стр
   клас добавляется внутри настроек модуля "CSS-класс модуля" > effpic-home
   ========================================================= */
/* ВАРИАНТ 1 - для обычных острых углов */
/* .effpic-home .entry-image.intro-image img.post-img {
  transition: transform 0.3s ease;
}
.effpic-home .entry-image.intro-image img.post-img:hover {
  transform: scale(1.1);
}*/
/* ВАРИАНТ 2 - для закругленных углов */
.effpic-home .entry-image.intro-image {
  border-radius: 10px; 
  overflow: hidden; 
}
.effpic-home .entry-image.intro-image img.post-img {
  transition: transform 0.3s ease;
  display: block; 
  width: 100%; 
}
.effpic-home .entry-image.intro-image img.post-img:hover {
  transform: scale(1.1);
}
/* закругление кнопки ПОКАЗАТЬ ЕЩЕ */
.load-more-ajax.btn {
  border-radius: 25px !important;
}
/*чтобы вся область вокруг кнопки имела больше воздуха:*/
.loader_footer {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}



/* =========================================================
 ZAGORYE Responsive Grid for Articles — разная ширина колонок для фильтров сортировки и тегов
   ========================================================= */
.mix-sorts {width: 20% !important;}
.mix-filters {width: 80% !important;}

/* =========================================================
   ZAGORYE ЭФФЕКТ №-1 ВЫВОДА МАТЕРИАЛОВ
   ========================================================= */
/* responsivegrid for articles --- modul-effhover-pic-item-1 */
/* класс вставляется в код где присваивается модуль в категории в меню */
/* ========= КАРТОЧКА МАТЕРИАЛА ======== */
.modul-effhover-pic-item-1 .mix {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

/* ========== ЭФФЕКТ ПРИ НАВЕДЕНИИ ========= */
.modul-effhover-pic-item-1 .mix:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* ========== ЗАГОЛОВОК вариант 1с подчеркиванием и изменением цвета ==========
.modul-effhover-pic-item-1 .mix-title {
    position: relative;
    display: inline-block;
    color: #998585 !important;
    transition: color 0.4s ease;
}
.modul-effhover-pic-item-1 .mix-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: linear-gradient(to right, #2C100F, #ffffff);
    transition: width 0.4s ease;
}
.modul-effhover-pic-item-1 .mix:hover .mix-title {
    color: #2c100f !important;
}
.modul-effhover-pic-item-1 .mix:hover .mix-title::after {
    width: 100%;
} */
/* ========= ЗАГОЛОВОК вариант 2 только изменением цвета ========== */
    .modul-effhover-pic-item-1 .mix-title {
    color: #333333 !important;
	font-weight: 300 !important;
    transition: color 0.4s ease;
}
.modul-effhover-pic-item-1 .mix:hover .mix-title {
    color: #6A312F !important;
}   
/* ========== ОПИСАНИЕ =========== */
.modul-effhover-pic-item-1 .mix-introtext p {
    font-size: 16px !important;
    font-weight: 500 !important;
}
/* ========== ССЫЛКИ МАТЕРИАЛА  Не затрагивают ссылки тегов ============== */
.modul-effhover-pic-item-1 .mix > .upper-mix > a,
.modul-effhover-pic-item-1 .mix > .inner-mix > h3 > a {
    position: relative;
    z-index: 2;
    pointer-events: auto;
}
/* ============== ТЕГИ   Корректный перенос тегов на новую строку ====== */
.modul-effhover-pic-item-1 .mix-tags {padding-bottom: 25px;}
.modul-effhover-pic-item-1 .mix-tags .label.label-info {
    display: inline-block !important;
    float: none !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
	   font-size: 12px !important;
	   font-weight: 300 !important;
    margin-bottom: 15px !important;	   
}
.modul-effhover-pic-item-1 .mix-tags .tags >span >i {
     font-size: 19px !important;
}

/* =========================================================
   ФИЛЬТР
   ========================================================= */
.filter-container,
.modul-effhover-pic-item-1 .filter,
.modul-effhover-pic-item-1 select {position: relative;}
/* ========  ЭФФЕКТ УВЕЛИЧЕНИЯ ИЗОБРАЖЕНИЯ ========= 
.modul-effhover-pic-item-1 .upper-mix {overflow: hidden;}
.modul-effhover-pic-item-1 .upper-mix img {transition: transform 0.3s ease;}
.modul-effhover-pic-item-1 .mix:hover .upper-mix img {transform: scale(1.06);}*/
/* ========= СЛОИ ВНУТРИ MINITEK Панель фильтра выше сетки карточек ========= */
.modul-effhover-pic-item-1 #Controls191 {position: relative; z-index: 2;}
.modul-effhover-pic-item-1 #rga-191 {position: relative; z-index: 1;}
/* ======= ВЫПАДАЮЩИЕ СПИСКИ ПОВЕРХ СОСЕДНИХ ЭЛЕМЕНТОВ ======== */
.mix-filters {position: relative; overflow: visible !important;}
.mix-filters .drop-down {position: relative; z-index: 10;}
.mix-filters .mix-cats191 {z-index: 30;}
.mix-filters .mix-tags191 {z-index: 20;}
.mix-filters .btn-reset {position: relative; z-index: 10;}
/* ========= Делаю поле фильтров шире ================= */
.mix-filters .drop-down {width: 250px !important;}
/* =======  ФИЛЬТРЫ — СОХРАНЯЕМ РОДНОЕ РАСПОЛОЖЕНИЕ MINITEK =============== */
#Filters191 .rga-dropdown-field {
    display: inline-block;
    vertical-align: bottom;
    width: 250px;
    margin: 0;
    padding: 0;
}
#Filters191 .rga-dropdown-heading {margin: 0 0 7px 0; line-height: 1.2;  font-size: 14px;}
#Filters191 .rga-dropdown-field .drop-down {width: 250px !important;}
#Filters191 .btn-reset {margin-top: 23px;}


/* =========================================================
   Загорье - в выводе по тегу исправляю вывод при наведении
   ========================================================= */
.tag-category ul.category li > .tag-img .overlay i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 50% !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
/* замена символа */
.tag-category ul.category li > .tag-img .overlay i:before {
    content: "\f35a" !important; /* fa-arrow-right */
    font-weight: 900 !important;
}


/* =========================================================
   Загорье меняю оформление тега 
   ========================================================= */
   /*
.tags > a {
  font-size: 80% !important;
  padding: 4px 8px !important;
  background-color: #c4c4c4 !important;
  border: 1px solid #b7b7b7 !important;
  margin-right: 5px !important;
  border-radius: 4px !important; 
  text-decoration: none; 
  color: #ffffff !important;
}
.tags > a:hover {
  background-color: #A4D0EF !important;
  color: #0d355f !important;
  border: 1px solid #67B6EF !important;
}
*/
.tags > a.label {
font-weight: 500 !important;
}
.tags >span >i {
    color: #d9e0eb;
}



/* PULSEARK переопределяю убераю подчеркивание h3 заголовков по сайту */
/* везде Убираем серую линию (box-shadow) */
.sppb-addon h3.sppb-addon-title {
  box-shadow: none !important;
}
/* везде Убираем цветную декоративную линию (::after) */
.sppb-addon h3.sppb-addon-title:after {
  content: none !important;
  display: none !important;
  background: none !important;
}
/* Убираем серую линию у заголовков модулей */
.sp-module .sp-module-title,
.sppb-addon-module .sp-module-title {
  box-shadow: none !important;
  border: none !important;
}
/* Убираем цветную декоративную линию у заголовков модулей (::after) */
.sp-module .sp-module-title:after,
.sppb-addon-module .sp-module-title:after {
  content: none !important;
  display: none !important;
  background: none !important;
}
/* Убираем серую линию у заголовков блога/материалов */
.entry-header h1,
.entry-header h2 {
  box-shadow: none !important;
  border: none !important;
}
/* Убираем цветную декоративную линию у заголовков блога/материалов (::after) */
.entry-header h1:after,
.entry-header h2:after {
  content: none !important;
  display: none !important;
  background: none !important;
}
/* PULSEARK переопределяю прячу линию внизу всех материалов */
hr {
  border: 0 !important;                     /* убираем стандартную границу */
  border-top: 1px solid #fff !important;    /* белая линия */
  opacity: 1 !important;                    /* убираем прозрачность Bootstrap */
  margin: 1.5rem 0 !important;              /* отступы сверху и снизу */
}


/* =========================================================
   ЗАГОРЬЕ переопределяю вывод результатов поиска на странице
   ========================================================= */
.result__item {
    overflow: hidden; /* чтобы каждый блок очищал float */
    margin-bottom: 20px;
}
.result__image {
    float: left;              /* картинка слева */
    max-width: 250px;
    margin: 0 20px 15px 0;    /* отступ справа от картинки */
}
@media (max-width: 768px) {
    .result__image {
        float: none;
        display: block;
        max-width: 100%;
        margin: 0 0 15px 0;
    }
}


/* =========================================================
   Загорье меняю стиль кнопка вверх 
   ========================================================= */
a#scroll-top {
bottom: 70px !important;
height: 46px !important;
width: 46px !important;
line-height: 46px !important;
background: #E5C7A5 !important;
border-radius: 25px !important;
}
a#scroll-top >i {
height: 46px !important;
width: 46px !important;
font-size: 46px !important;
color: #000000 !important;
}
a#scroll-top:hover >i {
  color: #000000 !important;
}


/* =========================================================
  Загорье фоновый эффект title menu новый 1
   ========================================================= */
.fontitle-zagorye {
background: 
  linear-gradient(120deg,
    rgba(230,199,165,0.09) 0%, rgba(230,199,165,0.09) 33.3%,
    rgba(153,133,133,0.09) 33.3%, rgba(153,133,133,0.09) 66.6%,
    rgba(200,170,140,0.09) 66.6%, rgba(200,170,140,0.09) 99%),
  linear-gradient(326deg,
    rgba(240,210,180,0.06) 0%, rgba(240,210,180,0.06) 33.3%,
    rgba(153,133,133,0.06) 33.3%, rgba(153,133,133,0.06) 66.6%,
    rgba(120,100,100,0.06) 66.6%, rgba(120,100,100,0.06) 99%),
  linear-gradient(197deg,
    rgba(100,80,80,0.03) 0%, rgba(100,80,80,0.03) 33.3%,
    rgba(230,199,165,0.03) 33.3%, rgba(230,199,165,0.03) 66.6%,
    rgba(153,133,133,0.03) 66.6%, rgba(153,133,133,0.03) 99%),
  linear-gradient(348deg,
    rgba(230,199,165,0.06) 0%, rgba(230,199,165,0.06) 33.3%,
    rgba(153,133,133,0.06) 33.3%, rgba(153,133,133,0.06) 66.6%,
    rgba(200,170,140,0.06) 66.6%, rgba(200,170,140,0.06) 99%),
  linear-gradient(153deg,
    rgba(230,199,165,0.04) 0%, rgba(230,199,165,0.04) 33.3%,
    rgba(153,133,133,0.04) 33.3%, rgba(153,133,133,0.04) 66.6%,
    rgba(100,80,80,0.04) 66.6%, rgba(100,80,80,0.04) 99%),
  linear-gradient(196deg,
    rgba(200,170,140,0.06) 0%, rgba(200,170,140,0.06) 33.3%,
    rgba(80,60,60,0.06) 33.3%, rgba(80,60,60,0.06) 66.6%,
    rgba(153,133,133,0.06) 66.6%, rgba(153,133,133,0.06) 99.9%),
  linear-gradient(391deg,
    rgba(100,80,80,0.07) 0%, rgba(100,80,80,0.07) 33.3%,
    rgba(230,199,165,0.07) 33.3%, rgba(230,199,165,0.07) 66.6%,
    rgba(153,133,133,0.07) 66.6%, rgba(153,133,133,0.07) 99.9%),
  linear-gradient(129deg,
    rgba(230,199,165,0) 0%, rgba(230,199,165,0) 33.3%,
    rgba(240,210,180,0) 33.3%, rgba(240,210,180,0) 66.6%,
    rgba(153,133,133,0) 66.6%, rgba(153,133,133,0) 99%),
  linear-gradient(68deg, #e6c7a5, #998585),
  radial-gradient(100% 140% at 100% 0%, rgba(0,0,0,0.3) 0%, transparent 50%, rgba(0,0,0,0.3) 100%);

}

.fontitle-zagorye-2 {
background:
  linear-gradient(120deg,
    rgba(245,225,200,0.15) 0%, rgba(245,225,200,0.15) 33.3%,
    rgba(200,160,120,0.15) 33.3%, rgba(200,160,120,0.15) 66.6%,
    rgba(160,120,90,0.15) 66.6%, rgba(160,120,90,0.15) 99%),
  linear-gradient(326deg,
    rgba(250,235,215,0.12) 0%, rgba(250,235,215,0.12) 33.3%,
    rgba(210,170,130,0.12) 33.3%, rgba(210,170,130,0.12) 66.6%,
    rgba(170,130,100,0.12) 66.6%, rgba(170,130,100,0.12) 99%),
  linear-gradient(197deg,
    rgba(140,100,70,0.08) 0%, rgba(140,100,70,0.08) 33.3%,
    rgba(230,199,165,0.08) 33.3%, rgba(230,199,165,0.08) 66.6%,
    rgba(190,150,110,0.08) 66.6%, rgba(190,150,110,0.08) 99%),
  linear-gradient(348deg,
    rgba(245,225,200,0.10) 0%, rgba(245,225,200,0.10) 33.3%,
    rgba(200,160,120,0.10) 33.3%, rgba(200,160,120,0.10) 66.6%,
    rgba(160,120,90,0.10) 66.6%, rgba(160,120,90,0.10) 99%),
  linear-gradient(153deg,
    rgba(250,235,215,0.07) 0%, rgba(250,235,215,0.07) 33.3%,
    rgba(200,160,120,0.07) 33.3%, rgba(200,160,120,0.07) 66.6%,
    rgba(140,100,70,0.07) 66.6%, rgba(140,100,70,0.07) 99%),
  linear-gradient(196deg,
    rgba(220,180,140,0.12) 0%, rgba(220,180,140,0.12) 33.3%,
    rgba(160,120,90,0.12) 33.3%, rgba(160,120,90,0.12) 66.6%,
    rgba(190,150,110,0.12) 66.6%, rgba(190,150,110,0.12) 99.9%),
  linear-gradient(391deg,
    rgba(140,100,70,0.14) 0%, rgba(140,100,70,0.14) 33.3%,
    rgba(245,225,200,0.14) 33.3%, rgba(245,225,200,0.14) 66.6%,
    rgba(200,160,120,0.14) 66.6%, rgba(200,160,120,0.14) 99.9%),
  linear-gradient(129deg,
    rgba(250,235,215,0) 0%, rgba(250,235,215,0) 33.3%,
    rgba(230,199,165,0) 33.3%, rgba(230,199,165,0) 66.6%,
    rgba(200,160,120,0) 66.6%, rgba(200,160,120,0) 99%),
  linear-gradient(68deg, #f5e3cf, #c8a67f),
  radial-gradient(100% 140% at 100% 0%, rgba(0,0,0,0.25) 0%, transparent 50%, rgba(0,0,0,0.25) 100%);

}


.fontitle-zagorye-3 {
background:
  linear-gradient(120deg,
    rgba(245,225,200,0.15) 0%, rgba(245,225,200,0.15) 33.3%,
    rgba(200,160,120,0.15) 33.3%, rgba(200,160,120,0.15) 66.6%,
    rgba(160,120,90,0.15) 66.6%, rgba(160,120,90,0.15) 99%),
  linear-gradient(326deg,
    rgba(250,235,215,0.12) 0%, rgba(250,235,215,0.12) 33.3%,
    rgba(210,170,130,0.12) 33.3%, rgba(210,170,130,0.12) 66.6%,
    rgba(170,130,100,0.12) 66.6%, rgba(170,130,100,0.12) 99%),

  linear-gradient(348deg,
    rgba(245,225,200,0.10) 0%, rgba(245,225,200,0.10) 33.3%,
    rgba(200,160,120,0.10) 33.3%, rgba(200,160,120,0.10) 66.6%,
    rgba(160,120,90,0.10) 66.6%, rgba(160,120,90,0.10) 99%),
  linear-gradient(153deg,
    rgba(250,235,215,0.07) 0%, rgba(250,235,215,0.07) 33.3%,
    rgba(200,160,120,0.07) 33.3%, rgba(200,160,120,0.07) 66.6%,
    rgba(140,100,70,0.07) 66.6%, rgba(140,100,70,0.07) 99%),

  linear-gradient(391deg,
    rgba(140,100,70,0.14) 0%, rgba(140,100,70,0.14) 33.3%,
    rgba(245,225,200,0.14) 33.3%, rgba(245,225,200,0.14) 66.6%,
    rgba(200,160,120,0.14) 66.6%, rgba(200,160,120,0.14) 99.9%),
  linear-gradient(129deg,
    rgba(250,235,215,0) 0%, rgba(250,235,215,0) 33.3%,
    rgba(230,199,165,0) 33.3%, rgba(230,199,165,0) 66.6%,
    rgba(200,160,120,0) 66.6%, rgba(200,160,120,0) 99%),
  linear-gradient(68deg, #f5e3cf, #c8a67f),
  radial-gradient(100% 140% at 100% 0%, rgba(0,0,0,0.25) 0%, transparent 50%, rgba(0,0,0,0.25) 100%);

}

/* =========================================================
   Загорье - выравниваю по центру все сообщения под кнопкой на все ширину формы связи
   ========================================================= */
.sppb-ajax-contact-status .sppb-text-danger,
.sppb-ajax-contact-status .sppb-text-success {
    font-weight: 600 !important;
    text-align: center !important;
    display: block; 
}


/* =========================================================
   Загорье стили для логотипов в футере три 2й центрируется на смарте
   ========================================================= */
.gallerylogo {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;

  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 40px;

  box-sizing: border-box;
}

.gallerylogo img {
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  box-sizing: border-box;
}

/* Картинки 1 и 3 */
.gallerylogo img:nth-child(1),
.gallerylogo img:nth-child(3) {
  flex: 1 1 0;
  max-width: 350px;
}

/* Картинка 2 */
.gallerylogo img:nth-child(2) {
  flex: 0 1 120px;
  max-width: 120px;
}


/* =========================================================
   Экраны меньше 630px
   ========================================================= */

@media (max-width: 630px) {

  .gallerylogo {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  /* 2 → 1 → 3 */

  .gallerylogo img:nth-child(1) {
    order: 2;
    flex: 0 1 auto;
    max-width: 300px;
  }

  .gallerylogo img:nth-child(2) {
    order: 1;
    flex: 0 1 auto;
    max-width: 120px;
  }

  .gallerylogo img:nth-child(3) {
    order: 3;
    flex: 0 1 auto;
    max-width: 300px;
  }
}





/* =========================================================
   ЗАГОРЬЕ переопределяю всплывающий стиль поиска
   ========================================================= */
/* Поле поиска в шапке */
#sp-header .top-search-wrapper .searchwrapper {
  box-shadow: none !important;              /* убираем жирную рамку */
  border: 1px solid #e6c7a5 !important;     /* тонкая рамка */
/*   border-radius: 0 !important;              убираем скругления */
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
}
/* само поле ввода */
#sp-header .top-search-wrapper .searchwrapper input.inputbox.search-query {
  border: none !important;                  /* убираем внутреннюю рамку Bootstrap */
  /* outline: none !important;                убираем подсветку при фокусе */
  font-weight: normal !important;           /* обычный текст внутри */
 /* color: #353535 !important;                 цвет текста */
}
/* текст placeholder */
#sp-header .top-search-wrapper .searchwrapper input.inputbox.search-query::placeholder {
  font-weight: normal !important;           /* убираем жирность у "Пошук..." */
 /*  color: #353535 !important;                цвет placeholder */
}


/*  !!!!! включаем прокрутку фоновой картинки на афонах также смотри еще скрипт !!!!! */
/* iOS Safari — отключаем fixed везде */
@supports (-webkit-touch-callout: none) {
  .sppb-section,
  .sppb-row-column,
  .sppb-column,
  [id^="column-id-"],
  [id^="section-id-"],
  [id^="column-wrap-id-"] {
    background-attachment: scroll !important;
  }
}
/*  !!!!!!!!!!!!!!!!! */


/* PULSEARK исправляем баг в липком меню чтоб показать уменьшеный логотип ???????????
.sticky .sticky__wrapper .sp-sticky-logo {
    height: 60px !important;
position: relative !important;}
*/


/* подбравил поворот карточки тренира
.flex.flip-container .flipper .back .sppb-person-block {
    background: #fca224 !important;
}
 */ 
 


/* Invisible reCAPTCHA отдельной строкой 
.sppb-addon-form-builder-form .sppb-dynamic-recaptcha {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    text-align: center !important;
margin: 15px 0 25px !important;
}*/

/* Сам бейдж Google 
.sppb-addon-form-builder-form .grecaptcha-badge {
    display: inline-block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    margin: 0 auto !important;
}*/
 


/* @font-face {
  font-family: 'HaginCaps';
  src: url('../fonts2/hagincapsmedium.woff2') format('woff2'),
       url('../fonts2/hagincapsmedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6,
.sppb-addon-title,
.page-header,
.article-title,
#sp-menu a,
.sp-megamenu-parent > li > a,
.sp-megamenu-parent li a {
  font-family: 'HaginCaps', sans-serif !important;
   letter-spacing: 0.1em !important; 
}
*/

/*
body {
    color: #ffffff !important;
}
*/



/* Своя кнопка */
.sevclbtn {
  background-color: rgba(255, 255, 255, 0.7); /* белый с прозрачностью 50% */
  color: #333333;                             /* цвет текста */
  border: 1px solid #eff1f4;                  /* тонкая граница */
  padding: 8px 16px;                          /* отступы вокруг текста */
  border-radius: 6px;                         /* лёгкое закругление углов */
  display: inline-flex;                       /* кнопка подстраивается под текст */
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.sevclbtn:hover {
  background-color: #ffffff; /* фон становится непрозрачным */
    border: 1px solid #eff1f4;
}

/* =========================================================
   Перекраска кнопки меню "гамбургер" (перенес с CSS в шаблон Главная в шаблоне Все не надо)
   ========================================================= */   
/* 
/* Обычное прозрачное меню 
#sp-header:not(.sticky) .js-menu-toggle .lines,
#sp-header:not(.sticky) .js-menu-toggle .lines::before,
#sp-header:not(.sticky) .js-menu-toggle .lines::after {
    background-color: #fff !important;
}*/
/* Прилипающее меню 
#sp-header.sticky .js-menu-toggle .lines,
#sp-header.sticky .js-menu-toggle .lines::before,
#sp-header.sticky .js-menu-toggle .lines::after {
    background-color: #2c100f !important;
}*/

/* =========================================================
   Переделка шаблонной кнопки со стилем - default
   ========================================================= */   
/*  
.sppb-btn-default,
.btn.sppb-btn-default {
    background-color: rgba(255, 255, 255, 0.0) !important;
    border: 1px solid #fca224 !important;
    color: #fca224 !important; 
}
.sppb-btn-default:hover,
.sppb-btn-default:focus,
.btn.sppb-btn-default:hover,
.btn.sppb-btn-default:focus {
    background-color: #fca224 !important; 
    border-color: #fca224 !important;
    color: #ffffff !important;
}
*/

/* =========================================================
   ЗАГОРЬЕ bottom-key-crystal Добавочный стиль который будет прижимать любую кнопку к нижнему краю блока в котором она стоит
   ========================================================= */   
/* 
/* Внешний контейнер блока чтобы кнопка могла позиционироваться внутри пока не надо
.sppb-column {
  position: relative;
}*/
/* Кнопка с классом bottom-key-crystal */
.bottom-key-crystal {
  position: absolute !important;
  bottom: 15px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
/*   width: auto !important;       убираем растяжение на всю ширину */
 white-space: nowrap !important; /*  запрет переноса текста */
}



/* =========================================================
   ЗАГОРЬЕ замещающий все варианты - свой стиль КНОПКИ flex-light класс ТЕМНЫЙ
    для кнопок как sppb-btn-flex но осветленный и с блеском при наводке
   ========================================================= */
/* базовое состояние для flex-light */
.flex-light {
  position: relative;
  overflow: hidden;
  transition: background-color 0.4s ease, color 0.4s ease;
  color: #ffffff !important; 
  border-color: #513a39 !important; 
  background-color: rgba(44, 16, 15,0.8) !important;
  font-weight: 300 !important;
}
/* shimmer-блик */
.flex-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-25deg);
}
/* запуск анимации блика */
.flex-light:hover::after {
  animation: shimmer 0.8s forwards;
}
@keyframes shimmer {
  100% { left: 125%; }
}
/* при наведении — фон и текст */
.flex-light:hover,
.flex-light:focus {
  background-color: rgba(44, 16, 15,1) !important; 
  color: #ffffff !important;            
}

/* =========================================================
   ЗАГОРЬЕ КНОПКИ дополнительный стиль flex-light2 стиль для любой кнопки только блеск при наведении
   ========================================================= */
.flex-light2 {
  position: relative;
  overflow: hidden;
}
.flex-light2::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-25deg);
}
/* запуск анимации блика */
.flex-light2:hover::after {
  animation: shimmer2 0.8s forwards;
}
@keyframes shimmer2 {
  100% { left: 125%; }
}
/* =========================================================
   ЗАГОРЬЕ замещающий все варианты - свой стиль КНОПКИ flex-light3 класс КОНТУРНЫЙ СВЕТЛЫЙ БЕЗ БЛИКА
    для кнопок как sppb-btn-flex
   ========================================================= */
.flex-light3 {
  position: relative;
  overflow: hidden;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  color: #2c100f !important; 
  border: 1px solid #2c100f !important; 
  background-color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 300 !important;
}
.flex-light3:hover,
.flex-light3:focus {
  background-color: rgba(44, 16, 15, 0.8) !important;
  color: #ffffff !important; 
  border: 1px solid rgba(44, 16, 15, 0.8) !important;
}

/* =========================================================
   ЗАГОРЬЕ замещающий все варианты - свой стиль КНОПКИ flex-light4 класс КОНТУРНЫЙ СВЕТЛЫЙ С БЛИКОМ
    для кнопок как sppb-btn-flex
   ========================================================= */
.flex-light4 {
  position: relative;
  overflow: hidden;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  color: #2c100f !important; 
  border: 1px solid #2c100f !important; 
  background-color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 300 !important;
}
.flex-light4::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-25deg);
}
.flex-light4:hover::after,
.flex-light4:focus::after {
  animation: shimmer 0.8s forwards;
  animation-delay: 0.1s; /* задержка, чтобы сначала сменился фон/текст */
}
@keyframes shimmer {
  100% { left: 125%; }
}
.flex-light4:hover,
.flex-light4:focus {
  background-color: rgba(44, 16, 15, 0.8) !important; /* фон при наведении */
  color: #ffffff !important;                          /* текст при наведении */
  border: 1px solid rgba(44, 16, 15, 0.8) !important; /* рамка при наведении */
}


/* =========================================================
   ЗАГОРЬЕ робегающий блик по картинке при наведени
   ========================================================= */
.img-link-ef-shimmer {
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;          /* ← курсор всегда палец */
}
.img-link-ef-shimmer img {
  display: block;
  transition: filter 0.4s ease;
}
/* shimmer-блик */
.img-link-ef-shimmer::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-25deg);
  pointer-events: none;      /* ← отключаем события, чтобы не мешал клику */
}
/* запуск анимации блика */
.img-link-ef-shimmer:hover::after {
  animation: shimmer-img 0.8s forwards;
}
/* затемнение картинки после блика 
.img-link-ef-shimmer:hover img {
  filter: brightness(0.7);
}*/
/* затемнение картинки после блика */
.img-link-ef-shimmer:hover img {
   filter: contrast(1.2) saturate(1.4);
}

@keyframes shimmer-img {
  100% { left: 125%; }
}




/* PULSEARK переопределяю стиль выпадающего списка языков ?????????? */
/* === Выпадающее меню языков === */
.sp-module-content .mod-languages ul.lang-block.dropdown-menu {
  background-color: rgba(255, 255, 255, 0.8) !important; /* фон */
  border: 1px solid #F6F6F6 !important;                  /* рамка */
  border-radius: 0 0 3px 3px !important;                 /* скругление нижних углов */
  width: 70px !important;                                /* фиксированная ширина */
  min-width: 70px !important;                            /* перебиваем bootstrap min-width */
  text-align: center;
 padding: 10px !important;     /* сверху справа снизу слева*/
  margin-top: 18px !important;                           /* сдвигаем вниз */
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important; /* лёгкая тень */
}
/* общий цвет текста и ссылок */
.sp-module-content .mod-languages ul.lang-block.dropdown-menu a,
.sp-module-content .mod-languages ul.lang-block.dropdown-menu span.lang {
  color: #353535 !important;
  text-decoration: none;
}
/* делаем ссылки блочными, чтобы фон занимал всю ширину */
.sp-module-content .mod-languages ul.lang-block.dropdown-menu li a {
  display: block !important;
  width: 100% !important;
  padding: 0.1rem 0.3rem !important; /* чуть меньше отступы, квадрат компактнее */
  transition: background-color 300ms ease, color 300ms ease, border-radius 300ms ease;
}
/* активный пункт языка — только цвет, без фона и без жирности */
.sp-module-content .mod-languages ul.lang-block li.lang-active,
.sp-module-content .mod-languages ul.lang-block li.lang-active a,
.sp-module-content .mod-languages ul.lang-block li.lang-active span.lang {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #8e6836 !important;
  font-weight: normal !important;
}
/* ховер-эффект для пунктов списка языков */
.sp-module-content .mod-languages ul.lang-block.dropdown-menu li a:hover,
.sp-module-content .mod-languages ul.lang-block.dropdown-menu li a:focus {
  background-color: #8e6836 !important; /* фон при наведении */
  color: #ffffff !important;            /* белый текст */
  text-decoration: none !important;
  border-radius: 3px !important;        /* скругление углов при наведении */
}
/* перекрашиваем вложенный span при наведении */
.sp-module-content .mod-languages ul.lang-block.dropdown-menu li a:hover span.lang,
.sp-module-content .mod-languages ul.lang-block.dropdown-menu li a:focus span.lang {
  color: #ffffff !important;
}






/* =========================================================
   ЗАГОРЬЕ ГОРИЗОНТАЛЬНОЕ МЕНЮ из 8 иконок адаптивное 8>4>2 УСЛУГИ
   ========================================================= */

/* Базовый стиль меню */
.zagr-menu {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 20px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 20px;
}
.zagr-menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
}
.zagr-menu-item img {
  height: 80px; /* размер иконки */
  transition: filter 0.3s ease, transform 0.3s ease;
}
.zagr-menu-item span {
  margin-top: 15px;
  font-size: 80%;
  text-align: center;
  word-wrap: break-word;
}
/* Эффект наведения */
.zagr-menu-item img:hover {
  filter: hue-rotate(90deg);
  transform: scale(1.1);
}
/* Экран меньше 980px → 2 строки по 4 */
@media (max-width: 1020px) {
  .zagr-menu {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* Экран меньше 500px → 4 строки по 2 */
@media (max-width: 500px) {
  .zagr-menu {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================================================
   ЗАГОРЬЕ ВЕРТИКАЛЬНОЕ МЕНЮ из 8 строк
   ========================================================= */

.zagr-menu-vert {
  display: flex;
  flex-direction: column;   /* вертикальное расположение */
  gap: 15px;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.zagr-menu-item-vert a {
  display: flex;
  flex-direction: row;      /* иконка слева, текст справа */
  align-items: center;      /* вертикальное центрирование */
  text-decoration: none;
  color: #333;
  padding: 10px;
  transition: background 0.3s ease;
  border-radius: 15px;      /* закругление для всех пунктов */
}

.zagr-menu-item-vert img {
  height: 60px;
  margin-right: 15px;
  transition: filter 0.3s ease, transform 0.3s ease;
}

.zagr-menu-item-vert span {
 /* font-size: 90%; */
  text-align: left;
  word-wrap: break-word;
}

/* Эффект наведения */
.zagr-menu-item-vert:hover {
  background: #f5f5f5;      /* светло‑серая подсветка */
  border-radius: 15px;      /* закруглённые края */
}
.zagr-menu-item-vert:hover img {
  filter: hue-rotate(90deg);
  transform: scale(1.05);
}

/* Активный пункт меню */
.zagr-menu-item-vert.active a {
  background: #FAEFE4;      /* фон активного пункта */
  border-radius: 15px;      /* закруглённые края */
}
.zagr-menu-item-vert.active a span {
 /* color: #0077ff;*/
 /* font-weight: bold;*/
}


/* =========================================================
   Допиливаю галерею
   ========================================================= */
/* Отступы сверху и снизу для галереи */
.dc-gallery {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
/* КОЛВО КОЛОНОК ДЛЯ РАЗНІХ ЄКРАНОВ ПРИНУДИТЕЛЬНО */
/* ПК — 6 колонок 
.dc-gallery.dc-gallery--normal {
  --dcg-cols: 6 !important;
}*/
/* Планшет — 3 колонки */
@media (max-width: 1024px) {
  .dc-gallery.dc-gallery--normal {
    --dcg-cols: 3 !important;
  }
}
/* Мобильный — 2 колонки */
@media (max-width: 640px) {
  .dc-gallery.dc-gallery--normal {
    --dcg-cols: 2 !important;
  }
}

/* Цвета кнопок при просмотре */
@media (min-width: 769px) {
  .glightbox-clean .gclose,
  .glightbox-clean .gnext,
  .glightbox-clean .gprev {
    background-color: rgba(153, 133, 133, 0.41) !important;
  }
  .glightbox-clean .gclose:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gprev:hover {
    background-color: rgba(61, 23, 23, 0.72) !important;
  }
}

/* Скрыть подписи в GLightbox  РЕШИЛ ЧЕРЕЗ php
.glightbox-desc,
.gdesc-inner {
  display: none !important;
}*/
/* Powered by Design Cart РЕШИЛ ЧЕРЕЗ php
.dcg-powered-by {
  display: none !important;
}*/