/* Mobile presentation overrides. The imported legacy stylesheet stays intact. */
#topNav .mik-cabinet-link { display:flex;align-items:center;gap:7px;min-height:50px;padding:0 12px;color:#245b39;font-size:14px;text-transform:none;white-space:nowrap; }
#topNav .mik-cabinet-link svg { flex:none; }
#topNav a:focus-visible,#topNav button:focus-visible,.mik-home-mobile a:focus-visible { outline:3px solid #196b80;outline-offset:-3px; }
.mik-home-mobile,.mik-home-courses-heading,.mik-home-all-articles { display:none; }
.face-main { overflow-x:clip; }
@media (max-width:1100px) {
  #topNav > .container { width:100%;padding:0 12px;position:relative; }
  #topNav .navbar-header { display:flex;align-items:center;float:none;min-height:56px;padding-right:132px;margin:0; }
  #topNav .navbar-brand { flex:0 1 125px;max-width:125px;margin:0;padding:0 4px;height:auto; }
  #topNav .navbar-brand img { width:100%;height:auto; }
  #topNav .navbar-toggle { display:flex;align-items:center;justify-content:center;flex:none;float:none;width:44px;height:48px;padding:0;margin:0 3px 0 -6px;border:0; }
  #topNav .listTopWrap { position:absolute;right:10px;top:3px; }
  #topNav .mik-cabinet-link { min-height:50px;padding:0 4px; }
  #topNav .navbar-collapse { clear:both;float:none;margin:0;padding:0 0 10px;max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);overflow-y:auto!important;border:0;box-shadow:none; }
  #topNav .navbar-collapse.collapse { display:none!important; }
  #topNav .navbar-collapse.collapse.in { display:block!important; }
  #topNav .navbar-nav { float:none;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0; }
  #topNav .navbar-nav::before,#topNav .navbar-nav::after { display:none; }
  #topNav .navbar-nav > li { float:none; }
  #topNav .navbar-nav > li > a { display:flex;align-items:center;min-height:48px;padding:12px;border:0;border-radius:6px;font-size:14px;line-height:20px;text-transform:none;background-image:none; }
  #topNav .navbar-nav > .active > a { background:#e7f2e7;color:#245b39;box-shadow:none; }
  #topNav .navbar-nav .hidden-xs { display:none!important; }
  #topNav .navbar-nav .visible-xs { display:inline!important; }
}
@media (max-width:767px) {
  .mik-home-mobile { display:block;margin:22px 16px 24px;color:#35433d; }
  .mik-home-mobile .mik-home-eyebrow { margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#476b57; }
  .mik-home-mobile h1 { margin:0 0 14px;color:#245b39;font-size:30px;line-height:1.18;font-weight:600; }
  .mik-home-mobile > p { font-size:16px;line-height:1.6; }
  .mik-home-actions { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 10px; }
  .mik-home-actions a { display:flex;align-items:center;justify-content:center;min-height:50px;padding:10px 8px;border:1px solid #26664c;border-radius:8px;background:#26664c;color:#fff;text-align:center;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none; }
  .mik-home-actions a + a { background:#f0f7f1;color:#245b39; }
  .mik-home-shortcuts { display:flex;flex-wrap:wrap;gap:4px 14px; }
  .mik-home-shortcuts a { display:inline-flex;align-items:center;min-height:44px;color:#245b39;text-decoration:underline;text-underline-offset:3px; }
  .face-main .block-article { order:1;margin:0 0 20px;background:#f5f8f5; }
  .face-main .block-article .block-article-border { width:100%;margin:0;padding:20px 16px;border:0;align-items:stretch; }
  .face-main .block-article .block-article-border .article-header { width:100%;margin:0;font-size:23px;line-height:1.3; }
  .face-main .block-article .block-article-border .article-items { width:100%;display:block;margin:14px 0 0; }
  .face-main .block-article .block-article-border .article-items .cell-article { display:flex;flex-direction:row;align-items:center;width:100%;margin:0;padding:14px 0;border-bottom:1px solid #dfe7df;gap:14px; }
  .face-main .block-article .block-article-border .article-items .cell-article:nth-child(n+3),.face-main .block-article .block-article-border ul.article-nav-category { display:none; }
  .face-main .block-article .block-article-border .article-items .cell-article .cell-article-img { flex:0 0 96px;width:96px;height:72px;margin:0; }
  .face-main .block-article .block-article-border .article-items .cell-article .cell-article-img img { width:100%;height:100%;object-fit:cover;border-radius:6px;box-shadow:none; }
  .face-main .block-article .block-article-border .article-items .cell-article .cell-article-header { flex:1;width:auto;margin:0;text-align:left;font-size:16px;line-height:1.5; }
  .face-main .mik-home-all-articles { display:inline-flex;align-items:center;min-height:48px;margin-top:8px;color:#245b39;font-weight:600; }
  .face-main .mik-home-courses-heading { display:block;order:2;align-self:flex-start;margin:8px 16px 12px;font-size:23px;line-height:1.3; }
  .face-main .block-course { order:3;flex:none;display:block;width:calc(100% - 32px);height:auto;margin:0 16px 12px;border:1px solid #dfe7df;border-radius:10px;background:#fff;overflow:hidden; }
  .face-main .block-course .block-course-img,.face-main .block-course svg { display:none; }
  .face-main .block-course:nth-child(n) .block-course-text { display:block;width:100%;height:auto;margin:0;padding:16px;border:0; }
  .face-main .block-course:nth-child(n) .block-course-text .course-text-age { display:inline-block;position:static;margin:0 0 8px;padding:3px 7px;background:#f0f5ef;border:0;color:#476b57;font-size:12px; }
  .face-main .block-course .block-course-text .course-text-about { height:auto;text-align:left;font-family:inherit; }
  .face-main .block-course:nth-child(n) .block-course-text .course-text-about > div:nth-child(n) { position:static;width:auto;margin:0;padding:0;font-style:normal;text-transform:none; }
  .face-main .block-course:nth-child(n) .block-course-text .course-text-about > div:first-child { font-size:20px;line-height:1.3;color:#283b2d; }
  .face-main .block-course:nth-child(n) .block-course-text .course-text-about > div:nth-child(2) { margin-top:5px;font-size:15px;font-weight:400;line-height:1.5;color:#526057; }
  .face-main .block-course:nth-child(n) .block-course-text .course-text-about > div:nth-child(3),.face-main .block-course:nth-child(n) .block-course-text .course-text-about > div:nth-child(4) { display:none; }
  .face-main .block-course:nth-child(n) .block-course-text .course-text-about > div:nth-child(5) { display:flex;justify-content:flex-start;margin-top:12px; }
  .face-main .block-course .btn-default { min-height:44px;padding:11px 16px;border-radius:6px;background:#26664c;font-size:13px;line-height:20px; }
}