/* Пятый проход мобильной версии (21.10.2026, решение Евгении): телефон как приложение.
   Шапка цвета петроль: меню слева, логотип по центру, трубка и корзина справа, стрелка «назад» на всех страницах, кроме главной.
   Баннер: заголовок и цена над фото, кнопка под фото. На главных страницах длинные блоки уходят на свои страницы,
   вместо них список-переходы (элементы ml-* добавляет mob-prilozhenie.js). Всё только до 767 px, компьютер не меняется.
   ОТКАТ: убрать из страниц подключение mob-prilozhenie.css и mob-prilozhenie.js. */

.ml-nazad,.ml-razd{display:none}

@media(max-width:767px){

 /* ——— шапка ——— */
 html body.v-e .sh-main{background:#0F3D47!important;border-bottom:0!important}
 html body.v-e .sh-main>.wrap{display:grid!important;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;align-items:center;gap:0!important;height:56px}
 body.v-e .sh-main .sh-l,body.v-e .sh-main .sh-r,body.v-e .sh-main .sh-ik{display:contents!important}
 body.v-e .sh-main .sh-kl,body.v-e .sh-main .ya,body.v-e .sh-main .sh-tel,body.v-e .sh-main .sh-ms,body.v-e .sh-main .kab,
 body.v-e .sh-main .sh-lip-kn,body.v-e .sh-main .sh-poisk,body.v-e .sh-main .sh-pod{display:none!important}
 body.v-e .sh-main .sh-burg{grid-area:1/1;display:flex!important}
 html.ml-vnutr body.v-e .sh-main .sh-burg{grid-area:1/2}
 body.v-e .sh-main .ml-nazad{grid-area:1/1;display:flex}
 body.v-e .sh-main .sh-lg{grid-area:1/3;justify-self:center;min-height:44px;display:flex!important;align-items:center}
 body.v-e .sh-main .sh-lg img{height:24px!important;filter:brightness(0) invert(1)}
 body.v-e .sh-main .sh-tel-m{grid-area:1/5;display:flex!important}
 body.v-e .sh-main .sh-ik a[href*="basket"]{grid-area:1/4}
 /* шапка прилипает сразу, без прыжка при прокрутке: строка состояния iPhone берёт её цвет на всех страницах */
 html body.v-e .sh{position:sticky!important;top:0;z-index:60;background:#0F3D47!important}
 html body.v-e .sh.lip .sh-main{position:static!important;animation:none!important;box-shadow:none!important;height:auto!important}
 html body.v-e .sh.lip .sh-top{margin-bottom:0!important}
 html body.v-e .sh.lip .sh-lg img{height:24px!important}
 body.v-e .sh-main .sh-ik a,body.v-e .sh-main .sh-ik button,body.v-e .sh-main .ml-nazad{width:44px!important;height:44px!important;border:0;border-radius:50%;background:none;
  align-items:center;justify-content:center;font-size:23px;color:#fff!important;cursor:pointer;padding:0}
 body.v-e .sh-main .sh-ik a:active,body.v-e .sh-main .sh-ik button:active,body.v-e .sh-main .ml-nazad:active{background:rgba(255,255,255,.14)!important}
 body.v-e .sh-main .sh-ik a:focus-visible,body.v-e .sh-main .sh-ik button:focus-visible,body.v-e .sh-main .ml-nazad:focus-visible{outline:2px solid #D9A441;outline-offset:-2px}
 body.v-e .sh-main .sh-ik em{background:#D9A441!important;color:#0F3D47!important}

 /* ——— баннер главной в стиле внутренних страниц (21.10): надзаголовок, крупный заголовок, подзаголовок, цена,
       фото, золотая кнопка. Шрифт и размеры как у .st-hero ——— */
 body.v-e .bn2 .bn-grid{display:flex!important;flex-direction:column}
 body.v-e .bn2 .bn-kol,body.v-e .bn2 .bn-niz{display:contents!important}
 body.v-e .bn2 .fly,body.v-e .bn2 .let,body.v-e .bn2 .let-img,body.v-e .bn2 .ugol-shok,body.v-e .bn2 .cherta{display:none!important}
 html body.v-e #banner .bn-niz.on{display:contents!important}
 html body.v-e #banner .bn-niz.gl-niz:not(.on){display:none!important}
 body.v-e .bn2 .bn-t{order:1;display:none;padding:6px 0 0}
 body.v-e .bn2 .bn-t.on{display:block}
 html body.v-e .bn2 .bn-t .nadz{display:block!important;margin:0 0 12px!important;font:600 11px/1.4 var(--txt)!important;letter-spacing:.1em!important;
  text-transform:uppercase;color:#5C686B!important;background:none!important;padding:0!important}
 html body.v-e .bn2 h1,html body.v-e .bn2 h2.h1x{color:#12262B!important;text-shadow:none!important;font:600 31px/1.07 var(--txt)!important;letter-spacing:-.005em!important;margin:0!important}
 html body.v-e .bn2 h1 .gl-s,html body.v-e .bn2 h2.h1x .gl-s{display:inline!important}
 /* подзаголовок повторяет цену и сдвигает кнопку за край экрана — на телефоне не показываем */
 html body.v-e .bn2 .bn-t .lid{display:none!important}
 body.v-e .bn2 .cena{order:2;margin:14px 0 0!important;padding:0}
 body.v-e .bn2 .cena>span{display:none!important}
 body.v-e .bn2 .cena b{color:#12262B!important;font:700 26px/1.1 var(--txt)!important}
 body.v-e .bn2 .cena b i,body.v-e .bn2 .cena b small{display:inline!important;margin-left:6px;font:500 14px var(--txt)!important;font-style:normal!important;color:#5C686B!important}
 body.v-e .bn2 .bn-prod{order:3;height:clamp(220px,calc(100svh - 425px),300px)!important;min-height:0!important;margin-top:16px!important;border-radius:20px!important;overflow:hidden}
 html body.v-e #banner .bn-niz .btn{order:4}
 body.v-e .bn2 .bn-slot{order:5}
 html body.v-e #banner .bn-niz .btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;margin-top:14px!important;min-height:52px!important;
  background:#D9A441!important;background-image:none!important;color:#12262B!important;border-radius:14px!important;font:600 16px var(--txt)!important;border:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 22px -12px rgba(150,105,25,.7)!important}
 html body.v-e #banner .bn-niz .btn:active{background:#C8932F!important}

 /* ——— главные страницы: длинные блоки на своих страницах ——— */
 html.ml-glav body.v-e>section[data-r="Производство"],html.ml-glav body.v-e>section[data-r="Отзывы"],
 html.ml-glav body.v-e>section[data-r="Блог"],html.ml-glav body.v-e>section[data-r="Вопросы"]{display:none!important}
 html.ml-glav body.v-e .ml-dok{display:none!important}
 body.v-e>.ml-razd{display:block;order:60;padding:28px 0 8px}
 .ml-razd h2{margin:0 0 12px;font:700 21px/1.2 var(--txt);color:#0F3D47}
 .ml-razd ul{list-style:none;margin:0;padding:0;background:var(--a-tile,#F4F4F6);border-radius:20px;overflow:hidden}
 .ml-razd li+li{border-top:1px solid rgba(15,61,71,.08)}
 .ml-razd a{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;color:#0F3D47;text-decoration:none}
 .ml-razd a:active{background:rgba(15,61,71,.06)}
 .ml-razd-ik{flex:none;width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:21px;color:#0F3D47}
 .ml-razd-t{flex:1;min-width:0}
 .ml-razd-t b{display:block;font:600 16px/1.25 var(--txt)}
 .ml-razd-t small{display:block;margin-top:2px;font:400 13px/1.35 var(--txt);color:var(--a-mute,#5B6B6E)}
 .ml-razd a>.ph-caret-right{flex:none;font-size:18px;color:#9AA5A7}
}