/* OIU — мобильная версия (телефоны до 767px). Подключается в layout после oiu-brand.css */
@media (max-width: 767.98px) {
  /* ---------- шапка: одна строка вместо двух ---------- */
  .top-header { padding: 6px 0 !important; }
  .top-header .header-right-content { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-height: 34px; padding: 0 !important; }
  .top-header .oiu-mtop { order: -1; flex: 1 1 auto; width: auto; padding: 0; margin: 0; clear: none; }
  .top-header .oiu-mtop__row { gap: 8px; justify-content: flex-start; }
  .top-header .oiu-mtop__tel { font-size: 15px; white-space: nowrap; }
  .top-header .oiu-mtop__soc { gap: 8px; }
  .top-header .oiu-mtop__soc { display: inline-flex; align-items: center; }
  .top-header .oiu-mtop__soc a { display: inline-flex; flex: none; }
  .top-header .oiu-mtop__soc img { width: 24px !important; height: 24px !important; max-width: none; flex: none; }
  .top-header nav#navigation, .top-header nav#navigation ul.links { margin: 0 !important; padding: 0 !important; }
  .top-header .social-icon img#specialButton { height: 22px; width: auto; margin: 0 !important; }
  .navbar-area .mobile-responsive-nav { padding-top: 8px !important; padding-bottom: 8px !important; }

  /* ---------- мобильное меню: без повторов, группы — подписи, а не уровни ---------- */
  .mean-container .mean-nav ul li li:has(> ul) > a.mean-expand { display: none !important; }
  .mean-container .mean-nav ul li li:has(> ul) > ul { display: block !important; }
  .mean-container .mean-nav ul li li:has(> ul) > a:first-child { pointer-events: none; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase; color: #8A93A8 !important; padding: 14px 20px 4px !important; border-top: 0 !important; }
  .mean-container .mean-nav ul li li:has(> ul) > a:first-child i { display: none; }
  .mean-container .mean-nav ul li > ul > li:only-child:has(> ul) > a:first-child { display: none !important; }
  .mean-container .mean-nav ul li li li > a { padding: 11px 20px 11px 28px !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important; }
  .mean-container .mean-nav > ul > li > a { font-size: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
  .mean-container .mean-nav ul li li { border: 0 !important; }
  .mean-container .mean-nav > ul { max-height: calc(100vh - 130px) !important; max-height: calc(100dvh - 130px) !important; height: auto !important; overflow-y: auto !important; overscroll-behavior: contain; box-shadow: 0 18px 40px rgba(0,18,80,.25); border-radius: 0 0 14px 14px; }
  .mean-container .mean-nav ul li li li a { border-top: 1px solid rgba(0,39,93,.06) !important; }

  /* ---------- общие отступы и заголовки ---------- */
  .ptb-100 { padding-top: 44px !important; padding-bottom: 44px !important; }
  .pt-100 { padding-top: 44px !important; }
  .pb-100 { padding-bottom: 44px !important; }
  .pb-70 { padding-bottom: 20px !important; }
  .section-title { margin-bottom: 24px !important; }
  .section-title h2, .about-content h2 { font-size: 26px !important; line-height: 1.2 !important; }

  /* ---------- шапки внутренних страниц ---------- */
  .page-title-area { padding-top: 28px !important; padding-bottom: 36px !important; }
  .page-title-area .page-title-content h1, .page-title-area h1 { font-size: 26px !important; line-height: 1.2 !important; margin-bottom: 10px !important; }
  .page-title-area .page-title-content ul { font-size: 13px; }
  .page-title-area .page-title-content ul li { font-size: 13px !important; }
  .page-title-area .page-title-content ul li.active { display: none !important; }
  .page-title-area .page-title-content ul li:nth-last-child(2)::before { display: none !important; }
  .page-title-area .page-title-content ul li:nth-last-child(2) { padding-right: 0 !important; margin-right: 0 !important; }

  /* ---------- карточка сотрудника: фото не на весь экран ---------- */
  .courses-details-area .courses-sidebar img { width: 170px !important; height: 210px !important; object-fit: cover; border-radius: 14px; display: block; margin: 0 auto; }
  .courses-details-area .courses-sidebar { margin: 0 0 18px !important; text-align: center; }
  .courses-details-area h2 { font-size: 22px !important; line-height: 1.25 !important; }

  /* ---------- текст ---------- */
  .main-default-content p, .main-default-content li { font-size: 16px; line-height: 1.6; }
  .main-default-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .main-default-content img { max-width: 100%; height: auto; }

  /* ---------- главная: первый экран ---------- */
  .oiu-hero { padding: 30px 0 44px !important; }
  .oiu-hero h1 { font-size: 30px !important; margin-bottom: 14px !important; }
  .oiu-hero .oiu-hero__eyebrow { margin-bottom: 12px !important; }
  .oiu-hero p { margin-bottom: 20px !important; font-size: 15px; }
  .oiu-hero .oiu-hero__actions { display: grid !important; grid-template-columns: 1fr; gap: 10px; }
  .oiu-hero .oiu-hero__actions .oiu-btn { justify-content: center; text-align: center; width: 100%; padding: 13px 16px; }
  .oiu-hero .oiu-hero__facts { display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-top: 22px !important; padding-top: 18px !important; }
  .oiu-hero .oiu-hero__facts > div { font-size: 12.5px !important; line-height: 1.3; min-width: 0; }
  .oiu-hero .oiu-hero__facts > div * { font-size: inherit; }
  .oiu-hero .oiu-hero__facts > div > :first-child { font-size: 13.5px; }

  /* ---------- главная: мероприятия (пусто) ---------- */
  .events-area .section-title { margin-bottom: 14px !important; }
  .events-area .tab { margin-top: 0 !important; }

  /* ---------- главная: абитуриентам ---------- */
  .admission-area .admission-img { margin: 0 0 18px !important; }
  .admission-area .admission-img img { height: 190px; width: 100%; object-fit: cover; border-radius: 14px; }
  .admission-area .admission-content { margin: 0 !important; }
  .admission-area .admission-content h2 { font-size: 24px !important; line-height: 1.25 !important; margin-bottom: 10px !important; }
  .admission-area .admission-content p { margin-bottom: 16px !important; }
  .events-area { padding-top: 32px !important; padding-bottom: 32px !important; }

  /* ---------- главная: новости ---------- */
  .blog-area .owl-item img { height: 200px; object-fit: cover; width: 100%; }
  .blog-area .single-blog { margin-bottom: 8px !important; }
  .blog-area .single-blog .blog-img { margin-bottom: 14px !important; }
  .blog-area .single-blog h3 { font-size: 19px !important; line-height: 1.3 !important; margin-bottom: 0 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .blog-area .owl-nav { margin-top: 6px !important; }

  /* ---------- главная: разделы с фото — по два в ряд ---------- */
  .study-area .row > [class*="col-"] { width: 50%; flex: 0 0 50%; padding-left: 6px; padding-right: 6px; }
  .study-area .row { margin-left: -6px; margin-right: -6px; }
  .study-area .single-study { margin-bottom: 12px !important; width: 100%; }
  .study-area .single-study img { height: 110px; width: 100%; object-fit: cover; }
  .study-area .single-study-content { padding: 12px !important; }
  .study-area .single-study-content h3 { font-size: 15px !important; line-height: 1.3 !important; margin-bottom: 6px !important; }
  .study-area .single-study-content .read-more { font-size: 13px !important; }

  /* ---------- главная: наука — сетка 2×2 ---------- */
  .find-courses-area .find-courses-bg .row .row > [class*="col-"] { width: 50%; flex: 0 0 50%; padding: 5px; }
  .find-courses-area .find-courses-bg .row .row { margin: 0 -5px; }
  .find-courses-area .find-courses-bg .row .row > [class*="col-"] > a { display: block; height: 100%; }
  .find-courses-area .single-counter { height: 100%; min-height: 84px; margin: 0 !important; padding: 14px 10px !important; display: flex; align-items: center; justify-content: center; text-align: center; width: auto !important; border-radius: 14px; }
  .find-courses-area .single-counter .count-title { margin: 0 !important; padding: 0 !important; }
  .find-courses-area .single-counter h2 { font-size: 16px !important; line-height: 1.25 !important; margin: 0 !important; overflow-wrap: anywhere; }
  .find-courses-area .find-courses-bg { padding: 0 !important; }
  .find-courses-area .section-title { margin-bottom: 16px !important; }

  /* ---------- главная: работодатели — по три в ряд ---------- */
  .about-area .row > .col-lg-3 { width: 33.333%; flex: 0 0 33.333%; padding-left: 5px; padding-right: 5px; }
  .about-area .row { margin-left: -5px; margin-right: -5px; }
  .about-area .single-study { margin-bottom: 10px !important; width: 100%; }
  .about-area .single-study img { width: 100% !important; height: 72px !important; object-fit: contain; }
  .about-area .single-study > div:first-child { padding: 10px 6px 0 !important; height: auto !important; }
  .about-area .single-study-content { padding: 6px 4px 10px !important; }
  .about-area .single-study-content h5 { font-size: 11px !important; line-height: 1.25 !important; margin: 0 !important; }

  /* ---------- подвал: компактнее, ссылки в две колонки ---------- */
  .footer-area { padding-top: 36px !important; }
  .footer-area .single-footer-widget { margin-bottom: 22px !important; }
  .footer-area .single-footer-widget h3 { font-size: 17px !important; margin-bottom: 10px !important; padding-bottom: 8px !important; }
  .footer-area .import-link { display: grid; grid-template-columns: 1fr 1fr; column-gap: 14px; row-gap: 2px; }
  .footer-area .import-link li { margin-bottom: 4px !important; font-size: 14px; line-height: 1.35; }
  .footer-area .import-link li a { display: inline-block; padding: 4px 0; }
  .footer-area .row > div:nth-child(2) .import-link { display: block; }
  .footer-area .social-icon { margin-top: 6px !important; }
  .copy-right-area { padding: 14px 0 !important; font-size: 13px; }

  /* ---------- кнопка «наверх» меньше и не закрывает контент ---------- */
  .go-top { width: 40px !important; height: 40px !important; line-height: 40px !important; right: 12px !important; bottom: 16px !important; border-radius: 10px !important; opacity: .92; }

  /* ---------- подразделения: на телефоне только список, без дубля ---------- */
  .blog-post-area:has(ul.tree) .col-lg-8 { display: none; }
  .blog-post-area:has(ul.tree) .widget-sidebar { margin: 0 !important; }
}