@import url("fonts/wa/fonts.css");

/* Waste Agent 2024 — тёмная тема «Ночная смена».
   Только оформление: структура, контент и данные Bitrix не меняются. */

:root {
  --wa-bg: #171c27;
  --wa-bg-2: #1d2331;
  --wa-surface: #232a3a;
  --wa-surface-2: #293142;
  --wa-ink: #f2f5ef;
  --wa-muted: #9aa6b8;
  --wa-line: rgba(255, 255, 255, 0.14);
  --wa-line-soft: rgba(255, 255, 255, 0.08);
  --wa-lime: #d9ff5f;
  --wa-lime-2: #e7ff8d;
  --wa-green: #1d6f4d;
  --wa-danger: #ff7b6b;
  --wa-radius: 12px;
}

html,
body {
  background: var(--wa-bg) !important;
  color: var(--wa-ink) !important;
}

body,
.body,
p,
a,
span,
li,
td,
th,
label,
.form-control,
.btn,
input,
textarea,
select,
.breadcrumbs,
.copy {
  font-family: "Manrope", "Golos Text", system-ui, sans-serif !important;
}

body {
  font-size: 15px;
  line-height: 1.55;
}

::selection {
  background: var(--wa-lime);
  color: #141a24;
}

a {
  color: inherit;
}

a:hover,
a:focus {
  color: var(--wa-lime);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.page-title,
.banners-big .title,
.styled-block h2,
.item-views h3.underline,
.catalog h3.underline,
.news h3.underline {
  font-family: "Unbounded", "Manrope", system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
  color: var(--wa-ink) !important;
}

h1,
.page-title {
  line-height: 0.98 !important;
}

/* ── Каркас ─────────────────────────────────────────────────────────────── */
.body,
.main,
.wrapper,
.maxwidth-theme,
.container,
.row,
.col-md-12,
.col-md-9,
.col-md-8,
.col-md-6,
.col-md-4,
.col-md-3,
.greyline {
  background-color: transparent !important;
}

.main {
  background: var(--wa-bg) !important;
}

.greyline {
  background: var(--wa-bg-2) !important;
  border-color: var(--wa-line-soft) !important;
}

/* ── Шапка ──────────────────────────────────────────────────────────────── */
header.topmenu-LIGHT,
header.topmenu-LIGHT.canfixed,
header.topmenu-LIGHT.fixed {
  background: rgba(23, 28, 39, 0.94) !important;
  border-bottom: 1px solid var(--wa-line) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(18px);
}

.logo_and_menu-row,
.logo-row,
.menu-row {
  background: transparent !important;
  border-color: var(--wa-line) !important;
}

.logo img {
  width: 172px !important;
  height: auto !important;
}

.top-description {
  color: var(--wa-muted) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.top-callback .phone,
.top-callback .phone a,
.phone .phone-number,
.phone-number,
.phone a {
  color: var(--wa-ink) !important;
}

.top-callback .phone .descr,
.phone .descr {
  color: var(--wa-muted) !important;
}

.top-callback .btn,
.top-callback .btn-default,
.callback .btn {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
}

.table-menu td a {
  color: rgba(242, 245, 239, 0.76) !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.table-menu td.active a,
.table-menu td a:hover {
  color: var(--wa-lime) !important;
}

.menu-row {
  border-top: 1px solid var(--wa-line) !important;
}

.dropdown-menu,
.dropdown-menu li,
.dropdown-menu .submenu {
  background: var(--wa-surface) !important;
  border-color: var(--wa-line) !important;
}

.dropdown-menu a,
.dropdown-menu li a {
  color: var(--wa-ink) !important;
}

.dropdown-menu a:hover {
  color: var(--wa-lime) !important;
  background: rgba(217, 255, 95, 0.07) !important;
}

.btn-search,
.search .btn-search {
  color: var(--wa-ink) !important;
}

/* ── Первый экран ───────────────────────────────────────────────────────── */
.banners-big,
.banners-big.front,
.banners-big .flexslider,
.banners-big .flex-viewport {
  background: var(--wa-bg) !important;
}

.banners-big .item {
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--wa-bg) !important;
  border-bottom: 1px solid var(--wa-line) !important;
}

.banners-big .item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(23, 28, 39, 0.97) 0%, rgba(23, 28, 39, 0.9) 38%, rgba(23, 28, 39, 0.62) 70%, rgba(23, 28, 39, 0.82) 100%),
    radial-gradient(900px 520px at 75% 35%, rgba(29, 111, 77, 0.34), transparent 66%);
}

.banners-big .item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.45;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.075) 1px, transparent 1px);
  background-size: 82px 82px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 35%, #000 78%, transparent 100%);
}

.banners-big .item > .maxwidth-theme,
.banners-big .item .maxwidth-theme {
  position: relative !important;
  z-index: 2 !important;
}

