/* ===========================================
   ЦВЕТОВАЯ СХЕМА
   Золото: #f1bf28
   Тёмный: #1a1919
   =========================================== */

/* ===========================================
   Базовая типографика
   =========================================== */

html.title-page {
  font-family: 'Roboto Condensed', sans-serif;
}

.title-page body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

/* ===========================================
   Общие цвета: ссылки, акценты
   =========================================== */

.title-page a:active,
.title-page a:hover {
  color: #f1bf28;
}

/* ===========================================
   Шапка / Хедер
   =========================================== */

.title-page .block-4 {
  background: #1a1919 !important;
}

.title-page .block-3 {
  background: transparent !important;
}

/* Логотип — текст */
.title-page .title-logo {
  color: #fff;
  font-size: 24px
}

.title-page .site-description .align-elem {
  color: rgba(255, 255, 255, 0.7);
}

/* Контакты в шапке */
.title-page .phones-7 .title a,
.title-page .phones-7 .title .align-elem a {
  color: #f1bf28;
}

.title-page .phones-7 .text_body a {
  color: rgba(255, 255, 255, 0.85);
}

.title-page .phones-7 .text_body a:hover {
  color: #f1bf28;
}

/* ===========================================
   Основное меню
   =========================================== */

/* Ссылки основного меню */
.menu-6 .menu-scroll > ul > li.menu-item > a {
  color: #fff !important;
  transition: color 0.1s ease, background-color 0.1s ease;
}

.menu-6 .menu-scroll > ul > li.menu-item > a:hover,
.menu-6 .menu-scroll > ul > li.menu-item > a.hover {
  color: #1a1919 !important;
  background-color: #f1bf28 !important;
}

.menu-6 .menu-scroll > ul > li.menu-item > a:active,
.menu-6 .menu-scroll > ul > li.menu-item > a.active {
  color: #1a1919 !important;
  background-color: #f1bf28 !important;
}

/* ===========================================
   Плавные переходы для меню
   =========================================== */

@keyframes menuDropdownFadeIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes menuSubDropdownFadeIn {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}

.menu-6 .menu-scroll > ul ul[style*="display: block"],
.menu-6 .menu-scroll > ul ul[style*="display:block"] {
  animation: menuDropdownFadeIn 0.25s ease-out forwards;
}

.menu-6 .menu-scroll > ul ul ul[style*="display: block"],
.menu-6 .menu-scroll > ul ul ul[style*="display:block"] {
  animation: menuSubDropdownFadeIn 0.25s ease-out forwards;
}

.menu-6 .menu-scroll > ul ul > li > a {
  transition: background-color 0.08s ease, border-left-color 0.08s ease;
}

.menu-6 .menu-scroll > ul ul > li > a:hover,
.menu-6 .menu-scroll > ul ul > li > a.hover {
  transition: background-color 0.15s ease, border-left-color 0.15s ease;
}

.widget-4 {
  transition: opacity 0.3s ease;
}

.side-panel .menu-6 .menu-scroll > ul ul[style*="display: block"],
.side-panel .menu-6 .menu-scroll > ul ul[style*="display:block"] {
  animation: menuDropdownFadeIn 0.2s ease-out forwards;
}

.menu-6 .menu-scroll > ul > li.more-button > ul[style*="display: block"],
.menu-6 .menu-scroll > ul > li.more-button > ul[style*="display:block"] {
  animation: menuDropdownFadeIn 0.25s ease-out forwards;
}

/* ===========================================
   Выпадающее меню: компактность + новые цвета
   =========================================== */

/* Фон подменю — тёмный */
.menu-6 .menu-scroll > ul ul {
  width: 240px;
  padding: 12px 0;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  background: #1a1919 !important;
  border: 1px solid rgba(241, 191, 40, 0.15);
}

