/* EcoHim accent on Unimon buttons and icons only.
   Buttons: #81d742 → #247a00, hover #247a01
   Icons: hue shift from Unimon blue #3793AE toward #69bd43 */

.wrapper {
  padding-top: 0 !important;
}

.header,
.footer,
.menu-mobile,
.menu-overlay {
  display: none !important;
}

:root {
  --eco: #69bd43;
  --eco-bright: #81d742;
  --eco-deep: #247a00;
  --eco-hover: #247a01;
}

.btn-main,
a.btn-main,
button.btn-main,
.wpcf7-submit,
input[type="submit"],
button[type="submit"] {
  background: linear-gradient(90deg, #81d742 0%, #247a00 100%) !important;
  background-color: #69bd43 !important;
  background-image: linear-gradient(90deg, #81d742 0%, #247a00 100%) !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  border-color: #247a00 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}

.btn-main::before,
.btn-main:hover::before,
.btn-main:focus::before,
.btn-main.btn-main_page::before,
.btn-main.btn-main_default::before,
.btn-main.btn-main_block::before {
  opacity: 0 !important;
  display: none !important;
}

.btn-main:hover,
.btn-main:focus,
.btn-main:hover span,
.btn-main:focus span,
a.btn-main:hover,
button.btn-main:hover,
.wpcf7-submit:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background: #247a01 !important;
  background-color: #247a01 !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  border-color: #247a01 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 2px 8px rgba(36, 122, 1, 0.35) !important;
}

.btn-main.btn-main_default,
.btn-main.btn-main_page,
a.btn-main.btn-main_page,
a.btn-main.btn-main_default {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: #247a00 !important;
  -webkit-text-fill-color: #247a00 !important;
  border: 1px solid #69bd43 !important;
}

.btn-main.btn-main_page span,
.btn-main.btn-main_default span {
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: #247a00 !important;
  color: #247a00 !important;
}

.btn-main.btn-main_default:hover,
.btn-main.btn-main_default:focus,
.btn-main.btn-main_page:hover,
.btn-main.btn-main_page:focus,
a.btn-main.btn-main_page:hover,
a.btn-main.btn-main_default:hover,
.btn-main.btn-main_page:hover span,
.btn-main.btn-main_default:hover span,
.btn-main.btn-main_page:focus span,
.btn-main.btn-main_default:focus span {
  background: #247a00 !important;
  background-color: #247a00 !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #247a00 !important;
}

.btn-main.btn-main_block {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #81d742 !important;
}

.btn-main.btn-main_block:hover,
.btn-main.btn-main_block:focus,
.btn-main.btn-main_block:hover span {
  background: #69bd43 !important;
  background-color: #69bd43 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #69bd43 !important;
}

.title-section,
.title-big,
.interface .title-section,
.functional .title-section,
.platforms .title-section,
.solutions .title-section,
.sensors .title-section,
.care .title-section,
.encryption .title-section,
.departments .title-section,
.monitoring .title-section,
.replaceable .title-section,
.radiomodul .title-section,
.controller .title-section,
.turnkey .title-section,
.clients .title-section {
  font-size: 40px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}

.functional {
  padding-bottom: 88px !important;
}

.care {
  padding-bottom: 56px !important;
}

.functional__image {
  margin-bottom: 0 !important;
}

/* Laptop in «Простой интерфейс» and screens in «Профессиональный функционал» */
@media (min-width: 768px) {
  .interface {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .interface .row {
    align-items: center !important;
  }

  .interface .title-section {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
  }

  .gosregistr {
    margin-top: 32px !important;
  }

  .interface .col-md-6 {
    flex: 0 0 42% !important;
    max-width: 42% !important;
  }

  .interface .col-6.hidden-mob {
    flex: 1 1 58% !important;
    max-width: 58% !important;
  }

  .functional .col-lg-5 {
    flex: 0 0 42% !important;
    max-width: 42% !important;
  }

  .functional .col-lg-6 {
    flex: 1 1 58% !important;
    max-width: 58% !important;
  }

  .interface .interface__image {
    margin-left: 0 !important;
    display: flex;
    justify-content: center;
  }

  .interface .interface__image img {
    width: min(720px, 100%) !important;
    max-width: 720px !important;
    height: auto !important;
  }

  .functional .row {
    align-items: center !important;
  }

  .functional__image {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: #fff;
    border: 1px solid #e3e8ee;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(14, 52, 74, 0.14);
  }

  .functional__image::before {
    content: "";
    display: block;
    height: 34px;
    background:
      radial-gradient(circle at 18px 50%, #ff5f57 0 5px, transparent 6px),
      radial-gradient(circle at 36px 50%, #febc2e 0 5px, transparent 6px),
      radial-gradient(circle at 54px 50%, #28c840 0 5px, transparent 6px),
      linear-gradient(#f5f7f9, #f5f7f9);
    border-bottom: 1px solid #e6eaee;
  }

  .functional__image > img {
    display: none !important;
  }

  .tab-container-functional {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
  }

  .functional__slide {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .functional__slide img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }
}

@media (max-width: 991px) {
  .title-section,
  .title-big,
  .interface .title-section,
  .functional .title-section {
    font-size: 32px !important;
  }
}

@media (max-width: 575px) {
  .title-section,
  .title-big,
  .interface .title-section,
  .functional .title-section {
    font-size: 26px !important;
  }

  .functional {
    padding-bottom: 48px !important;
  }
}

/* Icon images: shift Unimon blue to EcoHim green. Keep logo, flags, client marks, official emblems. */
img[src$=".svg"]:not([src*="logo"]):not([src*="flag"]):not([src*="client"]):not([src*="Emblem"]):not([src*="emblem"]),
img[src*=".svg?"]:not([src*="logo"]):not([src*="flag"]):not([src*="client"]):not([src*="Emblem"]):not([src*="emblem"]) {
  filter: hue-rotate(-95deg) saturate(1.25) brightness(1.05);
}

.mob_tel::before,
.mob_msg::before,
.sandwich,
.item-question__head::after,
.item-catalog__calculator,
.encryption__plus,
.quantity-down,
.quantity-up,
.item-calculation__arrow,
.name::before,
.phone::before,
.email::before,
.city::before,
.message::before,
.quiz .option::before,
.edit-link::before,
.fixed-buttons__head,
.fixed-buttons__head::after,
.menu-mobile__close,
.header__button {
  filter: hue-rotate(-95deg) saturate(1.25) brightness(1.05);
}

.eco-sent {
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #e9f8dc;
  color: #247a00;
  font-size: 16px;
  line-height: 1.4;
}

/* Тема Woodmart прячет .wow, пока не сработает своя анимация.
   Из-за этого на странице оставались только заголовки. */
.ecohim-unimon .wow,
.ecohim-unimon-block .wow {
  visibility: visible !important;
}