.banners-big .item .title {
  max-width: 760px;
  color: var(--wa-ink) !important;
  font-size: clamp(34px, 4.2vw, 62px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
  text-transform: uppercase !important;
}

.banners-big .item .text-block {
  max-width: 540px;
  margin-top: 18px;
  color: rgba(242, 245, 239, 0.72) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.banners-big .item .buttons-block {
  margin-top: 24px;
}

.banners-big .item .btn {
  min-height: 48px;
  padding: 0 22px;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em;
}

.banners-big .item .btn-default {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

.banners-big .item .btn-default.white {
  background: transparent !important;
  color: var(--wa-ink) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.banners-big .item .btn-default.white:hover {
  border-color: var(--wa-lime) !important;
  color: var(--wa-lime) !important;
}

.banners-big .item .col-md-6.img img {
  filter: drop-shadow(0 24px 50px rgba(0, 0, 0, 0.35)) saturate(0.85);
  opacity: 0.9;
}

.flex-control-nav li a {
  background: rgba(255, 255, 255, 0.28) !important;
  border-color: transparent !important;
}

.flex-control-nav li a.flex-active {
  background: var(--wa-lime) !important;
}

.flex-direction-nav a {
  color: var(--wa-ink) !important;
  border-color: var(--wa-line) !important;
  background: rgba(23, 28, 39, 0.6) !important;
}

/* ── Преимущества под первым экраном ───────────────────────────────────── */
.banners-small,
.banners-small.front {
  background: var(--wa-bg-2) !important;
  border-top: 1px solid var(--wa-line) !important;
  border-bottom: 1px solid var(--wa-line) !important;
}

.banners-small .item,
.banners-small .col-md-3 {
  background: transparent !important;
  border-color: var(--wa-line-soft) !important;
}

.banners-small .item .title,
.banners-small .item a {
  color: var(--wa-ink) !important;
}

.banners-small .item .descr,
.banners-small .item p {
  color: var(--wa-muted) !important;
}

.banners-small img {
  filter: invert(1);
  opacity: 0.8;
}

.banners-small .item:hover img {
  opacity: 1;
}

/* ── Заголовки секций ───────────────────────────────────────────────────── */
.item-views h3.underline,
.catalog h3.underline,
.news h3.underline,
h3.underline {
  color: var(--wa-ink) !important;
  border-bottom-color: var(--wa-line) !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
}

.item-views h3.underline::after,
.catalog h3.underline::after,
.news h3.underline::after {
  background: var(--wa-lime) !important;
}

.item-views > p,
.catalog > p,
.news > p,
.styled-block p,
.company p {
  color: var(--wa-muted) !important;
}

/* ── Карточки услуг / каталога / новостей ───────────────────────────────── */
.item-views .item,
.catalog .item,
.news .item {
  background: var(--wa-surface) !important;
  border: 1px solid var(--wa-line) !important;
  border-radius: var(--wa-radius) !important;
  color: var(--wa-ink) !important;
  overflow: hidden;
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}

.item-views .item:hover,
.catalog .item:hover,
.news .item:hover {
  border-color: rgba(217, 255, 95, 0.55) !important;
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

.item-views .item .title,
.catalog .item .title,
.news .item .title,
.item-views .item h3,
.catalog .item h3,
.news .item h3 {
  color: var(--wa-ink) !important;
}

.item-views .item .text,
.item-views .item p,
.catalog .item .text,
.catalog .item p,
.news .item .text,
.news .item p {
  color: var(--wa-muted) !important;
}

.item-views .item .image img,
.catalog .item .image img,
.news .item .image img {
  border-radius: 8px;
}

.catalog .item .image,
.catalog .item .item_img {
  background: #e9eee8 !important;
  border-radius: 8px !important;
  padding: 6px;
}

.catalog .item .price,
.catalog .item .cost,
.item-views .item .price {
  color: var(--wa-lime) !important;
  font-family: "Unbounded", sans-serif !important;
  font-weight: 600 !important;
}

.item-views .item .btn,
.catalog .item .btn {
  background: transparent !important;
  color: var(--wa-lime) !important;
  border-color: rgba(217, 255, 95, 0.45) !important;
}

.item-views .item .btn:hover,
.catalog .item .btn:hover {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
}

/* ── Блок консультации ──────────────────────────────────────────────────── */
.styled-block,
.styled-block.front {
  background: linear-gradient(145deg, #202736 0%, #171c27 100%) !important;
  border: 1px solid var(--wa-line) !important;
  border-radius: 16px !important;
  color: var(--wa-ink) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22) !important;
}

.styled-block h2,
.styled-block .title {
  color: var(--wa-ink) !important;
}

.styled-block p,
.styled-block .text {
  color: var(--wa-muted) !important;
}

.styled-block .btn,
.styled-block a.btn {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

/* ── Кнопки ─────────────────────────────────────────────────────────────── */
.btn,
.btn-default,
input[type="submit"],
button[type="submit"],
.subscribe-btn {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border: 1px solid var(--wa-lime) !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.btn:hover,
.btn-default:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background: var(--wa-lime-2) !important;
  border-color: var(--wa-lime-2) !important;
  color: #141a24 !important;
}

.btn.white,
.btn-white,
.btn-transparent,
.btn.btn-default.white {
  background: transparent !important;
  color: var(--wa-ink) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.btn.white:hover,
.btn-white:hover,
.btn-transparent:hover {
  border-color: var(--wa-lime) !important;
  color: var(--wa-lime) !important;
}

/* ── Формы ──────────────────────────────────────────────────────────────── */
.form-control,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
  background: var(--wa-bg-2) !important;
  color: var(--wa-ink) !important;
  border: 1px solid var(--wa-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: rgba(147, 161, 152, 0.8) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--wa-lime) !important;
  box-shadow: 0 0 0 3px rgba(217, 255, 95, 0.13) !important;
  outline: none !important;
}

label,
.form label,
.form-block label {
  color: var(--wa-muted) !important;
}

/* ── Подвал ─────────────────────────────────────────────────────────────── */
#footer {
  background: #10141c !important;
  border-top: 1px solid var(--wa-line) !important;
  color: var(--wa-muted) !important;
}

#footer .subscribe-block-wrapper,
#footer .container,
#footer .row,
#footer .maxwidth-theme {
  background: transparent !important;
  border-color: var(--wa-line) !important;
}

#footer .subscribe-block-wrapper {
  border-bottom: 1px solid var(--wa-line) !important;
}

#footer .copy,
#footer .text,
#footer p,
#footer .footer-bottom,
#footer .contacts,
#footer .contact {
  color: var(--wa-muted) !important;
}

#footer a {
  color: rgba(242, 245, 239, 0.72) !important;
}

#footer a:hover {
  color: var(--wa-lime) !important;
}

#footer h3,
#footer h4,
#footer .title,
#footer .phone,
#footer .phone a {
  color: var(--wa-ink) !important;
}

#footer .social-icons a {
  background: var(--wa-surface) !important;
  border: 1px solid var(--wa-line) !important;
  color: var(--wa-ink) !important;
}

#footer .social-icons a:hover {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
}

#footer .subscribe-btn {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
}

/* ── Хлебные крошки, пагинация, табы ────────────────────────────────────── */
.breadcrumbs,
.breadcrumb {
  background: transparent !important;
  color: var(--wa-muted) !important;
}

.breadcrumbs a,
.breadcrumb a {
  color: var(--wa-muted) !important;
}

.breadcrumbs a:hover,
.breadcrumb a:hover {
  color: var(--wa-lime) !important;
}

.pagination a,
.pagination span {
  background: var(--wa-surface) !important;
  border-color: var(--wa-line) !important;
  color: var(--wa-ink) !important;
}

.pagination a:hover,
.pagination .active a,
.pagination .active span {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
}

.tabs,
.tabs .tab,
.nav-tabs {
  border-color: var(--wa-line) !important;
}

.tabs a,
.nav-tabs a {
  color: var(--wa-muted) !important;
}

.tabs a.active,
.nav-tabs a.active,
.tabs a:hover {
  color: var(--wa-lime) !important;
  border-color: var(--wa-lime) !important;
}

/* ── Таблицы, свойства, детальные страницы ──────────────────────────────── */
table,
.table {
  color: var(--wa-ink) !important;
  border-color: var(--wa-line) !important;
}

table th,
table td,
.table th,
.table td {
  border-color: var(--wa-line) !important;
  background: transparent !important;
  color: var(--wa-ink) !important;
}

