/* BVI accessibility layer, 2026-06-24 */

@media (max-width: 991px) {
  .menu-inner:not(.active) {
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .menu-inner.active {
    pointer-events: auto !important;
    visibility: visible !important;
  }

  .header .version.bvi-open {
    position: relative !important;
    z-index: 10001 !important;
    pointer-events: auto !important;
  }
}

body:has(.bvi-panel),
.bvi-body {
  overflow-x: hidden !important;
}

.bvi-panel,
.bvi-panel *,
.bvi-quick-exit {
  box-sizing: border-box !important;
}

.bvi-panel + .bvi-panel {
  display: none !important;
}

.bvi-body .bvi-panel-close {
  display: none !important;
}

.bvi-body .skip-link:not(:focus):not(:active) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.bvi-body .skip-link:focus,
.bvi-body .skip-link:active {
  position: fixed !important;
  left: 16px !important;
  top: 16px !important;
  z-index: 100002 !important;
}

.bvi-panel {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 100000 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 3px solid #111111 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18) !important;
  color: #111111 !important;
  font-family: Arial, sans-serif !important;
}

.bvi-panel .bvi-container,
.bvi-panel .bvi-container-fluid {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.bvi-panel .bvi-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 14px !important;
  margin: 0 !important;
}

.bvi-panel [class*="bvi-col-"] {
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto !important;
  padding: 0 !important;
}

.bvi-panel .bvi-panel-toggler {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
}

.bvi-panel .bvi-panel-container {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.bvi-panel .bvi-title {
  display: block !important;
  margin: 0 0 6px !important;
  color: #111111 !important;
  font: 700 14px/1.2 Arial, sans-serif !important;
  text-transform: uppercase !important;
}

.bvi-panel .bvi-link {
  display: inline-flex !important;
  min-width: 42px !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 2px !important;
  padding: 8px 12px !important;
  border: 2px solid #111111 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111111 !important;
  font: 700 15px/1.15 Arial, sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.bvi-panel .bvi-link:hover,
.bvi-panel .bvi-link:focus-visible,
.bvi-panel .bvi-link.active {
  background: #111111 !important;
  color: #ffffff !important;
}

.bvi-panel #bvi-panel-close,
.bvi-panel #bvi-toggler-close,
.bvi-quick-exit {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

.bvi-panel #bvi-panel-close::after {
  content: "Обычная версия сайта";
  margin-left: 6px;
}

.bvi-quick-exit {
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 100001 !important;
  display: inline-flex !important;
  min-height: 48px !important;
  max-width: calc(100vw - 32px) !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  border: 3px solid #111111 !important;
  border-radius: 4px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .28) !important;
  font: 700 16px/1.2 Arial, sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
}

.bvi-quick-exit:hover,
.bvi-quick-exit:focus-visible {
  background: #ffffff !important;
  color: #111111 !important;
}

@media (max-width: 767px) {
  .bvi-panel {
    padding: 10px 8px !important;
  }

  .bvi-panel .bvi-panel-toggler {
    margin-bottom: 0 !important;
  }

  .bvi-panel .bvi-panel-container {
    margin-top: 8px !important;
  }

  .bvi-panel[data-bvi-mobile-collapsed="true"] .bvi-panel-container {
    display: none !important;
  }

  .bvi-panel[data-bvi-mobile-expanded="true"] .bvi-panel-container {
    display: block !important;
  }

  .bvi-panel [class*="bvi-col-"] {
    flex: 1 1 150px !important;
  }

  .bvi-panel .bvi-title {
    font-size: 12px !important;
  }

  .bvi-panel .bvi-link {
    min-height: 42px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
  }

  .bvi-panel #bvi-panel-close::after {
    content: "";
    margin-left: 0;
  }

  .bvi-quick-exit {
    right: 10px !important;
    bottom: 10px !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
  }
}