/* Пункты подменю */
.menu-6 .menu-scroll > ul ul > li > a {
  padding: 9px 30px 9px 14px !important;
  background: none !important;
  font-size: 14px;
  line-height: 1.4;
  border-left: 3px solid transparent;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Hover в подменю */
.menu-6 .menu-scroll > ul ul > li > a.hover,
.menu-6 .menu-scroll > ul ul > li > a:hover {
  background-color: rgba(241, 191, 40, 0.1) !important;
  border-left: 3px solid #f1bf28;
  color: #fff !important;
  padding-left: 14px !important;
}

/* Active в подменю */
.menu-6 .menu-scroll > ul ul > li > a:active,
.menu-6 .menu-scroll > ul ul > li > a.active {
  background-color: rgba(241, 191, 40, 0.15) !important;
  border-left: 3px solid #f1bf28 !important;
  color: #f1bf28 !important;
  font-weight: 700;
}

/* Раскрытый родительский пункт */
.menu-6 .menu-scroll > ul > li.menu-item > a.hover {
  background-color: #f1bf28 !important;
  color: #1a1919 !important;
  position: relative;
  transition: background-color 0.05s ease, color 0.05s ease;
}

/* Треугольник-указатель */
.menu-6 .menu-scroll > ul > li.menu-item > a.hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1a1919;
  pointer-events: none;
}

/* Подменю 3 уровня */
.menu-6 .menu-scroll > ul ul ul {
  width: 200px;
  padding: 8px 0;
}

/* Шеврон для вложенных */
.menu-6 .menu-scroll > ul ul > li:has(> ul) > a::after {
  content: '›';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: bold;
}

.menu-6 .menu-scroll > ul ul > li:has(> ul) > a:hover::after,
.menu-6 .menu-scroll > ul ul > li:has(> ul) > a.hover::after {
  color: #f1bf28;
}

/* Разделители */
.menu-6 .menu-scroll > ul ul > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* ===========================================
   Выделение текущей страницы в меню
   =========================================== */

.menu-6 .menu-scroll > ul > li.menu-item.active > a {
  color: #1a1919 !important;
  background-color: #f1bf28 !important;
  position: relative;
}

/* Нижняя линия-индикатор */
.menu-6 .menu-scroll > ul > li.menu-item.active > a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background-color: #1a1919;
  border-radius: 2px 2px 0 0;
}

/* Активный пункт подменю 3 уровня */
.menu-6 .menu-scroll > ul ul ul > li > a.active {
  background-color: rgba(241, 191, 40, 0.12) !important;
  border-left: 3px solid #f1bf28 !important;
  color: #f1bf28 !important;
  font-weight: 700;
}

/* ===========================================
   Кнопки: единый стиль CTA
   =========================================== */

/* Кнопка "Заказать звонок" на слайдере */
#carousel .carousel-caption .slider-buttons a {
  background-color: rgba(241, 191, 40, 0.9) !important;
  color: #1a1919 !important;
  border: none;
  font-weight: 700;
  border-radius: 3px;
  transition: background-color 0.2s ease;
}

#carousel .carousel-caption .slider-buttons a:hover {
  background-color: rgba(217, 168, 32, 0.95) !important;
  color: #1a1919 !important;
}

#carousel .carousel-caption .slider-buttons a:active,
#carousel .carousel-caption .slider-buttons a:focus {
  background-color: rgba(196, 149, 24, 1) !important;
  color: #1a1919 !important;
  outline: none;
}