table tr:nth-child(2n) td,
.table-striped tbody tr:nth-child(2n) td {
  background: rgba(255, 255, 255, 0.025) !important;
}

.detail,
.detail .info,
.detail .price,
.detail .buy,
.detail .props,
.detail .description,
.detail .tabs,
.detail .section {
  background: transparent !important;
  color: var(--wa-ink) !important;
  border-color: var(--wa-line) !important;
}

.detail .price,
.detail .cost {
  color: var(--wa-lime) !important;
}

/* ── Всплывающие окна, поиск, корзина ───────────────────────────────────── */
.jqmWindow,
.popup,
.modal,
.form-block,
.popup-window,
.title-search-result,
.search-result {
  background: var(--wa-surface) !important;
  color: var(--wa-ink) !important;
  border: 1px solid var(--wa-line) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45) !important;
}

.jqmWindow a,
.popup a,
.modal a,
.form-block a {
  color: var(--wa-ink) !important;
}

.jqmWindow a:hover,
.popup a:hover,
.modal a:hover {
  color: var(--wa-lime) !important;
}

.title-search-result .item,
.search-result .item {
  border-color: var(--wa-line) !important;
  background: transparent !important;
}

/* ── Иконки ─────────────────────────────────────────────────────────────── */
.fa,
.fa:before,
[class^="fa-"],
[class*=" fa-"] {
  color: inherit;
}

.banners-small img,
.item-views .item .image img.icon,
.item-views .item .icon img {
  opacity: 0.85;
}

/* ── Скролл и мелочи ────────────────────────────────────────────────────── */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--wa-bg);
}

::-webkit-scrollbar-thumb {
  background: #2d3546;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #465066;
}

#scrollToTop {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
}

/* ── Мобильное меню ─────────────────────────────────────────────────────── */
.responsive-menu,
.responsive-menu .menu,
.mobile-menu,
.btn-responsive-nav {
  background: var(--wa-surface) !important;
  color: var(--wa-ink) !important;
  border-color: var(--wa-line) !important;
}

.responsive-menu a,
.mobile-menu a {
  color: var(--wa-ink) !important;
  border-color: var(--wa-line) !important;
}

.responsive-menu a:hover,
.mobile-menu a:hover {
  color: var(--wa-lime) !important;
}

/* ── Адаптив ────────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
  .banners-big .item .title {
    font-size: clamp(30px, 6vw, 46px) !important;
  }

  .banners-big .item .text-block {
    font-size: 14px !important;
  }

  .banners-small .item {
    border-bottom: 1px solid var(--wa-line-soft) !important;
  }
}

@media (max-width: 600px) {
  .banners-big .item .title {
    font-size: clamp(26px, 8.5vw, 38px) !important;
  }

  .logo img {
    width: 142px !important;
  }

  .styled-block,
  .styled-block.front {
    border-radius: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}


/* Перекрываем жёсткие !important из старого шаблона для тёмных слайдов */
.banners-big .slides .item .title,
.banners-big .slides .item .title a,
.banners-big .slides .item .inner,
.banners-big .slides .item .text-block b,
.banners-big .slides .item .text-block strong {
  color: var(--wa-ink) !important;
}

.banners-big .slides .item .text-block {
  color: rgba(242, 245, 239, 0.72) !important;
}

header .top-callback .btn,
header .top-callback .btn.white,
header .top-callback .btn-default {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

header .top-callback .btn:hover,
header .top-callback .btn.white:hover {
  background: var(--wa-lime-2) !important;
  border-color: var(--wa-lime-2) !important;
  color: #141a24 !important;
}

.banners-small img {
  mix-blend-mode: screen;
}

.item-views .item .image,
.catalog .item .image {
  background: #e9eee8 !important;
  border-radius: 10px !important;
  padding: 4px;
}

.item-views .item .image img,
.catalog .item .image img {
  display: block;
  width: 100%;
  height: auto;
}

html, body {
  overflow-x: clip !important;
}

/* Цены в каталоге и карточках */
.catalog .item .price_new,
.catalog .item .price_new *,
.catalog .item .price_new .price_val,
.catalog .item .price_new .currency,
.price_new,
.price_new .price_val {
  color: var(--wa-lime) !important;
}

.catalog .item .price_old,
.catalog .item .price_old *,
.catalog .item .price_old .price_val,
.price_old,
.price_old .price_val {
  color: var(--wa-muted) !important;
  text-decoration: line-through;
  text-decoration-color: rgba(147, 161, 152, 0.7);
}

/* Верхняя полоса подписки в подвале: у шаблона белый ::before */
#footer .subscribe-block-wrapper::before,
#footer .subscribe-block-wrapper::after {
  display: none !important;
  background: transparent !important;
}

#footer .subscribe-block-wrapper {
  background: #171c27 !important;
  background-image: none !important;
  border-top: 1px solid var(--wa-line) !important;
  border-bottom: 1px solid var(--wa-line) !important;
}

#footer .subscribe-block-wrapper .text,
#footer .subscribe-block-wrapper .col-md-3 {
  color: var(--wa-muted) !important;
}

#footer .subscribe-input {
  background: var(--wa-bg-2) !important;
  border: 1px solid var(--wa-line) !important;
  color: var(--wa-ink) !important;
}


/* ── Боковое меню разделов ──────────────────────────────────────────────── */
.sidebar .nav-list a,
.sidebar .nav-list > li > a,
.sidebar .submenu a {
  color: var(--wa-muted) !important;
  background: transparent !important;
  border-color: var(--wa-line) !important;
}

.sidebar .nav-list > li > a:hover,
.sidebar .submenu a:hover {
  color: var(--wa-lime) !important;
}

.sidebar .nav-list > li.active > a,
.sidebar .nav-list > li.active > a:hover,
.sidebar .submenu li.active > a {
  background: rgba(217, 255, 95, 0.1) !important;
  color: var(--wa-lime) !important;
  border-left: 2px solid var(--wa-lime) !important;
}

.sidebar .submenu {
  background: var(--wa-surface) !important;
  border: 1px solid var(--wa-line) !important;
  border-radius: 8px !important;
  padding: 4px 0 !important;
}

.sidebar .submenu li a {
  color: var(--wa-muted) !important;
  background: transparent !important;
}

.sidebar .text,
.sidebar p,
.sidebar .descr {
  color: var(--wa-muted) !important;
}

/* ── Контакты ───────────────────────────────────────────────────────────── */
.contacts .text,
.contacts p,
.contacts .description,
.contacts .descr,
.contact .text,
.contact p {
  color: var(--wa-muted) !important;
}

.contacts .dark_table,
.contact .dark_table {
  color: var(--wa-muted) !important;
}

