/* Мобильная версия bioclinic.ru — только экраны уже 768 px. Компьютерная версия не меняется. */
.m-only{display:none}

@media (max-width:767px){
  :root{--mg:#5cb85c;--mgd:#3f9a3f;--mgl:#eef7ee;--mink:#22302a;--mmute:#6b776f;--mline:#e3ebe4;--mbg:#f4f6f4}
  html.m-lock,html.m-lock body{overflow:hidden}
  body{padding-top:56px!important;font-family:'Roboto Condensed',Arial,sans-serif;color:var(--mink);background:#fff;-webkit-text-size-adjust:100%}

  /* старые шапка, меню и кнопка VK — скрыты */
  .navbar-fixed-top,.topline,#vk_community_messages{display:none!important}

  /* ===== шапка ===== */
  .m-hd{display:flex;position:fixed;top:0;left:0;right:0;z-index:1000;height:56px;background:#fff;align-items:center;gap:6px;padding:0 6px 0 16px;border-bottom:1px solid var(--mline);box-shadow:0 2px 10px rgba(0,0,0,.05)}
  .m-nm{flex:1;min-width:0;line-height:1.05;text-decoration:none!important}
  .m-nm b{display:block;font-family:'PT Sans Narrow',Arial,sans-serif;font-weight:700;font-size:21px;color:var(--mgd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-nm span{display:block;font-size:11px;letter-spacing:.06em;color:var(--mmute);text-transform:uppercase}
  .m-ib{width:44px;height:44px;border:0;background:none;border-radius:12px;display:grid;place-items:center;padding:0;cursor:pointer;color:var(--mink)}
  .m-ib:active{background:var(--mgl)}
  .m-ib img{width:30px;height:30px;border-radius:8px}
  .m-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
  .m-burger span{display:block;width:22px;height:2px;background:var(--mink);border-radius:2px}
  .m-close{font-size:30px;line-height:1}

  /* ===== меню ===== */
  .m-menu{display:flex;flex-direction:column;position:fixed;inset:0;z-index:1100;background:#fff;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
  .m-menu.open{transform:none;visibility:visible;transition:transform .25s ease}
  .m-hd-in{position:static;box-shadow:none}
  .m-menu nav{flex:1;overflow-y:auto;padding:6px 0}
  .m-menu nav a{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:19px;color:var(--mink)!important;text-decoration:none!important;border-bottom:1px solid var(--mline)}
  .m-menu nav a.on{color:var(--mgd)!important;font-weight:700;background:var(--mgl)}
  .m-menu nav a i{font-style:normal;color:#b5c2b8}
  .m-mb{padding:16px 20px 22px;border-top:1px solid var(--mline);background:var(--mbg)}
  .m-hrs{font-size:14px;color:var(--mmute);margin-bottom:12px;line-height:1.4}
  .m-lang{display:flex;gap:8px;margin-top:12px}
  .m-lang a{flex:1;text-align:center;padding:8px;border:1px solid var(--mline);border-radius:8px;color:var(--mink)!important;text-decoration:none!important;font-size:14px;background:#fff}
  .m-lang a.on{border-color:var(--mg);color:var(--mgd)!important;font-weight:700}

  /* ===== кнопка MAX ===== */
  .m-cta{display:flex!important;align-items:center;justify-content:center;gap:10px;background:var(--mg);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:17px;padding:14px 16px;border-radius:12px;box-shadow:0 4px 12px rgba(92,184,92,.35)}
  .m-cta img{width:26px;height:26px;border-radius:6px;background:#fff}
  .m-after{display:block;margin:20px 0 8px}

  /* ===== главная ===== */
  section.main-wrap{display:none!important}
  .m-home{display:block;padding:18px 16px 8px}
  .m-home h1{font-family:'PT Sans Narrow',Arial,sans-serif;font-weight:700;font-size:30px;line-height:1.08;margin:0 0 8px!important;color:var(--mink)}
  .m-lead{margin:0 0 16px;color:var(--mmute);font-size:16px;line-height:1.4}
  .m-card{display:block;position:relative;border-radius:16px;overflow:hidden;margin:0 0 12px;height:170px;color:#fff!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(0,0,0,.12);background:#cfd8cf}
  .m-card img{width:100%;height:100%;object-fit:cover;display:block}
  .m-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(20,40,25,.78))}
  .m-t{position:absolute;left:16px;right:56px;bottom:14px}
  .m-t b{display:block;font-family:'PT Sans Narrow',Arial,sans-serif;font-size:26px;line-height:1}
  .m-t span{font-size:14px;opacity:.92}
  .m-ar{position:absolute;right:14px;bottom:16px;width:32px;height:32px;border-radius:50%;background:var(--mg);display:grid;place-items:center;font-size:20px;line-height:1}
  .m-adv{display:grid;gap:10px;margin:16px 0 18px}
  .m-adv a{display:flex;align-items:center;gap:12px;background:var(--mbg);border-radius:12px;padding:12px 14px;font-size:16px;color:var(--mink)!important;text-decoration:none!important}
  .m-adv svg{flex:none;width:34px;height:34px;padding:7px;background:var(--mg);border-radius:50%;fill:#fff}
  .m-qs{background:var(--mgl);border-radius:14px;padding:16px;margin-bottom:18px}
  .m-qs p{margin:0 0 4px;font-size:16px}
  .m-qs .m-mute{color:var(--mmute);margin-bottom:14px}
  .m-news h2{font-family:'PT Sans Narrow',Arial,sans-serif;font-weight:700;font-size:22px;margin:0 0 4px!important}
  .m-news a{display:block;padding:11px 0;border-bottom:1px solid var(--mline);color:var(--mink)!important;text-decoration:none!important;font-size:15px;line-height:1.3}
  .m-news a.m-all{border:0;color:var(--mgd)!important;font-weight:700}

  /* ===== внутренние страницы ===== */
  .main-wrap.container{margin-top:0!important;padding:0 16px!important;font-size:17px}
  .main-wrap .row-offcanvas{position:static!important;right:auto!important}
  .main-wrap .row-offcanvas>div,.main-wrap .row-offcanvas .row>div{padding-left:0!important;padding-right:0!important;float:none;width:auto}
  .main-wrap>hr{display:none}
  .m-crumbs{display:block;font-size:13px;color:var(--mmute);padding:14px 0 0}
  .m-crumbs a{color:var(--mgd)!important;text-decoration:none}
  .item-page .page-header{margin:6px 0 14px!important;padding:0!important;border:0!important}
  .item-page .page-header h1,.item-page>h1,.blog .page-header h2{font-family:'PT Sans Narrow',Arial,sans-serif;font-weight:700;font-size:30px!important;line-height:1.08;margin:0!important;color:var(--mink)}
  .item-page,.blog{padding-top:4px}
  .article-body,.item-page,.legal-doc{font-size:17px;line-height:1.55}
  .article-body p{margin:0 0 14px}
  .article-body img,.blog img{max-width:100%!important;height:auto!important;float:none!important;display:block;margin:10px auto}
  .article-body img.video-still{height:auto!important;aspect-ratio:16/9}
  .article-body table{display:block;max-width:100%;overflow-x:auto;width:auto!important}
  .article-body .col-md-6,.article-body .block{width:auto;float:none;padding:0!important}
  .spisok td,.spisok th{font-size:15px}

  /* разделы о РС */
  .m-toc{display:block;margin:0 0 18px;border:1px solid var(--mline);border-radius:12px;overflow:hidden}
  .m-toc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:var(--mgl);font-weight:700;font-size:16px;color:var(--mgd);cursor:pointer}
  .m-toc summary::-webkit-details-marker{display:none}
  .m-toc summary:after{content:"▾";transition:transform .2s}
  .m-toc[open] summary:after{transform:rotate(180deg)}
  .m-toc ul{list-style:none;margin:0;padding:0}
  .m-toc li a{display:block;padding:11px 14px;border-top:1px solid var(--mline);color:var(--mink)!important;text-decoration:none!important;font-size:15px}
  .m-toc li a.on{color:var(--mgd)!important;font-weight:700}

  /* правая колонка: на телефоне по умолчанию скрыта; подменю РС — всегда скрыто (оно сверху страницы) */
  #sidebar{display:none;margin-top:8px}
  #sidebar .moduletable:has(ul.menu){display:none}
  #sidebar .moduletable h3{background:none!important;border:0!important;color:var(--mink)!important;padding:0!important;font-family:'PT Sans Narrow',Arial,sans-serif;font-weight:700;font-size:22px!important;margin:14px 0 10px!important}
  #sidebar .custom{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
  #sidebar .custom::-webkit-scrollbar{display:none}
  #sidebar .custom p{flex:none;margin:0;scroll-snap-align:start}
  #sidebar .custom p:empty,#sidebar .custom p:not(:has(img)){display:none}
  #sidebar .custom img{width:150px!important;height:110px!important;max-width:none!important;object-fit:cover;border-radius:10px;display:block}
  #sidebar .custom img[src*="licenz"]{width:90px!important;height:125px!important;object-position:top}
  #sidebar .wf-icon-zoom-image{display:none}

  /* новости-лента и подвал */
  .blog .items-leading,.news-item{margin-bottom:18px}
  footer{padding:18px 0!important}
  footer .container{padding:0 16px}
  footer [class*=col-]{padding:0!important}
  footer .moduletable h3{font-family:'PT Sans Narrow',Arial,sans-serif;font-size:22px;margin:0 0 6px!important}
  footer .newsmod{padding-left:0;list-style:none;margin:0}
  footer .newsmod li:nth-child(n+4){display:none}
  footer .newsmod h4{margin:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.25);font-size:15px;line-height:1.3}
  .legal-bar{font-size:12px;padding:12px 16px;line-height:1.6}
  .cookie-note{left:10px;right:10px;bottom:10px}
}