/* Четвёртый проход мобильной версии (06.10.2026, вечер): «лёгкий телефон». Только до 767 px, десктоп не меняется.
   ОТКАТ: убрать строки подключения mob-legko.css и mob-legko.js. */
.lg-vse,.lg-dok,.lg-shtorka{display:none}
@media(max-width:767px){
 /* хвосты списков */
 body.v-e .lg-hv:not(.lg-otkr)>.lg-skr{display:none!important}
 body.v-e .lg-vse{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:10px 0 0;padding:0 16px;border:1px solid #D3E0E4;border-radius:14px;background:#fff;color:var(--a-pet,#0F3D47);font:600 15px/1.2 var(--txt);cursor:pointer}
 body.v-e .lg-vse i{font-size:18px;transition:transform .2s cubic-bezier(.16,1,.3,1)}
 body.v-e .lg-vse[aria-expanded="true"] i{transform:rotate(180deg)}
 body.v-e .lg-vse:focus-visible,body.v-e .lg-dok-b:focus-visible,body.v-e .lg-sh-x:focus-visible{outline:2px solid var(--a-lat,#D9A441);outline-offset:2px}

 /* логотипы клиентов: 6 знаков в три ряда вместо десяти в пять */
 body.v-e .start .kl-p .zn>*:nth-child(n+7){display:none!important}

 /* документы и доставка: две строки-кнопки вместо двух скрытых блоков */
 body.v-e .lg-dok{display:grid;gap:8px;margin:16px 0 0}
 body.v-e .lg-dok-b{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;border:0;border-radius:14px;background:var(--a-tile,#F4F4F6);color:var(--a-ink,#12262B);font:600 15px/1.25 var(--txt);text-align:left;cursor:pointer}
 body.v-e .lg-dok-b>i:first-child{font-size:22px;color:var(--a-pet,#0F3D47)}
 body.v-e .lg-dok-b span{flex:1}
 body.v-e .lg-dok-b .lg-str{font-size:18px;color:#66737A}
 body.v-e .lg-dok-b:active{background:#E9EEEF}

 /* согласие под формами — тише и короче по высоте */
 body.v-e .sogl-w span,body.v-e label.sogl span,body.v-e .sogl span{font-size:12.5px!important;line-height:1.4!important}

 /* фото образца и «На пробу»: невысокая полоса 4:3, а не экран 4:5 */
 body.v-e .obr .kadr .zgl.zf{aspect-ratio:4/3!important;height:auto!important}
 body.v-e .obr .kadr .zgl.zf img{object-position:50% 62%}
 /* зоны нажатия не меньше 44 px: «Заказать» в карточках, «Хочу так же» на фото портфолио (пилюля прежняя, зона шире) */
 body.v-e .kt-btn{min-height:44px!important;display:flex!important;align-items:center;justify-content:center}
 body.v-e .pf-hochu::after{content:"";position:absolute;inset:-7px -6px}
 body.v-e .pf-hochu{overflow:visible!important}
 /* нижняя шторка */
 .lg-shtorka{display:block;position:fixed;inset:auto 0 0 0;top:auto;margin:0;padding:0;width:100%;max-width:100%;max-height:82vh;border:0;border-radius:20px 20px 0 0;background:#fff;color:var(--a-ink,#12262B);box-shadow:0 -12px 40px rgba(7,31,37,.18);overflow:auto;transform:translateY(100%);transition:transform .32s cubic-bezier(.16,1,.3,1),display .32s allow-discrete,overlay .32s allow-discrete}
 .lg-shtorka:not([open]){display:none}
 .lg-shtorka[open]{transform:translateY(0)}
 @starting-style{.lg-shtorka[open]{transform:translateY(100%)}}
 .lg-shtorka::backdrop{background:rgba(7,31,37,.45)}
 .lg-sh-k{position:relative;padding:12px 20px calc(24px + env(safe-area-inset-bottom))}
 .lg-sh-ruchka{display:block;width:40px;height:4px;border-radius:2px;background:#D3E0E4;margin:0 auto 8px}
 .lg-sh-x{position:absolute;top:8px;right:8px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#F2F7F8;color:var(--a-pet,#0F3D47);font-size:20px;cursor:pointer}
 .lg-shtorka h3{margin:14px 52px 14px 0;font:700 20px/1.25 var(--txt);color:var(--a-pet,#0F3D47)}
 .lg-sh-t .znk{display:none}
 .lg-sh-t .dok-z{margin:0 0 14px;font:400 15px/1.5 var(--txt);color:#2E3B41}
 .lg-sh-t ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
 .lg-sh-t li{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:12px;background:#F2F7F8;font:500 15px/1.3 var(--txt)}
 .lg-sh-t li i{font-size:20px;color:var(--a-pet,#0F3D47)}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.lg-shtorka,.lg-vse i{transition:none!important}}