.contacts .light_table,
.contact .light_table,
.contacts .value,
.contact .value {
  color: var(--wa-ink) !important;
}

.contacts .icon,
.contact .icon,
.contacts .item .icon,
.contact .item .icon {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

.contacts .icon *,
.contact .icon * {
  color: #141a24 !important;
}

.form-block .text,
.form-block p,
.form-block .description,
.form-block .descr {
  color: var(--wa-muted) !important;
}

.form-block h2,
.form-block .title {
  color: var(--wa-ink) !important;
}

/* ── Таблица характеристик ──────────────────────────────────────────────── */
.props_table,
.props_table tr,
.props_table td,
.props_table .char_name,
.props_table .char_value,
.props_table span,
.props_table th {
  background: transparent !important;
  border-color: var(--wa-line) !important;
  color: var(--wa-ink) !important;
}

.props_table .char_name,
.props_table .char_name span {
  color: var(--wa-muted) !important;
}

.props_table .char_value,
.props_table .char_value span {
  color: var(--wa-ink) !important;
}

/* ── Блок заказа товара ─────────────────────────────────────────────────── */
.detail .order,
.detail .order .btn,
.detail .order .btn span {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

.detail .order .btn.white,
.detail .order .btn.white span {
  background: transparent !important;
  color: var(--wa-ink) !important;
  border-color: var(--wa-line) !important;
}

/* ── Даты новостей ──────────────────────────────────────────────────────── */
.news .date,
.news .item .date,
.news .date span,
.date {
  background: var(--wa-surface) !important;
  color: var(--wa-muted) !important;
  border: 1px solid var(--wa-line) !important;
  border-radius: 20px !important;
}

/* ── Телефон в подвале ──────────────────────────────────────────────────── */
#footer .phone,
#footer .phone a,
#footer .phone-number {
  white-space: nowrap !important;
}

/* ── Контакты: текст, метки и иконки ────────────────────────────────────── */
.row.contacts {
  color: var(--wa-ink) !important;
}

.row.contacts .grey_light,
.row.contacts .grey_light * {
  color: #b9c4bc !important;
}

.row.contacts .dark_table,
.row.contacts .dark_table * {
  color: #c3cec5 !important;
}

.row.contacts .fa.colored {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

.form.contacts {
  color: var(--wa-muted) !important;
}

.form.contacts .title,
.form.contacts h2,
.form.contacts h3 {
  color: var(--wa-ink) !important;
}

.form.contacts .grey_light,
.form.contacts .text,
.form.contacts p {
  color: var(--wa-muted) !important;
}

/* ── Блок «Заказать товар» на карточке ─────────────────────────────────── */
.order-block {
  background: var(--wa-surface) !important;
  border: 1px solid var(--wa-line) !important;
  border-radius: 10px !important;
  color: var(--wa-ink) !important;
}

.order-block .btn,
.order-block .btn span {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

.order-block .text,
.order-block p,
.order-block .descr {
  color: var(--wa-muted) !important;
}

/* ── Таблица характеристик: фиксированная ширина ───────────────────────── */
.props_table {
  width: 100% !important;
  table-layout: fixed !important;
}

.props_table .char_name {
  width: 42% !important;
}

.props_table .char_value {
  width: 58% !important;
  text-align: right !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Верхняя кнопка «Задать вопрос» рядом с «Заказать товар» */
.detail .order .btn.white,
.detail .order .btn.white span,
.order .btn.white,
.order .btn.white span {
  background: transparent !important;
  color: var(--wa-ink) !important;
  border: 1px solid var(--wa-line) !important;
}

.detail .order .btn.white:hover,
.detail .order .btn.white:hover span {
  color: var(--wa-lime) !important;
  border-color: var(--wa-lime) !important;
}

/* Светлая плашка в блоке заказа */
.order-block .text {
  background: transparent !important;
  color: var(--wa-muted) !important;
}

.order-block .btn.btn-default,
.order-block .btn.btn-default:hover,
.order-block .btn.btn-default span {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

/* Вводный текст формы контактов */


.form.contacts .title,
.form.contacts .title *,
.form.contacts h2,
.form.contacts h2 * {
  color: var(--wa-ink) !important;
}

/* Чуть отступа справа, чтобы значения таблицы не липли к краю */
.props_table .char_value {
  padding-right: 10px !important;
}

@media (max-width: 600px) {
  .banners-big .item .title {
    font-size: 26px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.05em !important;
  }

  .banners-big .item .maxwidth-theme {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .banners-big .item .text-block {
    font-size: 13px !important;
  }
}

/* ── Мобильное меню поверх героя ────────────────────────────────────────── */
@media (max-width: 991px) {
  header.topmenu-LIGHT {
    position: relative !important;
    z-index: 1000 !important;
  }

  .nav-main-collapse {
    position: relative !important;
    z-index: 1001 !important;
    background: var(--wa-surface) !important;
    border: 1px solid var(--wa-line) !important;
    border-top: 0 !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45) !important;
  }

  .nav-main-collapse.in {
    display: block !important;
  }

  .responsive-menu {
    background: var(--wa-surface) !important;
    padding: 6px 0 !important;
  }

  .responsive-menu li a {
    color: var(--wa-ink) !important;
    border-color: var(--wa-line) !important;
    background: transparent !important;
    padding: 11px 16px !important;
  }

  .responsive-menu li.active a,
  .responsive-menu li a:hover {
    color: var(--wa-lime) !important;
    background: rgba(217, 255, 95, 0.08) !important;
  }
}

/* ── Вводный текст формы контактов: усиленная специфичность ───────────── */
.form.contacts .col-md-4,
.form.contacts .col-md-4 .text,
.form.contacts .col-md-4 p,
.form.contacts .col-md-4 .grey_light {
  color: #b9c4bc !important;
}

/* ── Блок заказа: убираем светлую плашку полностью ─────────────────────── */
.order-block,
.order-block .row,
.order-block .col-md-4,
.order-block .col-md-8,
.order-block .text {
  background: var(--wa-surface) !important;
  background-image: none !important;
}

.order-block .text {
  color: var(--wa-muted) !important;
}

/* Галерея карточки товара: не применять к ней стили карточек листинга */
.catalog.detail .item .image {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.catalog.detail .item .image img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
}

/* Контейнер верхних кнопок заказа — не заливать лаймом */
.detail .order {
  background: transparent !important;
  border: 0 !important;
}

/* Мобильное меню: перекрываем светлый фон всеми способами */
@media (max-width: 991px) {
  #mainMenu,
  ul.responsive-menu,
  .nav-main-collapse,
  .nav-main-collapse .menu-only,
  .nav-main-collapse .menu-only * {
    background: var(--wa-surface) !important;
    background-image: none !important;
  }

  #mainMenu li a,
  ul.responsive-menu li a {
    color: var(--wa-ink) !important;
    border-color: var(--wa-line) !important;
  }

  #mainMenu li.active a,
  ul.responsive-menu li.active a,
  #mainMenu li a:hover,
  ul.responsive-menu li a:hover {
    color: var(--wa-lime) !important;
    background: rgba(217, 255, 95, 0.08) !important;
  }
}


.form.contacts .col-md-4 {
  color: #d5ddd7 !important;
}

header .fa.colored,
header .top-callback .fa.colored,
header .phone .fa.colored,
#footer .fa.colored {
  background: transparent !important;
  color: var(--wa-lime) !important;
}

header .fa,
header .phone .fa,
header .top-callback .fa {
  background: transparent !important;
  color: var(--wa-lime) !important;
}

/* Даты новостей и служебные метки */
.news .label,
.news .period .label,
.period .label {
  background: var(--wa-surface) !important;
  color: var(--wa-muted) !important;
  border: 1px solid var(--wa-line) !important;
}

/* Акцентная линия у заголовков детальных блоков */
.detail h3,
.detail .props .title,
.detail .tabs .title {
  border-bottom-color: var(--wa-lime) !important;
}

header .btn-responsive-nav .fa,
header .btn-responsive-nav i {
  background: transparent !important;
  color: #141a24 !important;
}

/* Четыре преимущества: собственные векторные иконки вместо старых PNG */
.banners-small.front .item .image {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.banners-small.front .item .image img {
  display: none !important;
}

.banners-small.front .items > div:nth-child(1) .image {
  background-image: url("/bitrix/templates/aspro-scorp/images/wa/adv-price.svg") !important;
}

.banners-small.front .items > div:nth-child(2) .image {
  background-image: url("/bitrix/templates/aspro-scorp/images/wa/adv-coverage.svg") !important;
}

.banners-small.front .items > div:nth-child(3) .image {
  background-image: url("/bitrix/templates/aspro-scorp/images/wa/adv-bins.svg") !important;
}

.banners-small.front .items > div:nth-child(4) .image {
  background-image: url("/bitrix/templates/aspro-scorp/images/wa/adv-truck.svg") !important;
}

@media (max-width: 600px) {
  .banners-small.front .item .image {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
}

.banners-small.front .item .image {
  margin-right: 12px !important;
}

@media (max-width: 600px) {
  .banners-small.front .item .image {
    margin-right: 10px !important;
  }
}

/* Единая геометрия кнопок в герое: текст по центру, одинаковые высоты */
.banners-big .item .buttons-block {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.banners-big .item .buttons-block .btn,
.banners-big .item .buttons-block .btn-default {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

.banners-big .item .buttons-block .btn:first-child {
  min-width: 152px !important;
}

.banners-big .item .buttons-block .btn + .btn {
  min-width: 110px !important;
}

/* Преимущества: иконка ровно по центру текстового блока */
.banners-small.front .item {
  display: flex !important;
  align-items: center !important;
}

.banners-small.front .item .image {
  float: none !important;
  flex: 0 0 44px !important;
  margin: 0 12px 0 0 !important;
}

.banners-small.front .item .title {
  float: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 600px) {
  .banners-small.front .item .image {
    flex-basis: 40px !important;
    margin-right: 10px !important;
  }
}

/* Во всех слайдах одна и та же иерархия: первая кнопка — лайм, вторая — контур */
.banners-big .item .buttons-block .btn:first-child,
.banners-big .item .buttons-block .btn:first-child.white,
.banners-big .item .buttons-block .btn:first-child.btn-white {
  background: var(--wa-lime) !important;
  color: #141a24 !important;
  border-color: var(--wa-lime) !important;
}

.banners-big .item .buttons-block .btn + .btn,
.banners-big .item .buttons-block .btn.white + .btn,
.banners-big .item .buttons-block .btn + .btn.white {
  background: transparent !important;
  color: var(--wa-ink) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.banners-big .item .buttons-block .btn + .btn:hover,
.banners-big .item .buttons-block .btn + .btn.white:hover {
  color: var(--wa-lime) !important;
  border-color: var(--wa-lime) !important;
  background: transparent !important;
}

/* Маршрутная графика на фоне сайта */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("/bitrix/templates/aspro-scorp/images/wa/wa-routes.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.34;
}

.body,
#footer,
.bx_areas {
  position: relative !important;
  z-index: 1 !important;
}

.main {
  background: transparent !important;
}

/* Те же линии, но плотнее — в первом экране */
.banners-big .item::after {
  background-image:
    url("/bitrix/templates/aspro-scorp/images/wa/wa-routes.svg"),
    linear-gradient(rgba(255, 255, 255, 0.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.075) 1px, transparent 1px) !important;
  background-size: 100% 100%, 82px 82px, 82px 82px !important;
  background-position: center center, 0 0, 0 0 !important;
  background-repeat: no-repeat, repeat, repeat !important;
  opacity: 0.62 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

@media (max-width: 720px) {
  body::before {
    opacity: 0.24;
    background-size: auto 100%;
  }

  .banners-big .item::after {
    opacity: 0.42 !important;
    background-size: auto 100%, 64px 64px, 64px 64px !important;
  }
}

/* Чуть плотнее маршруты, чтобы мотив читался, но не мешал тексту */
body::before {
  opacity: 0.46 !important;
}

.banners-big .item::after {
  opacity: 0.85 !important;
}

@media (max-width: 720px) {
  body::before {
    opacity: 0.30 !important;
  }

  .banners-big .item::after {
    opacity: 0.55 !important;
  }
}

/* Под текстом героя линии не мешают: проявляются справа */
.banners-big .item::after {
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 38%, #000 62%) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 38%, #000 62%) !important;
}

@media (max-width: 720px) {
  .banners-big .item::after {
    mask-image: linear-gradient(90deg, transparent 0%, transparent 48%, #000 82%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 48%, #000 82%) !important;
  }
}

/* Логотип Ecotrest */
.logo img {
  width: 210px !important;
  height: auto !important;
}

@media (max-width: 991px) {
  .logo img {
    width: 176px !important;
  }
}

@media (max-width: 600px) {
  .logo img {
    width: 160px !important;
  }
}

header .phone .phone-number,
header .phone .phone-number * {
  color: var(--wa-ink) !important;
}

@media (max-width: 600px) {
  .logo img {
    width: 180px !important;
  }
}

@media (max-width: 600px) {
  .logo,
  .logo a {
    width: 180px !important;
    max-width: 180px !important;
  }

  .logo img {
    width: 180px !important;
    max-width: 180px !important;
  }
}

@media (max-width: 600px) {
  .logo,
  .logo a {
    width: 170px !important;
    max-width: 170px !important;
  }

  .logo img {
    width: 170px !important;
    max-width: 170px !important;
  }
}

.logo img {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: contain !important;
}

/* Убираем белые технологические линии старого шаблона */
.table-menu td a,
.table-menu td a.dropdown-toggle {
  border-top: 0 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

.menu-row {
  border-top: 0 !important;
}

.banners-big .item {
  border-bottom: 0 !important;
}

header.topmenu-LIGHT,
header.topmenu-LIGHT.canfixed {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

/* Синий треугольник под активным пунктом — в лайм */
.table-menu .tail {
  border-bottom-color: var(--wa-lime) !important;
}

.table-menu td a,
.table-menu td a.dropdown-toggle {
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}

header.topmenu-LIGHT,
header.topmenu-LIGHT.canfixed {
  border-bottom: 0 !important;
}

.banners-small.front {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Услуги: свои векторные иллюстрации вместо разношёрстных фото */
.item-views.sections.teasers .item .image {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.item-views.sections.teasers .item .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
}

img[alt="Вывоз ТБО"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-tbo.svg") !important; }
img[alt="Мойка баков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-wash.svg") !important; }
img[alt="Экологические услуги"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-eco.svg") !important; }
img[alt="Производство мешков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-bags.svg") !important; }
img[alt="Паспортизация"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-passport.svg") !important; }
img[alt="Проектирование"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-design.svg") !important; }

html[data-theme="light"] img[alt="Вывоз ТБО"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-tbo-light.svg") !important; }
html[data-theme="light"] img[alt="Мойка баков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-wash-light.svg") !important; }
html[data-theme="light"] img[alt="Экологические услуги"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-eco-light.svg") !important; }
html[data-theme="light"] img[alt="Производство мешков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-bags-light.svg") !important; }
html[data-theme="light"] img[alt="Паспортизация"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-passport-light.svg") !important; }
html[data-theme="light"] img[alt="Проектирование"] { content: url("/bitrix/templates/aspro-scorp/images/wa/services/service-design-light.svg") !important; }

/* Переключатель светлой/тёмной темы у логотипа */
.logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: none !important;
}

.logo > a {
  display: flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
}

.wa-theme-toggle {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--wa-line);
  border-radius: 50%;
  background: var(--wa-surface);
  color: var(--wa-lime);
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.wa-theme-toggle:hover {
  border-color: var(--wa-lime);
  color: var(--wa-lime);
}

.wa-theme-toggle:focus-visible {
  outline: 2px solid var(--wa-lime);
  outline-offset: 3px;
}

.wa-theme-toggle svg {
  width: 16px;
  height: 16px;
  display: block;
}

.wa-theme-toggle__moon {
  display: none;
}

@media (max-width: 600px) {
  .logo,
  .logo > a {
    width: auto !important;
    max-width: none !important;
  }

  .wa-theme-toggle {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
}

/* Фотографии услуг возвращены: единая светлая подложка, кроп и цветокоррекция */
.item-views.sections.teasers .item .image {
  background: #e9eee8 !important;
  padding: 5px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  position: relative !important;
}

.item-views.sections.teasers .item .image img {
  content: normal !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  filter: saturate(0.72) contrast(1.04) brightness(0.94) sepia(0.04) !important;
}

.item-views.sections.teasers .item .image::after {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 6px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(35, 42, 58, 0.01), rgba(35, 42, 58, 0.18));
}

img[alt="Вывоз ТБО"],
img[alt="Мойка баков"],
img[alt="Экологические услуги"],
img[alt="Производство мешков"],
img[alt="Паспортизация"],
img[alt="Проектирование"] {
  content: normal !important;
}

/* Более плотная цветокоррекция фото под тёмную тему */
.item-views.sections.teasers .item .image {
  background: #dfe7dd !important;
}

.item-views.sections.teasers .item .image img {
  filter: saturate(0.62) contrast(1.06) brightness(0.9) sepia(0.05) !important;
}

.item-views.sections.teasers .item .image::after {
  background:
    linear-gradient(180deg, rgba(23, 28, 39, 0.08) 0%, rgba(23, 28, 39, 0.42) 100%),
    radial-gradient(circle at 50% 38%, transparent 36%, rgba(23, 28, 39, 0.16) 100%) !important;
}

/* Все фото услуг и товаров — в одной рамке; вертикальные карточки — на всю ширину */
.item-views.sections.teasers .item .image {
  width: 100% !important;
  height: 190px !important;
}

.catalog.item-views.table .item .image {
  width: 100% !important;
  height: 185px !important;
}

.item-views.sections.teasers .item .image img {
  object-fit: cover !important;
}

.catalog.item-views.table .item .image img {
  object-fit: contain !important;
}

/* Боковые фото категорий и новостей не растягиваем — только рамка и тон */
.catalog.item-views.sections.front .item .image,
.news .item .image,
.content-md > img.img-responsive,
.content-md > div > img.img-responsive,
.catalog.detail .galery {
  background: #dfe7dd !important;
  padding: 4px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  position: relative !important;
}

.catalog.item-views.sections.front .item .image img,
.news .item .image img,
.content-md > img.img-responsive,
.content-md > div > img.img-responsive,
.catalog.detail .galery img {
  border-radius: 6px !important;
  filter: saturate(0.68) contrast(1.05) brightness(0.93) sepia(0.05) !important;
}

.catalog.item-views.sections.front .item .image img {
  object-fit: contain !important;
}

.news .item .image img,
.content-md > img.img-responsive,
.content-md > div > img.img-responsive {
  object-fit: cover !important;
}

@media (max-width: 600px) {
  .item-views.sections.teasers .item .image {
    height: 205px !important;
  }

  .catalog.item-views.table .item .image {
    height: 170px !important;
  }
}

/* Оптимизированные исходники фотографий услуг (600×372, единый формат) */
img[alt="Вывоз ТБО"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/tbo.jpg") !important; }
img[alt="Мойка баков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/wash.jpg") !important; }
img[alt="Экологические услуги"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/eco.jpg") !important; }
img[alt="Производство мешков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/bags.jpg") !important; }
img[alt="Паспортизация"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/passport.jpg") !important; }
img[alt="Проектирование"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/design.jpg") !important; }

/* Финальные фото: заполняют рамку, без пустых полей */
img[alt="Вывоз ТБО"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/tbo-fit.jpg") !important; }
img[alt="Мойка баков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/wash-fit.jpg") !important; }
img[alt="Экологические услуги"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/eco-fit.jpg") !important; }
img[alt="Производство мешков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/bags-fit.jpg") !important; }
img[alt="Паспортизация"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/passport-fit.jpg") !important; }
img[alt="Проектирование"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/design-fit.jpg") !important; }

.item-views.sections.teasers .item .image {
  background: #e9eee8 !important;
}

.item-views.sections.teasers .item .image img {
  filter: saturate(0.8) contrast(1.03) brightness(0.97) sepia(0.02) !important;
}

.item-views.sections.teasers .item .image::after {
  background: linear-gradient(180deg, rgba(23, 28, 39, 0.02) 0%, rgba(23, 28, 39, 0.22) 100%) !important;
}

img[alt="Вывоз ТБО"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/tbo-trim.jpg") !important; }
img[alt="Мойка баков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/wash-trim.jpg") !important; }
img[alt="Экологические услуги"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/eco-trim.jpg") !important; }
img[alt="Производство мешков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/bags-trim.jpg") !important; }
img[alt="Паспортизация"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/passport-trim.jpg") !important; }
img[alt="Проектирование"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/design-trim.jpg") !important; }

img[alt="Вывоз ТБО"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/tbo-cut.png") !important; }
img[alt="Мойка баков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/wash-cut.png") !important; }
img[alt="Экологические услуги"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/eco-cut.png") !important; }
img[alt="Производство мешков"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/bags-cut.png") !important; }
img[alt="Паспортизация"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/passport-cut.png") !important; }
img[alt="Проектирование"] { content: url("/bitrix/templates/aspro-scorp/images/wa/photos/design-cut.png") !important; }

.main .catalog.item-views.table .item .image,
.main .catalog.item-views.table .item .image[style] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}


html, body {
  background-color: #171c27 !important;
  background-image:
    radial-gradient(1100px 700px at 72% -8%, #293143 0%, #1d2331 44%, #171c27 100%) !important;
  background-attachment: fixed !important;
}

.main {
  background: transparent !important;
}

/* Меню: активный индикатор, разделитель поиска и рабочие выпадающие списки */
.table-menu td > .wrap {
  position: relative !important;
}

.table-menu td.active > .wrap::after,
.table-menu td:hover > .wrap::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background: var(--wa-lime);
}

.table-menu td.search-item {
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-left: 16px !important;
}

.table-menu td.dropdown {
  position: relative !important;
}

.table-menu td.dropdown > .dropdown-menu,
.table-menu .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1200 !important;
}

.table-menu td.dropdown:not(:hover) > .dropdown-menu {
  display: none !important;
}

.table-menu td.dropdown > .dropdown-menu {
  top: 100% !important;
  left: 0 !important;
  min-width: 220px !important;
  padding: 8px 0 !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.45) !important;
}

.table-menu .dropdown-menu li.dropdown-submenu {
  position: relative !important;
}

.table-menu .dropdown-menu li.dropdown-submenu > .dropdown-menu {
  top: 0 !important;
  left: 100% !important;
  display: none !important;
}

.table-menu .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
}

.table-menu td.dropdown:focus-within > .dropdown-menu,
.table-menu .dropdown-menu li.dropdown-submenu:focus-within > .dropdown-menu {
  display: block !important;
}

.table-menu td.dropdown > .dropdown-menu {
  width: 240px !important;
  min-width: 240px !important;
}
/* Цвет заголовка героя при наведении — лайм из логотипа */
.banners-big .slides .item:hover .title,
.banners-big .slides .item:hover .title a,
.banners-big .slides .item:hover .title span,
.banners-big .slides .item:hover .dark .title,
.banners-big .slides .item:hover .dark .title a,
.banners-big .slides.dark .item:hover .title,
.banners-big .slides.dark .item:hover .title a {
  color: var(--wa-lime) !important;
}
/* Карточки услуг: нормальные поля и читаемый текст */
.item-views.sections.teasers .item .title {
  padding: 10px 12px 6px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.item-views.sections.teasers .item .text {
  padding: 0 12px 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  text-align: left !important;
  text-justify: none !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  hyphens: none !important;
  color: #9aa6b8 !important;
}
/* Общая типографика карточек и служебных блоков */
.item-views.sections .item .title {
  padding: 10px 12px 6px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.item-views.sections .item .text {
  padding: 0 12px 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  text-align: left !important;
  text-justify: none !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  hyphens: none !important;
  color: var(--wa-muted) !important;
}

/* Описания в карточках и детальных страницах */
.item-views .item .previewtext,
.item-views .item .description,
.detail .previewtext,
.detail .description,
.detail .text,
.news .item .previewtext,
.news .item .description {
  font-size: 13px !important;
  line-height: 1.55 !important;
  text-align: left !important;
  text-justify: none !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  color: var(--wa-muted) !important;
}

/* Цены в каталоге */
.catalog .item .price,
.catalog .item .price_val,
.catalog.item-views .item .price,
.catalog.item-views .item .price_val,
.item-views .item .price_val {
  color: var(--wa-lime) !important;
}

.catalog .item .price_old,
.catalog .item .price_old .price_val,
.catalog.item-views .item .price_old,
.item-views .item .price_old {
  color: var(--wa-muted) !important;
}

/* Панель фильтров */
.filter .bx_filter_title,
.filter .bx_filter_parameters_box_title {
  color: var(--wa-ink) !important;
  line-height: 1.35 !important;
}

.filter .bx_filter_param_text,
.filter .bx_filter_param_label,
.filter label,
.filter .bx_filter_block {
  color: var(--wa-muted) !important;
  line-height: 1.5 !important;
}

.filter .bx_filter_param_label.active,
.filter .bx_filter_param_text.active {
  color: var(--wa-ink) !important;
}

.filter input[type="text"],
.filter input[type="number"] {
  background: var(--wa-bg-2) !important;
  border-color: var(--wa-line) !important;
  color: var(--wa-ink) !important;
}

/* Формы и таблицы */
.form .form-group label,
.form .form-group .label {
  color: var(--wa-muted) !important;
  line-height: 1.4 !important;
}

.form .form-group .text,
.form .form-group .description {
  color: var(--wa-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.props_table td {
  padding: 7px 0 !important;
  line-height: 1.45 !important;
}

.footer .text,
.footer a {
  line-height: 1.5 !important;
}
/* Панель фильтров каталога: тёмная поверхность вместо белой */
.filter {
  background: var(--wa-surface) !important;
  border: 1px solid var(--wa-line) !important;
  border-radius: 10px !important;
  padding: 12px !important;
}

.filter::after {
  display: none !important;
}

.filter .bx_filter_section,
.filter .bx_filter_parameters_box,
.filter .bx_filter_block {
  background: transparent !important;
}

.filter .bx_filter_title,
.filter .bx_filter_parameters_box_title {
  color: var(--wa-ink) !important;
}

.filter .bx_filter_param_text,
.filter .bx_filter_param_label,
.filter label,
.filter .bx_filter_parameter_biz {
  color: var(--wa-muted) !important;
}

.filter .bx_filter_param_label.active,
.filter .bx_filter_param_text.active {
  color: var(--wa-ink) !important;
}

.filter input[type="text"],
.filter input[type="number"] {
  background: var(--wa-bg-2) !important;
  border-color: var(--wa-line) !important;
  color: var(--wa-ink) !important;
}
/* Цены товаров: перебиваем старое правило шаблона */
.item-views .item .price .price_val,
.item-views .item .price .price_val *,
.catalog.item-views .item .price .price_val,
.catalog.item-views .item .price .price_val *,
.catalog.item-views.table .item .price .price_val,
.catalog.item-views.table .item .price .price_val * {
  color: var(--wa-lime) !important;
}

.item-views .item .price_old .price_val,
.item-views .item .price_old .price_val *,
.catalog.item-views .item .price_old .price_val,
.catalog.item-views .item .price_old .price_val * {
  color: var(--wa-muted) !important;
}

/* Значения шкалы цены в фильтре */
.filter .bx_filter_parameters_box .bx_filter_param_text,
.filter .bx_filter_parameters_box .bx_filter_param_label,
.filter .bx_filter_parameters_box .bx_filter_block,
.filter .bx_filter_parameters_box .bx_filter_parameters_box_container,
.filter .bx_filter_parameters_box .bx_filter_parameters_box_container_block,
.filter .bx_filter_parameters_box .bx_filter_input_checkbox {
  color: var(--wa-muted) !important;
}

.filter .bx_filter_parameters_box .bx_filter_param_text {
  font-size: 11px !important;
  line-height: 1.4 !important;
}
/* Старая цена — приглушённая, шкала фильтра — читаемая */
body .item-views .item .price_old .price_val,
body .item-views .item .price_old .price_val *,
body .catalog.item-views .item .price_old .price_val,
body .catalog.item-views .item .price_old .price_val * {
  color: var(--wa-muted) !important;
}

.filter .bx_ui_slider_part,
.filter .bx_ui_slider_part span {
  color: var(--wa-muted) !important;
  font-size: 11px !important;
}

.filter .bx_ui_slider_part.p1 span,
.filter .bx_ui_slider_part.p5 span {
  color: var(--wa-ink) !important;
}
/* Внутренние страницы услуг: картинка на всю ширину карточки */
.item-views.sections:not(.front) .item .image {
  width: 100% !important;
  height: 190px !important;
  margin: 0 0 14px !important;
  background: #e9eee8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  line-height: normal !important;
}

.item-views.sections:not(.front) .item .image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

/* Левое меню: читаемые подпункты и аккуратный блок */
.sidearea ul a,
.left-menu-md ul a {
  color: var(--wa-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.sidearea ul ul {
  background: var(--wa-surface) !important;
  border-left: 2px solid var(--wa-line) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 6px 0 6px 10px !important;
  margin: 4px 0 8px !important;
}

.sidearea ul ul a,
.left-menu-md ul ul a {
  font-size: 12px !important;
  line-height: 1.55 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.sidearea .active > a,
.sidearea a.active,
.sidearea .current > a,
.sidearea a.current,
.left-menu-md .active > a,
.left-menu-md a.active {
  color: var(--wa-lime) !important;
  font-weight: 700 !important;
}

@media (max-width: 600px) {
  .item-views.sections:not(.front) .item .image {
    height: 205px !important;
  }
}
/* Левое меню разделов: ясная иерархия и активный пункт */
.sidebar .side-menu > li > a {
  display: block !important;
  padding: 10px 12px !important;
  color: var(--wa-muted) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  border-left: 2px solid transparent !important;
}

.sidebar .side-menu > li > a:hover {
  color: var(--wa-ink) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.sidebar .side-menu > li.active > a,
.sidebar .side-menu > li.current > a,
.sidebar .side-menu > li > a.active {
  color: var(--wa-lime) !important;
  font-weight: 700 !important;
  background: rgba(217, 255, 95, 0.08) !important;
  border-left-color: var(--wa-lime) !important;
}

.sidebar .side-menu .submenu {
  background: var(--wa-surface) !important;
  border-left: 2px solid var(--wa-line) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 5px 0 6px !important;
  margin: 4px 0 10px !important;
}

.sidebar .side-menu .submenu a {
  display: block !important;
  padding: 7px 12px 7px 18px !important;
  color: var(--wa-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  border-left: 2px solid transparent !important;
}

.sidebar .side-menu .submenu a:hover {
  color: var(--wa-ink) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.sidebar .side-menu .submenu li.active > a,
.sidebar .side-menu .submenu li.current > a,
.sidebar .side-menu .submenu a.active {
  color: var(--wa-lime) !important;
  font-weight: 700 !important;
  border-left-color: var(--wa-lime) !important;
}
/* Верхний уровень левого меню — контрастнее, подпункты остаются вторичными */
.sidebar .side-menu > li > a {
  color: var(--wa-ink) !important;
}
/* Детальная страница услуги: фото в общей рамке, CTA в палитре сайта */
.detail .detailimage,
.detail .detailimage.image-wide {
  max-width: 416px !important;
  padding: 8px !important;
  background: #e9eee8 !important;
  border: 1px solid var(--wa-line) !important;
  border-bottom: 2px solid var(--wa-lime) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.detail .detailimage .fancybox {
  display: block !important;
}

.detail .detailimage img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  object-fit: contain !important;
}

.ask_a_question {
  background: var(--wa-surface) !important;
  border: 1px solid var(--wa-line) !important;
  border-radius: 12px !important;
  padding: 10px !important;
}

.ask_a_question .inner {
  color: var(--wa-muted) !important;
}

.ask_a_question .btn,
.ask_a_question .btn.wc,
.ask_a_question .btn.btn-default {
  display: block !important;
  width: 100% !important;
  background: var(--wa-lime) !important;
  background-image: none !important;
  border-color: var(--wa-lime) !important;
  color: #141a24 !important;
}

.ask_a_question .btn .fa,
.ask_a_question .btn i {
  color: #141a24 !important;
}

.ask_a_question .inner > .margin-bottom-20 {
  color: var(--wa-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  margin-top: 10px !important;
}
/* Иконка и подпись кнопки вопроса — в одном лаймовом блоке без синей заливки */
.ask_a_question .btn i,
.ask_a_question .btn .fa {
  background: transparent !important;
  color: #141a24 !important;
}

.ask_a_question .btn > span,
.ask_a_question .btn > span * {
  background: transparent !important;
  color: #141a24 !important;
}