/* GP23.KZ — shared mobile fixes (RU + KZ) */
@media (max-width: 767.98px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
  }

  .body-innerwrapper,
  #sp-main-body,
  #sp-main-body .container,
  #sp-main-body .container-inner,
  #sp-main-body .row,
  #sp-main-body [class*="col-"],
  #sp-component,
  #sp-component .sp-column,
  #sp-component article,
  #sp-component .item-page,
  #sp-component .com-content-article__body,
  #sp-page-builder,
  #sp-page-builder .sppb-row-container,
  #sp-page-builder .sppb-row,
  #sp-page-builder .sppb-column,
  #sp-page-builder .sppb-column-addons {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  #sp-main-body img,
  #sp-main-body video,
  #sp-main-body canvas,
  #sp-main-body svg {
    max-width: 100% !important;
    height: auto !important;
  }

  #sp-main-body iframe {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    border: 0;
  }

  #sp-main-body iframe[src*="youtube.com/embed"],
  #sp-main-body iframe[src*="youtube-nocookie.com/embed"],
  #sp-main-body iframe[src*="youtu.be"] {
    aspect-ratio: 16 / 9;
    height: auto !important;
  }

  #sp-main-body [style*="width:"] {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #sp-main-body div[style*="min-width:"],
  #sp-main-body section[style*="min-width:"] {
    min-width: 0 !important;
  }

  #sp-main-body table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

  #sp-main-body .table-wrap,
  #sp-main-body .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #sp-main-body th,
  #sp-main-body td,
  #sp-main-body p,
  #sp-main-body li,
  #sp-main-body a,
  #sp-main-body h1,
  #sp-main-body h2,
  #sp-main-body h3,
  #sp-main-body h4 {
    overflow-wrap: anywhere;
  }

  #sp-main-body h1,
  #sp-title .sp-page-title-heading {
    font-size: clamp(1.55rem, 7vw, 2.1rem);
    line-height: 1.25;
  }

  #sp-main-body h2 {
    font-size: clamp(1.35rem, 6vw, 1.8rem);
    line-height: 1.3;
  }

  #sp-main-body input:not([type="checkbox"]):not([type="radio"]),
  #sp-main-body select,
  #sp-main-body textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  #sp-main-body .uk-subnav,
  #sp-main-body .nav-tabs,
  #sp-title .breadcrumb {
    flex-wrap: wrap;
  }

  #sp-top-bar .container-inner,
  #sp-header .container-inner,
  #sp-footer .container-inner {
    min-width: 0;
    max-width: 100%;
  }

  #sp-top-bar .row,
  #sp-footer .row {
    row-gap: 10px;
  }

  #sp-header .logo-image {
    max-width: 100%;
    height: auto;
  }
}

/* GP23 — пропуск повторяющейся навигации */
.gp23-skip-link {
    position: fixed !important;
    top: 0 !important;
    left: 20px !important;

    transform: translateY(-150%) !important;

    z-index: 9999999 !important;

    padding: 12px 18px !important;
    background: #ffffff !important;
    color: #111111 !important;

    border: 3px solid #126f78 !important;
    border-radius: 5px !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;

    box-shadow: 0 4px 12px rgba(0, 0, 0, .25) !important;

    transition: transform .15s ease !important;
}

/* Показываем ТОЛЬКО при клавиатурном фокусе */
.gp23-skip-link:focus,
.gp23-skip-link:focus-visible {
    transform: translateY(15px) !important;
    outline: 3px solid #000000 !important;
    outline-offset: 2px !important;
}

/* Основной контент может получать фокус,
   но дополнительную рамку вокруг всей страницы не показываем */
#sp-main:focus {
    outline: none !important;
}