/* =========================================================
   Страница БПЛА: версия для слабовидящих
   ========================================================= */

/* Общий контейнер страницы БПЛА */
body .bpla-page {
  max-width: 100% !important;
  width: 100% !important;
  margin: 20px 0 40px !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  font-family: inherit !important;
}

/* Сброс декоративных эффектов внутри страницы */
body .bpla-page *,
body .bpla-page *::before,
body .bpla-page *::after {
  box-sizing: border-box !important;
  color: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: none !important;
}

/* Верхний промо-блок БПЛА */
body .bpla-top-showcase {
  display: block !important;
  margin: 20px 0 28px !important;
  padding: 24px !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Верхний ролик в версии для слабовидящих убираем, чтобы он не мешал чтению */
body .bpla-top-video {
  display: none !important;
}

/* Старый вариант первого видеоблока, если где-то остался в материале */
body .bpla-video-hero {
  position: relative !important;
  overflow: visible !important;
  margin: 20px 0 28px !important;
  padding: 24px !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

body .bpla-video-hero video {
  display: none !important;
}

body .bpla-video-hero::after {
  display: none !important;
}

body .bpla-video-hero-content {
  position: static !important;
  max-width: none !important;
  color: inherit !important;
}

/* Метки */
body .bpla-top-label,
body .bpla-hero-label,
body .bpla-video-hero-label {
  display: inline-block !important;
  margin: 0 0 16px !important;
  padding: 8px 12px !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-weight: bold !important;
}

/* Заголовки */
body .bpla-page h1,
body .bpla-page h2,
body .bpla-page h3,
body .bpla-video-hero h1 {
  color: inherit !important;
  line-height: 1.3 !important;
  font-weight: bold !important;
}

body .bpla-page h1,
body .bpla-video-hero h1 {
  margin: 0 0 20px !important;
  font-size: 1.9em !important;
}

body .bpla-page h2 {
  margin: 0 0 18px !important;
  font-size: 1.55em !important;
}

body .bpla-page h3 {
  margin: 0 0 12px !important;
  font-size: 1.25em !important;
}

/* Текст */
body .bpla-page p,
body .bpla-page li,
body .bpla-video-hero p {
  color: inherit !important;
  font-size: 1em !important;
  line-height: 1.65 !important;
}

/* Основные блоки страницы */
body .bpla-hero,
body .bpla-hero-side,
body .bpla-payment-box,
body .bpla-info-card,
body .bpla-feature-card,
body .bpla-direction-card,
body .bpla-step,
body .bpla-video-card,
body .bpla-link-box,
body .bpla-leaflet-box,
body .bpla-leaflet-card {
  display: block !important;
  margin: 22px 0 !important;
  padding: 22px !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Убираем декоративные элементы */
body .bpla-hero::before,
body .bpla-hero::after,
body .bpla-feature-card::before,
body .bpla-final-box::after {
  display: none !important;
}

/* Все сетки переводим в одну колонку */
body .bpla-hero-inner,
body .bpla-payment-grid,
body .bpla-info-grid,
body .bpla-feature-grid,
body .bpla-direction-grid,
body .bpla-steps,
body .bpla-video-grid,
body .bpla-leaflet-grid {
  display: block !important;
}

/* Значение выплаты */
body .bpla-hero-side-value,
body .bpla-payment-value {
  color: inherit !important;
  font-size: 1.8em !important;
  font-weight: 900 !important;
}

/* Списки условий */
body .bpla-list {
  margin: 0 !important;
  padding-left: 1.5em !important;
  list-style: disc !important;
}

body .bpla-list li {
  padding-left: 0 !important;
  margin-bottom: 10px !important;
}

body .bpla-list li::before {
  display: none !important;
}

/* Кнопки и ссылки-кнопки */
body .bpla-button,
body .bpla-secondary-button,
body .bpla-leaflet-open,
body .bpla-video-hero .bpla-button,
body .bpla-video-hero .bpla-secondary-button {
  display: inline-block !important;
  width: auto !important;
  margin: 6px 8px 6px 0 !important;
  padding: 12px 18px !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  text-decoration: underline !important;
  font-weight: bold !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Состояния кнопок */
body .bpla-button:hover,
body .bpla-button:focus,
body .bpla-secondary-button:hover,
body .bpla-secondary-button:focus,
body .bpla-leaflet-card a:hover .bpla-leaflet-open,
body .bpla-leaflet-card a:focus .bpla-leaflet-open,
body .bpla-video-hero .bpla-button:hover,
body .bpla-video-hero .bpla-button:focus,
body .bpla-video-hero .bpla-secondary-button:hover,
body .bpla-video-hero .bpla-secondary-button:focus {
  background: transparent !important;
  color: inherit !important;
  border-color: currentColor !important;
  outline: 3px solid currentColor !important;
  outline-offset: 3px !important;
  text-decoration: underline !important;
  transform: none !important;
}

/* Ряд кнопок */
body .bpla-button-row,
body .bpla-video-hero .bpla-button-row {
  display: block !important;
  margin-top: 18px !important;
}

/* Карточки не должны двигаться при наведении */
body .bpla-info-card:hover,
body .bpla-feature-card:hover,
body .bpla-direction-card:hover,
body .bpla-step:hover,
body .bpla-video-card:hover,
body .bpla-leaflet-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Памятки */
body .bpla-leaflet-preview {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body .bpla-leaflet-card a {
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
}

body .bpla-leaflet-card img {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  max-height: none !important;
  height: auto !important;
  margin: 0 0 16px !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}

body .bpla-leaflet-caption {
  display: block !important;
  padding: 0 !important;
  color: inherit !important;
}

body .bpla-leaflet-caption strong {
  display: block !important;
  margin-bottom: 8px !important;
  color: inherit !important;
  font-size: 1.15em !important;
}

body .bpla-leaflet-note {
  margin: 22px 0 0 !important;
  padding: 18px !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
}

/* Видео в нижнем блоке */
body .bpla-video-card video {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  height: auto !important;
  margin: 12px 0 !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: #000 !important;
}

body .bpla-video-card h3,
body .bpla-feature-card h3 {
  min-height: 0 !important;
}

/* Подписи и заметки */
body .bpla-media-note,
body .bpla-top-video-note,
body .bpla-note {
  color: inherit !important;
  font-size: 0.95em !important;
}

/* Старый класс заметки, если где-то остался */
body .bpla-note {
  background: transparent !important;
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  padding: 16px !important;
  margin: 20px 0 !important;
}

/* Режим "изображения выключены" */
body.imagesoff .bpla-leaflet-card img,
body.imagesoff .bpla-video-card video,
body.imagesoff .bpla-top-video,
body.imagesoff .bpla-video-hero video {
  display: none !important;
}

/* =========================================================
   Баннеры и анонсы в версии для слабовидящих
   ========================================================= */

.page img,
.main-content-block img,
.sidebar img,
.banners img,
.banners-right img,
.moduletable img,
.custom img {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

.banners,
.banners-right,
.moduletable.banners,
.moduletable_banners,
.custom {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Ссылки-баннеры делаем похожими на понятные карточки */
.banners a,
.banners-right a,
.moduletable a,
.custom a {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Только ссылки, внутри которых есть картинки, визуально упрощаем */
.banners a img,
.banners-right a img,
.moduletable a img,
.custom a img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  border: 2px solid currentColor !important;
  margin: 10px 0 !important;
}

/* Картинки не должны быть гигантскими */
.page img {
  max-height: 320px !important;
  object-fit: contain !important;
}

/* Для памяток БПЛА отменяем ограничение 320px */
.page .bpla-leaflet-card img {
  max-height: none !important;
}

/* В режиме без изображений не оставляем огромные пустые места */
.imagesoff .page img,
.imagesoff .main-content-block img,
.imagesoff .sidebar img,
.imagesoff .banners img,
.imagesoff .banners-right img,
.imagesoff .moduletable img,
.imagesoff .custom img {
  display: none !important;
}

/* =========================================================
   Контрастность color4 и кнопок в версии для слабовидящих
   ========================================================= */

.color4 .a-settings a {
  color: #4d4b43 !important;
  background-color: #f7f3d6 !important;
  text-shadow: none !important;
}

.color1 .btn-primary {
  color: #fff !important;
  background: #000 !important;
  border-color: #000 !important;
}

.color3 .btn-primary {
  color: #9dd1ff !important;
  background: #063462 !important;
  border-color: #063462 !important;
}

.color4 .btn-primary {
  color: #f7f3d6 !important;
  background: #4d4b43 !important;
  border-color: #4d4b43 !important;
}

/* =========================================================
   Дополнительная адаптация под цветовые схемы версии
   для слабовидящих
   ========================================================= */

/* Белый фон / чёрный текст */
body.color1 .bpla-button,
body.color1 .bpla-secondary-button,
body.color1 .bpla-leaflet-open {
  color: #000 !important;
  border-color: #000 !important;
  background: transparent !important;
}

/* Чёрный фон / белый текст */
body.color2 .bpla-button,
body.color2 .bpla-secondary-button,
body.color2 .bpla-leaflet-open {
  color: #fff !important;
  border-color: #fff !important;
  background: transparent !important;
}

/* Синий фон / светлый текст */
body.color3 .bpla-button,
body.color3 .bpla-secondary-button,
body.color3 .bpla-leaflet-open {
  color: inherit !important;
  border-color: currentColor !important;
  background: transparent !important;
}

/* Бежевые и дополнительные схемы */
body.color4 .bpla-button,
body.color4 .bpla-secondary-button,
body.color4 .bpla-leaflet-open,
body.color5 .bpla-button,
body.color5 .bpla-secondary-button,
body.color5 .bpla-leaflet-open {
  color: inherit !important;
  border-color: currentColor !important;
  background: transparent !important;
}

/* =========================================================
   Мобильная версия доступного шаблона
   ========================================================= */

@media (max-width: 720px) {
  body .bpla-page {
    margin: 16px 0 32px !important;
    padding: 0 !important;
  }

  body .bpla-top-showcase,
  body .bpla-video-hero,
  body .bpla-hero,
  body .bpla-hero-side,
  body .bpla-payment-box,
  body .bpla-info-card,
  body .bpla-feature-card,
  body .bpla-direction-card,
  body .bpla-step,
  body .bpla-video-card,
  body .bpla-link-box,
  body .bpla-leaflet-box,
  body .bpla-leaflet-card {
    padding: 18px !important;
  }

  body .bpla-button,
  body .bpla-secondary-button,
  body .bpla-leaflet-open {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 !important;
    text-align: center !important;
  }

  body .bpla-leaflet-card img,
  body .bpla-video-card video {
    max-width: 100% !important;
  }
}
/* Баннеры и анонсы в версии для слабовидящих */

.page .banneritem,
.page .banners,
.page .banners-right {
	max-width: 720px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 16px 0 !important;
}

/* Каждый баннер как отдельная карточка */
.page .banneritem a,
.page .banners a,
.page .banners-right a {
	display: block !important;
	max-width: 720px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 14px 0 !important;
	padding: 10px !important;
	border: 2px solid currentColor !important;
	background: transparent !important;
	color: inherit !important;
	text-decoration: underline !important;
}

/* Картинки внутри баннеров */
.page .banneritem img,
.page .banners img,
.page .banners-right img {
	display: block !important;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	max-height: 220px !important;
	object-fit: contain !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Чтобы очень широкие баннеры не растягивали страницу */
.page .banneritem,
.page .banneritem a {
	overflow: hidden !important;
}

/* Видимый фокус */
.page .banneritem a:focus,
.page .banners a:focus,
.page .banners-right a:focus {
	outline: 3px solid currentColor !important;
	outline-offset: 3px !important;
}

/* Режим без изображений */
.imagesoff .page .banneritem img,
.imagesoff .page .banners img,
.imagesoff .page .banners-right img {
	display: none !important;
}

.imagesoff .page .banneritem a,
.imagesoff .page .banners a,
.imagesoff .page .banners-right a {
	display: block !important;
	min-height: auto !important;
	padding: 12px !important;
	border: 2px solid currentColor !important;
	text-decoration: underline !important;
}

/* Текстовые альтернативы баннеров при отключённых изображениях */

.banner-text,
.accessible-banner-text {
	display: none;
}

.imagesoff .banner-text,
.imagesoff .accessible-banner-text {
	display: inline !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

.imagesoff .page .banneritem a,
.imagesoff .page .banners a,
.imagesoff .page .banners-right a {
	display: block !important;
	border: 2px solid currentColor !important;
	padding: 12px !important;
	margin: 12px 0 !important;
	color: inherit !important;
	background: transparent !important;
	text-decoration: underline !important;
}
/* Текст вместо изображений в режиме "Изображения выкл." */

.image-alt-text {
	display: none;
}

.imagesoff .image-alt-text {
	display: inline-block !important;
	border: 2px solid currentColor !important;
	padding: 12px !important;
	margin: 12px 0 !important;
	font-weight: bold !important;
	text-decoration: underline !important;
	color: inherit !important;
	background: transparent !important;
}

.imagesoff .page a img {
	display: none !important;
}

.imagesoff .page a {
	color: inherit !important;
}