/* Скрыть псевдоэлемент у меню */
.main-menu.set-before:before {
  display: none !important;
}

/* --- МОБИЛЬНОЕ МЕНЮ UNISHOP2 --- */
@media (max-width: 992px) {
  .col-md-12.menu-wrapper {
    display: flex !important;
    background: rgba(0, 0, 0, 0);
    transition: left linear 0.15s, background 0.15s linear;
    z-index: 10000 !important;
    position: fixed !important;
  }

  .menu-wrapper.bgfade {
    background: rgba(0, 0, 0, 0.4) !important;
  }

  /* ТЕЛО МЕНЮ: Теперь здесь фон #00a234 */
  nav#menu.menu {
    min-width: 90%;
    background-color: #00a234 !important; /* Твой новый зеленый фон */
    height: 100%;
    position: relative;
    z-index: 10001;
    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
  }

  /* Шапка меню (Каталог/Контакты) — сделаем чуть темнее зеленого для контраста */
  .menu__header {
    background-color: #008a2c !important; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  }

  /* Внутренние блоки также закрашиваем в зеленый, чтобы не было полос */
  .menu__collapse, 
  .menu-list__item, 
  .menu-wrapper .main-menu__contacts {
    background-color: #00a234 !important;
  }

  @media (min-width: 768px) {
    .menu__header, .main-menu__contacts, .menu__collapse { padding-left: 40px; }
    nav#menu.menu { min-width: 50%; }
  }
}

/* Кнопка закрытия */
.menu-close {
  background-color: #fe7200 !important;
  color: #fff !important;
}

/* --- ЯЗЫКИ И ВАЛЮТЫ --- */
.top-menu__language-item a::before, 
#language .fa-globe::before {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: auto;
  margin-right: 7px;
}

.top-menu__language-item a[data-code="uk-ua"]::before,
html[lang="uk"] #language .fa.fa-globe::before { content: url(/catalog/language/uk-ua/uk-ua.png); }
.top-menu__language-item a[data-code="ru-ru"]::before,
html[lang="ru"] #language .fa.fa-globe::before { content: url(/catalog/language/ru-ru/ru-ru.png); }
.top-menu__language-item a[data-code="en-gb"]::before,
html[lang="en"] #language .fa.fa-globe::before { content: url(/catalog/language/en-gb/en-gb.png); }

#currency a[data-code="USD"]::before { content: '$'; margin-right: 8px; }
#currency a[data-code="EUR"]::before { content: '€'; margin-right: 8px; }
#currency a[data-code="UAH"]::before { content: '₴'; margin-right: 8px; }
#currency a[data-code="RUB"]::before { content: '₽'; margin-right: 8px; }

/* --- СОЦСЕТИ (Родные цвета) --- */
.product-page__share-social {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
  gap: 10px;
}

.product-page__share-social i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff !important;
  font-size: 20px;
  cursor: pointer;
  transition: transform 0.2s, opacity 0.3s;
}

.product-page__share-social i.fa-viber, 
.product-page__share-social i.fab.fa-viber { background-color: #7360F2 !important; }

.product-page__share-social i.fa-facebook, 
.product-page__share-social i.fab.fa-facebook { background-color: #1877F2 !important; }

.product-page__share-social i.fa-telegram, 
.product-page__share-social i.fa-telegram-plane { background-color: #0088CC !important; }

.product-page__share-social i.fa-whatsapp, 
.product-page__share-social i.fab.fa-whatsapp { background-color: #25D366 !important; }

.product-page__share-social i:hover {
  opacity: 0.8;
  transform: scale(1.1);
}