/* =========================================================
   1. Баннеры в меню
   Оформление рекламных/информационных баннеров внутри меню
========================================================= */

.menu__banner > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 15px;
  text-align: center;
  background: rgba(0,0,0,.03);
  border-radius: var(--border-radius-1);
}

.menu__banner div img {
  margin: 20px auto;
  padding: 10px;
  max-width: 170px;
}

.menu__banner span {
  color: var(--menu-main-level-2-c);
  font-size: 1.5em;
  font-weight: 500;
}

.menu__banner span:last-of-type {
  font-size: 1.3em;
}


/* =========================================================
   2. Заголовки в новостях / статьях
   Добавляет красный символ # перед заголовками
========================================================= */

.news-page__description h3.heading {
  font-weight: 700;
}

.news-page__description .heading:before {
  padding: 0 5px 0 0;
  content: '#';
  color: #f00;
}


/* =========================================================
   3. Скрытие отдельных изображений в новостях
========================================================= */

.news-page__image-39,
.news-page__image-40,
.news-page__image-41 {
  display: none;
}


/* =========================================================
   4. Логотип в шапке
   Не даёт логотипу вылезать за пределы блока
========================================================= */

.header-logo {
  max-width: 100%;
}


/* =========================================================
   5. UniShop2 Слайдшоу v2 — мобильная версия

   Важно:
   - не задаём height:100%
   - не используем object-fit:cover
   - не трогаем transform у Swiper
   - не ломаем листание слайдов
   - добавляем только мягкую коррекцию чёткости
========================================================= */

@media (max-width: 767px) {

  .uni-slideshow_v2 {
    margin-bottom: 12px !important;
  }

  .uni-slideshow_v2 .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 8px !important;
  }

  /* Если баннер выводится обычной картинкой */
  .uni-slideshow_v2 img,
  .uni-slideshow_v2 .uni-slideshow_v2__img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;

    image-rendering: auto !important;
    image-rendering: -webkit-optimize-contrast !important;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    filter: contrast(1.04) saturate(1.03);
  }

  /* Если баннер выводится как background-image */
  .uni-slideshow_v2 .uni-slideshow_v2__image {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    image-rendering: auto !important;
    image-rendering: -webkit-optimize-contrast !important;

    filter: contrast(1.04) saturate(1.03);
  }

  /* Стрелки не трогаем, только держим поверх баннера */
  .uni-slideshow_v2 .swiper-button-prev,
  .uni-slideshow_v2 .swiper-button-next {
    z-index: 5 !important;
  }
}


/* =========================================================
   6. Карточка отзывов в футере
   Оформление блока отзывов внизу сайта
========================================================= */

.footer-reviews-card {
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 10px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  max-width: 520px;
}

.footer-reviews-card .frc-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
}

.footer-reviews-card .frc-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  opacity: .95;
  margin-bottom: 12px;
}

.footer-reviews-card .frc-stars {
  letter-spacing: 1px;
  font-size: 14px;
}

.footer-reviews-card .frc-count {
  opacity: .85;
}

.footer-reviews-card .frc-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-reviews-card .frc-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  transition: .2s;
  border: 1px solid transparent;
}

.footer-reviews-card .frc-btn--ghost {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.20);
  color: #fff;
}

.footer-reviews-card .frc-btn--ghost:hover {
  background: rgba(255,255,255,.22);
}

.footer-reviews-card .frc-btn--accent {
  background: #ffd000;
  color: #000;
}

.footer-reviews-card .frc-btn--accent:hover {
  background: #ffdc33;
}