/* Кнопки .button-1 (Напишите нам и др.) */
.button-1.button,
.info-block .button-1 {
  display: inline-block;
  background-color: #f1bf28 !important;
  color: #1a1919 !important;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.button-1.button:hover,
.info-block .button-1:hover {
  background-color: #d9a820 !important;
  color: #1a1919 !important;
  text-decoration: none;
}

.button-1.button:active,
.info-block .button-1:active {
  background-color: #c49518 !important;
  color: #1a1919 !important;
}

.button-1.button:focus,
.info-block .button-1:focus {
  background-color: #d9a820 !important;
  color: #1a1919 !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(241, 191, 40, 0.3);
}

/* Кнопка в модальной форме */
.btn-gaz {
  background-color: #f1bf28 !important;
  border-color: #d9a820 !important;
  color: #1a1919 !important;
  font-weight: 700;
}

.btn-gaz:hover {
  background-color: #d9a820 !important;
  border-color: #c49518 !important;
  color: #1a1919 !important;
}

.btn-gaz:active,
.btn-gaz:focus {
  background-color: #c49518 !important;
  border-color: #c49518 !important;
  color: #1a1919 !important;
  box-shadow: 0 0 0 3px rgba(241, 191, 40, 0.3) !important;
}

/* ===========================================
   Футер
   =========================================== */

.title-page .block-12 {
  background: #1a1919 !important;
}

.title-page .block-12 .info-block {
  color: rgba(255, 255, 255, 0.85);
}

.title-page .block-12 .copyright {
  color: rgba(255, 255, 255, 0.5);
}

.title-page .block-12 .schedule .title {
  color: #f1bf28;
}

.title-page .block-12 .phone a {
  color: #fff;
  text-decoration: none;
}

.title-page .block-12 .phone a:hover {
  color: #f1bf28;
}

.title-page .block-12 .info {
  color: rgba(255, 255, 255, 0.7);
}

/* Нижняя полоса (кнопка вверх) */
.title-page .block-18 {
  background: #1a1919 !important;
}

.title-page .widget-24 {
  border-color: rgba(241, 191, 40, 0.3) !important;
}

.title-page .widget-24:hover,
.title-page .widget-24.hover {
  background: #f1bf28 !important;
}

/* ===========================================
   Слайдер
   =========================================== */

#carousel .carousel-caption .title {
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

/* ===========================================
   Секции контента — заголовки, акценты
   =========================================== */

/* Заголовки блоков */
.title-page .blocklist .header_text {
  color: #1a1919;
}

/* Кнопка "Вся продукция" */
.button-products > a {
  background: #1a1919 !important;
  border: 1px solid #1a1919 !important;
  color: #fff !important;
}

.button-products > a:hover {
  background-color: transparent !important;
  border: 1px solid #f1bf28 !important;
  color: #f1bf28 !important;
}

/* Кнопка "Подробнее" */
.title-page .editable_block-45 .more > a {
  background: #1a1919 !important;
  color: #fff !important;
}

.title-page .editable_block-45 .more > a:hover {
  background: transparent !important;
  border: 1px solid #f1bf28;
  color: #f1bf28 !important;
}

/* Ссылки в заголовках */
.item-outer .item .title .align-elem:hover {
  color: #f1bf28 !important;
}

/* Контактная ссылка в шапке */
.title-page .phones-7 .title-link a {
  color: #f1bf28 !important;
}

/* ===========================================
   Формы: кнопки отправки, поповеры
   =========================================== */

/* Кнопки в формах */
.title-page .form-23 .form-submit button,
.title-page .form-23 .form-captcha button,
.title-page .popover-wrap-45 .popover-body .s3_button_large,
.title-page .popover-wrap-24 .popover-body .s3_button_large {
  background: #f1bf28 !important;
  color: #1a1919 !important;
}

.title-page .form-23 .form-submit button:hover,
.title-page .form-23 .form-captcha button:hover,
.title-page .popover-wrap-45 .popover-body .s3_button_large:hover,
.title-page .popover-wrap-24 .popover-body .s3_button_large:hover {
  box-shadow: 0 4px 8px rgba(241, 191, 40, 0.3) !important;
}

.title-page .form-23 .form-submit button:active,
.title-page .form-23 .form-submit button.active,
.title-page .form-23 .form-captcha button:active,
.title-page .form-23 .form-captcha button.active {
  background: transparent !important;
  color: #f1bf28 !important;
  box-shadow: inset 0 0 0 2px rgba(241, 191, 40, 0.5) !important;
}

/* Закрытие поповера */
.title-page .popover-wrap-45 .popover-close,
.title-page .popover-wrap-24 .popover-close {
  background-color: #1a1919 !important;
}

/* Сообщения формы */
.title-page .popover-wrap-45 .popover-body .s3_message,
.title-page .popover-wrap-24 .popover-body .s3_message {
  background: #f1bf28 !important;
  color: #1a1919 !important;
}

/* ===========================================
   SVG-иконки в секции преимуществ
   =========================================== */

.title-page .blocklist-10 .image svg path,
.title-page .blocklist-19 .image svg path {
  fill: #f1bf28 !important;
}

/* ===========================================
   Боковое меню (side-panel)
   =========================================== */

.title-page .menu-col-44 ul.menu-columns-items > li > a:hover,
.title-page .menu-col-44 ul.menu-columns-items > li > a.hover,
.title-page .menu-col-44 ul.menu-columns-items > li > a.active {
  color: #f1bf28 !important;
}

.title-page .menu-col-44 ul.menu-columns-items ul a:hover,
.title-page .menu-col-44 ul.menu-columns-items ul a.hover,
.title-page .menu-col-44 ul.menu-columns-items ul a.active {
  color: #f1bf28 !important;
}

/* ===========================================
   Дополнительные элементы
   =========================================== */

/* Телефон в контактной секции */
.title-page .schedule-32 .title {
  color: #f1bf28 !important;
}

/* Email */
.title-page .email-35 .text_body {
  color: #f1bf28 !important;
}

/* Заголовки секций — полоска слева */
.title-page .editable_block-45 .title {
  color: #1a1919;
}

.title-page .blocklist .header_text .align-elem {
  color: #1a1919;
}

.title-page .blocklist .header_text .text-white {
  color: #ffff;
}

/* Модальное окно заявки */
.modal-content .btn-gaz {
  background-color: #f1bf28 !important;
  border-color: #d9a820 !important;
  color: #1a1919 !important;
  font-weight: 700;
}

.modal-content .btn-gaz:hover {
  background-color: #d9a820 !important;
  color: #1a1919 !important;
}

.modal-content .btn-gaz:active,
.modal-content .btn-gaz:focus {
  background-color: #c49518 !important;
  color: #1a1919 !important;
  box-shadow: 0 0 0 3px rgba(241, 191, 40, 0.3) !important;
}

/* ===========================================
   Боковое меню продуктов (menu-62)
   =========================================== */

.menu-62 .menu-scroll > ul > li.menu-item > a:hover,
.menu-62 .menu-scroll > ul > li.menu-item > a.hover,
.menu-62 .menu-scroll > ul > li.menu-item > a.active {
  color: #f1bf28 !important;
}

.side-panel .menu-62 .menu-scroll > ul > li.menu-item > a:hover,
.side-panel .menu-62 .menu-scroll > ul > li.menu-item > a.hover,
.side-panel .menu-62 .menu-scroll > ul > li.menu-item > a.active {
  color: #f1bf28 !important;
}

/* Боковая панель — фон */
.side-panel .widget-25 {
  background: #1a1919 !important;
}

/* ===========================================
   Пагинация галереи
   =========================================== */

.pagination .page-item.active .page-link-gaz {
  background-color: #f1bf28 !important;
  border-color: #f1bf28 !important;
  color: #1a1919 !important;
}

.pagination .page-link-gaz {
  color: #1a1919 !important;
  border-color: #ddd;
}

.pagination .page-link-gaz:hover {
  background-color: rgba(241, 191, 40, 0.15) !important;
  border-color: #f1bf28 !important;
  color: #1a1919 !important;
}

/* ===========================================
   Хлебные крошки и контент-ссылки
   =========================================== */

.path a {
  color: #f1bf28 !important;
}

.content-60 a {
  color: #f1bf28 !important;
}

.content-60 a:hover {
  color: #d9a820 !important;
}

/* ===========================================
   Меню: убираем старый синий из active
   =========================================== */

.menu-6 .menu-scroll > ul > li.menu-item > a:active,
.menu-6 .menu-scroll > ul > li.menu-item > a.active {
  color: #1a1919 !important;
  background: #f1bf28 !important;
}

/* Ссылки-заголовки категорий */
.title .href-title:hover {
  color: #f1bf28 !important;
}

/* Ссылка в шапке контактов */
.title-page .title .title-link a:hover,
.title-page .title .title-link a:active {
  color: #f1bf28 !important;
}

/* ===========================================
   Side-panel (бургер и крестик)
   =========================================== */

.side-panel-51 .side-panel-button {
  background: #1a1919 !important;
}

.side-panel-51 .side-panel-close {
  background-color: #1a1919 !important;
}

/* Карта — минимальная высота для ленивой загрузки */
#ya-map {
  min-height: 450px;
}

/* Мобильная версия — блок-19 (нижняя панель) */
.title-page .block-18 {
  background: #1a1919 !important;
}

.title-page .block-19 {
  background: #1a1919 !important;
}