/* Мобильная версия макета Е в языке приложений WB и Ozon (решение Евгении 06.10.2026).
   Всё живёт только до 767 px: десктоп и планшет 768+ не меняются.
   Плитки #F4F4F6 со скруглением 22 px на белом, зазор 8 px, поля экрана 12 px;
   цвета — петроль #0F3D47 и латунь #D9A441, шрифт Onest. Подключается последним в <head>. */

/* новые элементы скрыты везде, кроме телефона */
.m-yar,.m-stat,.m-tab,.m-svyaz,.rz-cut,.rz-cena,.rz-kr,.m-podr{display:none}

@media(max-width:767px){
 body.v-e{--a-tile:#F4F4F6;--a-r:22px;--a-gap:8px;--a-pole:12px;--a-ink:#12262B;--a-mute:#66737A;--a-pet:#0F3D47;--a-lat:#D9A441;
  --m-tab-h:62px;background:#fff!important;padding-bottom:calc(var(--m-tab-h) + env(safe-area-inset-bottom))!important}
 html{scroll-padding-top:68px}

 /* ——— заголовки и текст: Onest, плотнее, как в приложении ——— */
 body.v-e .sek h2,body.v-e .kl-verh h2,body.v-e .bn2 h1{font-family:var(--txt)!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--a-ink)}
 body.v-e .sek h2{font-size:22px!important;line-height:1.2!important}
 body.v-e .bn2 h1{font-size:26px!important;line-height:1.15!important}
 body.v-e .sek .cherta{width:28px;height:3px;margin-bottom:12px}
 body.v-e .sek .nadz{font-size:11px;letter-spacing:.1em}
 body.v-e .sek .pod,body.v-e .sek p,body.v-e .sek li{font-size:15px;line-height:1.5}


 /* вся «антиква» на телефоне — Onest: цифры и цены жирным, как в приложении */
 body.v-e{--zag:var(--txt)}
 body.v-e .cena b,body.v-e .dov b,body.v-e .start .dov b,body.v-e .bolsh b,body.v-e .fakt b,body.v-e .of-cif b,body.v-e .reyt b,body.v-e .itog .sum,body.v-e .srok-k .dat b,body.v-e .foot .tel,body.v-e .cif b,body.v-e .ramka b{font-family:var(--txt)!important;font-weight:700!important;letter-spacing:-.01em}
 body.v-e summary,body.v-e .vopros{font-family:var(--txt)!important;font-weight:600!important;font-size:15px!important;line-height:1.35!important}
 body.v-e .put .nn{font-family:var(--txt)!important;font-weight:600!important;color:var(--a-pet)}
 body.v-e #raschet h2,body.v-e #kviz h2,body.v-e .kartochka h2,body.v-e .kat-t h2{font-family:var(--txt)!important;font-weight:700!important;font-size:20px!important;line-height:1.25!important}
 body.v-e .bn2 h1 br{display:initial!important}

 /* ——— секции: белые, без «бенто-карточек», плитки внутри ——— */
 body.v-e .sek{margin:0!important;border-radius:0!important;background:#fff!important;padding:26px var(--a-pole) 18px!important;overflow:visible}
 body.v-e .sek .wrap{padding-left:0!important;padding-right:0!important}
 body.v-e .start{margin:0!important;border-radius:0!important;padding:14px 0 6px!important}
 body.v-e .start .wrap{padding-left:var(--a-pole)!important;padding-right:var(--a-pole)!important}
 /* тёмные секции — широкие плитки-баннеры */
 body.v-e .sek.temn,body.v-e .sek.choc{margin:10px var(--a-pole) 0!important;border-radius:24px!important;padding:24px 18px!important;overflow:hidden}
 body.v-e .sek.temn{background:var(--a-pet)!important} body.v-e .sek.choc{background:var(--choc)!important}
 body.v-e .sek.temn h2,body.v-e .sek.choc h2{color:#fff}
 body.v-e .sek.pl-sek{padding-top:8px!important}

 /* ——— шапка: короткая, белая ——— */
 body.v-e .sh-main{height:56px!important;border-bottom:1px solid #EEF0F1!important;background:#fff}
 body.v-e .sh-lg img{height:24px!important} body.v-e .sh-lg{min-height:44px;display:flex!important;align-items:center}
 body.v-e .sh-ik a,body.v-e .sh-ik button,body.v-e .sh-burg{width:44px!important;height:44px!important}

 /* ——— баннер: большая скруглённая плитка с фото сверху, текст под ней ——— */
 body.v-e .bn.bn2{border-radius:0!important;background:#fff!important;overflow:visible!important;padding-top:8px!important}
 body.v-e .bn.bn2:after{display:none!important}
 body.v-e .bn2 .wrap{padding-left:var(--a-pole)!important;padding-right:var(--a-pole)!important}
 body.v-e .bn2 .bn-grid{display:flex!important;flex-direction:column;gap:0!important}
 body.v-e .bn2 .bn-prod{order:-1;display:block!important;position:relative;margin:0!important;min-height:0!important;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--a-tile)}
 body.v-e .bn2 .bn-kol{padding:18px 2px 0!important;align-self:stretch;width:auto!important;max-width:100%!important;min-width:0}
 body.v-e .bn2 .bn-kol .cherta{display:none}
 body.v-e .bn2 .lid{font-size:15px!important;line-height:1.45!important;color:var(--a-mute)}
 /* выгоды баннера — горизонтальная лента серых плиток */
 body.v-e .bn2 .bn-pl.bn-plt{display:flex!important;gap:var(--a-gap)!important;margin:16px calc(-1 * var(--a-pole)) 0!important;padding:0 var(--a-pole) 4px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:none!important;box-shadow:none!important}
 body.v-e .bn2 .bn-pl.bn-plt::-webkit-scrollbar{display:none}
 body.v-e .bn2 .bn-pl.bn-plt li{flex:0 0 72%!important;scroll-snap-align:start;background:var(--a-tile)!important;border:0!important;border-radius:20px!important;box-shadow:none!important;padding:14px!important}

 /* ——— лента ярлыков ——— */
 .m-yar{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:18px var(--a-pole) 6px;scroll-snap-type:x proximity}
 .m-yar::-webkit-scrollbar{display:none}
 .m-yar a{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:var(--a-ink);font:500 12px/1.25 var(--txt);text-align:center;scroll-snap-align:start;padding-bottom:2px}
 .m-yar-ik{width:60px;height:60px;border-radius:18px;background:var(--a-tile);display:grid;place-items:center;color:var(--a-pet);transition:transform .15s}
 .m-yar-ik i{font-size:28px}
 .m-yar a.ak .m-yar-ik{background:var(--a-pet);color:var(--a-lat)}
 .m-yar a:active .m-yar-ik{transform:scale(.94)}
 .m-yar a:focus-visible{outline:none} .m-yar a:focus-visible .m-yar-ik{outline:2px solid var(--a-lat);outline-offset:2px}

 /* ——— карточка-статус: заявка на макет ——— */
 .m-stat{display:block;margin:12px var(--a-pole) 4px;padding:16px;border-radius:var(--a-r);background:var(--a-tile)}
 .m-stat-v{display:flex;gap:12px;align-items:center}
 .m-stat-ik{flex:none;width:52px;height:52px;border-radius:16px;background:var(--a-pet);color:var(--a-lat);display:grid;place-items:center}
 .m-stat-ik i{font-size:26px}
 .m-stat-v b{display:block;font:700 17px/1.25 var(--txt);color:var(--a-pet)}
 .m-stat-v div>span{display:block;margin-top:3px;font:400 13.5px/1.4 var(--txt);color:var(--a-mute)}
 .m-stat-f{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
 .m-stat-f .pole{margin:0;display:block}
 .m-stat-f .pole span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .m-stat-f input[type=tel]{width:100%;height:48px;min-height:48px;border:1px solid #DCE3E5!important;border-radius:14px;background:#fff;padding:0 14px;font:400 16px var(--txt);color:var(--a-ink)}
 .m-stat-f input[type=tel]:focus{border-color:var(--a-pet)!important;outline:none;box-shadow:0 0 0 3px rgba(15,61,71,.14)}
 .m-stat-f .pole.err input{border-color:#B42318!important}
 .m-stat-f button{height:48px;padding:0 18px;border:0;border-radius:14px;background:var(--a-pet);color:#fff;font:600 15px/1 var(--txt);cursor:pointer}
 .m-stat-f button:active{background:#0B3039;transform:translateY(1px)}
 .m-stat-f .pole-msg,.m-stat-f .sogl-w{grid-column:1 / -1}
 .m-stat-f .pole-msg{margin:0}
 .m-stat-f .sogl-w{margin:4px 0 0!important}
 .m-stat-ok{display:none;margin-top:12px;font:500 14.5px/1.45 var(--txt);color:var(--a-pet)}
 .m-stat.ok .m-stat-f{display:none} .m-stat.ok .m-stat-ok{display:flex;gap:8px;align-items:flex-start}
 .m-stat-ok i{font-size:20px;color:#0E7C77;flex:none}

 /* ——— формы-заявки (расчёт, квиз, макет): серая плитка без рамки ——— */
 body.v-e #raschet,body.v-e #kviz,body.v-e .kat-karta,body.v-e .offer .kartochka,body.v-e .offer.prim-of .kartochka{border:0!important;border-radius:var(--a-r)!important;box-shadow:none!important;background:var(--a-tile)!important}
 body.v-e .m-slot{padding:10px var(--a-pole) 0!important}
 body.v-e #raschet h2,body.v-e #kviz h2{border-radius:var(--a-r) var(--a-r) 0 0}
 body.v-e .kartochka .pole input,body.v-e #raschet .pole input,body.v-e #raschet select,body.v-e #kviz .pole input{background:#fff}
 body.v-e .btn{border-radius:14px!important;min-height:50px}

 /* ——— доверие: рейтинг и логотипы — две серые плитки ——— */
 body.v-e .start .kl-p .dov{display:grid!important;grid-template-columns:1fr 1fr;gap:var(--a-gap);margin:0 0 14px!important}
 body.v-e .start .kl-p .dov>*{background:var(--a-tile);border-radius:20px;padding:14px;margin:0!important}

 /* ——— разделы: плитки WB, 2 колонки, предмет без фона в правом нижнем углу ——— */
 body.v-e .rz-sek .rz-sl{padding:0 var(--a-pole)!important;margin:0!important}
 body.v-e .rz-sek .rz-track{display:grid!important;grid-template-columns:1fr 1fr;gap:var(--a-gap)!important;overflow:visible!important;transform:none!important;margin:16px 0 0!important;padding:0!important;width:auto!important}
 body.v-e .rz-sek .rz-it{width:auto!important;min-width:0!important;flex:none!important;margin:0!important}
 body.v-e .rz-sek .rz-nav{display:none!important}
 body.v-e .rz-card{position:relative;display:block!important;height:178px;border-radius:var(--a-r)!important;background:var(--a-tile)!important;overflow:hidden;padding:14px 14px 0!important;box-shadow:none!important;text-decoration:none}
 body.v-e .rz-card .rz-ph{display:none!important}
 body.v-e .rz-card .rz-name{position:relative;z-index:1;display:block!important;padding:0!important;margin:0!important;background:none!important;font:700 15px/1.22 var(--txt)!important;color:var(--a-ink)!important;letter-spacing:0!important;text-transform:none!important}
 body.v-e .rz-card .rz-name svg{display:none}
 .rz-cena{position:relative;z-index:1;margin-top:4px;font:400 13px/1.3 var(--txt);color:var(--a-mute)}
 body.v-e .rz-card .rz-cena{display:block}
 body.v-e .rz-card .rz-cut{display:block;position:absolute;right:-14px;bottom:-12px;width:auto;height:auto;max-width:74%;max-height:62%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(18,38,43,.18));transition:transform .25s cubic-bezier(.16,1,.3,1)}
 body.v-e .rz-card:active .rz-cut{transform:scale(.97)}
 /* первая плитка — во всю ширину, как баннер */
 body.v-e .rz-sek .rz-it:first-child,body.v-e .rz-sek .rz-it:last-child:nth-child(even){grid-column:1 / -1}
 body.v-e .rz-sek .rz-it:first-child .rz-card,body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card{height:150px}
 body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card .rz-name{font-size:18px!important;max-width:55%}
 body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-cut{max-width:52%;max-height:92%;right:-6px;bottom:-14px}
 /* короткое имя раздела на плитке, полное остаётся в разметке */
 body.v-e .rz-card .rz-name>span:not(.rz-kr){display:none} .rz-kr{display:none} body.v-e .rz-card .rz-kr{display:inline}
 body.v-e .rz-sek .rz-it:first-child .rz-card .rz-name{font-size:18px!important;max-width:55%}
 body.v-e .rz-sek .rz-it:first-child .rz-cut{max-width:52%;max-height:92%;right:-6px;bottom:-14px}

 /* ——— каталог-журнал: тёмная широкая плитка ——— */
 body.v-e .kat .kadr .kniga{margin:-4% -10% -6%!important}

 /* ——— ассортимент: товары 2 колонки почти до краёв, цена первой ——— */
 body.v-e .kt-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px var(--a-gap)!important;overflow:visible!important;margin:16px 0 0!important;padding:0!important}
 body.v-e .kt-grid>li{flex:none!important;min-width:0}
 body.v-e .kt-card{box-shadow:none!important;border-radius:0!important;background:transparent!important;transform:none!important}
 body.v-e .kt-ph{border-radius:18px;padding-top:125%!important}
 body.v-e .kt-badge{left:8px;top:8px;font-size:11px;padding:5px 8px;border-radius:8px}
 body.v-e .kt-bars{left:10px;right:10px;bottom:8px}
 body.v-e .kt-body{padding:8px 2px 0!important}
 body.v-e .kt-price{order:-1;margin:0!important;font-size:12.5px!important;color:var(--a-mute)}
 body.v-e .kt-price b{font:700 21px/1.15 var(--txt)!important;color:var(--a-pet)!important;margin-left:1px}
 body.v-e .kt-grid .kt-name{margin-top:4px!important;font:500 13.5px/1.3 var(--txt)!important;min-height:2.6em}
 body.v-e .kt-note{display:none!important}
 body.v-e .kt-min{margin:4px 0 8px!important;font-size:12.5px!important}
 body.v-e .kt-btn{min-height:44px!important;border-radius:12px!important;font-size:14.5px!important;padding:0 10px!important}

 /* ——— производство: цифры плитками, фото лентой со свайпом ——— */
 body.v-e .proizv .cifry-p{display:grid!important;grid-template-columns:1fr 1fr;gap:var(--a-gap);margin-top:16px!important}
 body.v-e .proizv .cifry-p>div{background:var(--a-tile);border-radius:20px;padding:14px!important;border:0!important;margin:0!important;display:block!important}
 body.v-e .proizv .cifry-p b{display:block;font:700 26px/1.1 var(--txt)!important;color:var(--a-pet)!important}
 body.v-e .proizv .cifry-p span{display:block;margin-top:6px;font-size:12.5px!important;line-height:1.35!important;color:var(--a-mute)}
 body.v-e .proizv-f{display:flex!important;gap:var(--a-gap)!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:16px calc(-1 * var(--a-pole)) 0!important;padding:0 var(--a-pole)!important}
 body.v-e .proizv-f::-webkit-scrollbar{display:none}
 body.v-e .proizv-f .zgl,body.v-e .proizv-f .zgl:first-child{flex:0 0 78%;aspect-ratio:4/5!important;border-radius:var(--a-r)!important;height:auto!important;scroll-snap-align:start;grid-column:auto!important}

 /* ——— портфолио: лента плиток со свайпом ——— */
 body.v-e .pf-grid{display:flex!important;gap:var(--a-gap)!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:16px calc(-1 * var(--a-pole)) 0!important;padding:0 var(--a-pole) 4px!important;grid-template-columns:none!important}
 body.v-e .pf-grid::-webkit-scrollbar{display:none}
 body.v-e .pf-grid>li{flex:0 0 74%!important;aspect-ratio:4/5;height:auto!important;border-radius:var(--a-r)!important;overflow:hidden;scroll-snap-align:start;grid-column:auto!important;grid-row:auto!important}

 /* ——— отзывы: 91% и 10 лет — плитки, отзывы — лента карточек ——— */
 body.v-e .vozv-r .bolsh{background:var(--a-tile);border-radius:var(--a-r);padding:16px!important;margin-top:14px!important}
 body.v-e .vozv-r .bolsh b{font:700 34px/1.05 var(--txt)!important;color:var(--a-pet)!important}
 body.v-e .otz{display:flex!important;gap:var(--a-gap)!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:16px calc(-1 * var(--a-pole)) 0!important;padding:0 var(--a-pole) 4px!important;grid-template-columns:none!important}
 body.v-e .otz::-webkit-scrollbar{display:none}
 body.v-e .otz blockquote{flex:0 0 84%!important;margin:0!important;padding:16px!important;border:0!important;border-radius:var(--a-r)!important;background:var(--a-tile)!important;scroll-snap-align:start}
 body.v-e .otz blockquote .gl{font:600 16px/1.35 var(--txt)!important;color:var(--a-ink)}

 /* ——— как заказать и вопросы: плитки ——— */
 body.v-e .put{gap:var(--a-gap)!important}
 body.v-e .put li{background:var(--a-tile);border-radius:18px;padding:12px 14px!important;border:0!important}
 body.v-e .put li:before,body.v-e .put li:after{display:none!important}
 body.v-e .dok>div{background:var(--a-tile);border-radius:var(--a-r);padding:16px!important;border:0!important;margin-top:var(--a-gap)!important}
 body.v-e .faq-r details{background:var(--a-tile);border-radius:18px;padding:0 14px!important;margin-top:var(--a-gap)!important;border:0!important}
 body.v-e .faq-r summary{min-height:52px}
 body.v-e .faq-l .olga{background:var(--a-tile);border-radius:var(--a-r);padding:14px!important}


 /* ——— зоны нажатия от 44 px и ровные края кадров ——— */
 body.v-e .ssylka{min-height:44px;padding-bottom:0;border-bottom:0;text-decoration:underline;text-decoration-color:rgba(15,127,110,.35);text-underline-offset:5px}
 body.v-e .cvet button,body.v-e .razm button{position:relative}
 body.v-e .cvet button:after,body.v-e .razm button:after{content:"";position:absolute;inset:-7px}
 body.v-e .cvet{gap:12px!important}
 body.v-e .offer>.kadr,body.v-e .dva .bl,body.v-e .dva .br{margin-left:0!important;margin-right:0!important;border-radius:var(--a-r);overflow:hidden}
 body.v-e .bn2 .cena{flex-wrap:wrap;max-width:100%;row-gap:6px}

 /* ——— подвал под нижней панелью ——— */
 body.v-e .foot{border-radius:24px 24px 0 0!important;margin-top:18px!important}

 /* ——— нижняя панель из пяти значков ——— */
 body.v-e .m-bar{display:none!important}
 .m-tab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:85;height:calc(var(--m-tab-h) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #E7EBEC}
 .m-tab a,.m-tab button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;padding:6px 0 0;color:#7A868B;font:500 10.5px/1.15 var(--txt);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .m-tab i{font-size:25px;transition:transform .2s cubic-bezier(.16,1,.3,1)}
 .m-tab .on{color:var(--a-pet)} .m-tab .on i{transform:translateY(-1px)}
 .m-tab .on b{font-weight:600}
 .m-tab b{font-weight:500}
 .m-tab a:active i,.m-tab button:active i{transform:scale(.9)}
 .m-tab a:focus-visible,.m-tab button:focus-visible{outline:2px solid var(--a-lat);outline-offset:-4px;border-radius:12px}
 .m-tab .m-tab-ak{position:relative}
 .m-tab .m-tab-ak:after{content:"";position:absolute;top:9px;left:calc(50% + 8px);width:8px;height:8px;border-radius:50%;background:var(--a-lat);box-shadow:0 0 0 2px #fff}
 /* выезжающая карточка «Связаться» */
 .m-svyaz{display:block;position:fixed;left:var(--a-pole);right:var(--a-pole);bottom:calc(var(--m-tab-h) + 10px + env(safe-area-inset-bottom));z-index:86;padding:14px;border-radius:24px;background:#fff;box-shadow:0 24px 50px -18px rgba(7,31,37,.45),0 0 0 1px rgba(18,38,43,.06);
  opacity:0;transform:translateY(12px) scale(.98);transform-origin:80% 100%;pointer-events:none;visibility:hidden;transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s .22s}
 .m-svyaz.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}
 .m-svyaz p{margin:0 4px 10px;font:600 15px/1.3 var(--txt);color:var(--a-ink)}
 .m-svyaz a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 12px;border-radius:16px;background:var(--a-tile);color:var(--a-ink);text-decoration:none;font:600 15px/1.2 var(--txt)}
 .m-svyaz a+a{margin-top:6px}
 .m-svyaz a small{display:block;font:400 12.5px/1.3 var(--txt);color:var(--a-mute)}
 .m-svyaz .m-sv-ik{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--a-pet);color:#fff}
 .m-svyaz .m-sv-ik i{font-size:18px}
 .m-svyaz .m-sv-ik svg,.m-svyaz .m-sv-ik img{width:34px;height:34px;display:block}
 .m-svyaz .m-sv-ik svg{fill:#26A5E4}
 .m-svyaz .m-sv-tg,.m-svyaz .m-sv-max{background:none}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
 .m-svyaz,.m-svyaz.open,.m-tab i,.rz-cut{transition:none!important}
}

/* ===== Второй проход (06.10.2026): первый экран — навигация, плотность приложения ===== */
@media(max-width:767px){
 /* порядок блоков только на телефоне: разметка десктопа не меняется */
 body.v-e{display:flex;flex-direction:column}
 body.v-e>*{min-width:0;order:10}
 body.v-e>header.sh{order:0} body.v-e>#banner{order:1} body.v-e>.m-yar{order:2}
 body.v-e>.rz-sek{order:3} body.v-e>.m-stat{order:4} body.v-e>#m-tovary{order:5}
 body.v-e>#mSlot{order:6} body.v-e>.start{order:7} body.v-e>.foot{order:90}

 /* ——— баннер: одна плитка, заголовок, цена и кнопка на фото ——— */
 body.v-e .bn2 .bn-grid{display:grid!important;grid-template:1fr / 1fr;position:relative}
 body.v-e .bn2 .bn-prod,body.v-e .bn2 .bn-kol{grid-area:1 / 1}
 body.v-e .bn2 .bn-prod{aspect-ratio:auto!important;height:min(54svh,460px);min-height:380px!important}
 body.v-e .bn2 .bn-kol{position:relative;z-index:2;align-self:end;padding:72px 16px 16px!important;border-radius:0 0 24px 24px;
  background:linear-gradient(180deg,rgba(7,31,37,0) 0,rgba(7,31,37,.55) 34%,rgba(7,31,37,.88) 100%);color:#fff}
 body.v-e .bn2 .bn-kol .nadz,body.v-e .bn2 .bn-kol .lid,body.v-e .bn2 .bn-upr,body.v-e .bn2 .cena>span,body.v-e .bn2 .cena b small{display:none!important}
 body.v-e .bn2 h1{color:#fff!important;font-size:23px!important;line-height:1.18!important;margin:0!important;text-shadow:0 1px 12px rgba(0,0,0,.25)}
 body.v-e .bn2 .bn-niz{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:12px!important}
 body.v-e .bn2 .cena{margin:0!important;display:block!important}
 body.v-e .bn2 .cena b{font:700 24px/1 var(--txt)!important;color:var(--a-lat)!important;white-space:nowrap}
 body.v-e .bn2 .bn-niz .btn{flex:none;width:auto!important;min-height:46px!important;padding:0 18px!important;background:#fff!important;color:var(--a-pet)!important;box-shadow:none!important;text-shadow:none!important;font-size:15px!important}
 body.v-e .bn2 .bn-niz .btn:active{background:#E9EEEF!important}
 body:has(#kviz).v-e .bn-prod .zgl.bn-p{background:url(img/banner-podarki-1007.webp) 50% 30%/cover!important}
 body.v-e .bn-prod .zgl.bn-p .phl{display:none!important}
 /* выгоды — лента маленьких плиток: значок и заголовок */
 body.v-e .bn2 .bn-pl.bn-plt{margin-top:10px!important}
 body.v-e .bn2 .bn-pl.bn-plt li{flex:0 0 auto!important;display:flex!important;align-items:center;gap:8px!important;padding:8px 12px 8px 8px!important;border-radius:14px!important}
 body.v-e .bn2 .bn-pl.bn-plt li .znk,body.v-e .bn2 .bn-pl.bn-plt li img{width:28px!important;height:28px!important}
 body.v-e .bn2 .bn-pl.bn-plt li span{font-size:0!important;line-height:0!important}
 body.v-e .bn2 .bn-pl.bn-plt li span b{display:block!important;font:600 13px/1.2 var(--txt)!important;white-space:nowrap;margin:0!important;color:var(--a-ink)}
 body.v-e .m-yar{padding-top:14px}

 /* ——— плитки разделов: предмет крупный, в правом нижнем углу, обрезан краем ——— */
 body.v-e .rz-sek{padding-top:18px!important}
 body.v-e .rz-sek h2{margin-bottom:0}
 body.v-e .rz-card{height:184px;padding:14px!important}
 body.v-e .rz-card .rz-name{font-size:17px!important;line-height:1.2!important;max-width:100%}
 body.v-e .rz-card .rz-cena{font-size:13px;margin-top:4px}
 body.v-e .rz-card .rz-cut{right:-16%!important;bottom:-12%!important;height:74%!important;width:auto!important;max-width:88%!important;max-height:none!important;object-fit:contain;object-position:100% 100%}
 body.v-e .rz-sek .rz-it:first-child .rz-card,body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card{height:196px}
 body.v-e .rz-sek .rz-it:first-child .rz-card .rz-name,body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card .rz-name{font-size:19px!important;max-width:48%}
 body.v-e .rz-sek .rz-it:first-child .rz-cut,body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-cut{height:96%!important;max-width:62%!important;right:-6%!important;bottom:-14%!important}

 /* ——— ритм: 24–32 px между блоками, 12–14 px внутри плиток ——— */
 body.v-e .sek{padding:24px var(--a-pole) 4px!important}
 body.v-e .sek.temn,body.v-e .sek.choc{margin:24px var(--a-pole) 0!important;padding:20px 14px!important}
 body.v-e .sek h2{margin-bottom:0!important}
 body.v-e .sek .cherta{margin-bottom:10px!important}
 body.v-e .m-stat{margin:20px var(--a-pole) 0}
 body.v-e .start{padding:20px 0 0!important}
 body.v-e .m-slot{padding-top:24px!important}
 body.v-e .kt-grid,body.v-e .pf-grid,body.v-e .proizv-f,body.v-e .otz,body.v-e .rz-sek .rz-track{margin-top:14px!important}

 /* ——— длинные тексты: заголовок и две строки, остальное под «Подробнее» ——— */
 body.v-e .sek .pod,body.v-e .sek .lid{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top:8px!important}
 body.v-e .sek .pod.open{-webkit-line-clamp:unset;line-clamp:unset;display:block!important}
 .m-podr{display:none}
 body.v-e .m-podr{display:inline-flex;align-items:center;min-height:36px;margin:2px 0 0;padding:0;border:0;background:none;font:600 14px/1 var(--txt);color:var(--a-pet);cursor:pointer}
 body.v-e .sek.temn .m-podr,body.v-e .sek.choc .m-podr{color:#fff}
 body.v-e .proizv-t>.nadz,body.v-e .strah,body.v-e .akc-str,body.v-e .otz-mini,body.v-e .kartochka .metka,body.v-e .obr-t .metka,body.v-e .trek-podp{display:none!important}
 body.v-e .kartochka .of-cif{display:none!important}
 /* «Что входит» и «Вы сможете оценить» — маленькие плитки со значком */
 body.v-e .kartochka .galki,body.v-e .obr-t .galki{display:grid!important;grid-template-columns:1fr 1fr;gap:var(--a-gap)!important;margin:12px 0 0!important;padding:0!important}
 body.v-e .kartochka .galki li,body.v-e .obr-t .galki li{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px!important;margin:0!important;padding:12px!important;border-radius:16px;background:#fff;font-size:13px!important;line-height:1.3!important}
 body.v-e .obr-t .galki li{background:rgba(255,255,255,.1)}
 body.v-e .kartochka .galki li i,body.v-e .obr-t .galki li i{font-size:20px!important;margin:0!important;color:var(--a-lat)}
 body.v-e .kartochka .galki li:nth-child(5){grid-column:1 / -1}
 body.v-e .obr-t .galki li:nth-child(3){grid-column:1 / -1}
 /* трекер заказа — лента плиток */
 body.v-e .trek{display:flex!important;gap:var(--a-gap)!important;overflow-x:auto;scrollbar-width:none;margin:14px calc(-1 * var(--a-pole)) 0!important;padding:0 var(--a-pole) 4px!important}
 body.v-e .trek::-webkit-scrollbar{display:none}
 body.v-e .trek li{flex:0 0 132px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px!important;border-radius:16px;background:var(--a-tile);margin:0!important;min-height:0!important}
 body.v-e .trek li:before,body.v-e .trek li:after,body.v-e .trek:before,body.v-e .trek:after{display:none!important}
 body.v-e .trek li b{font-size:13px!important;line-height:1.3!important}
 body.v-e .trek li.sej{background:var(--a-pet);color:#fff} body.v-e .trek li.sej b{color:#fff}
 body.v-e .srok-verh .btn{margin-top:12px!important}

 /* ——— заглушки до генерации: не занимают экран ——— */
 body.v-e .obr .kadr,body.v-e .offer>.kadr:has(>.zgl:not(:has(img,picture,video))),body.v-e .dva .br,body.v-e .olga .zgl.krug,body.v-e .dva .r>.kadr:has(>.zgl:not(:has(img,picture,video))){display:none!important}
 body.v-e .dva .bl .zgl.vys-u1{aspect-ratio:4/3!important;height:auto!important}
 body.v-e .dva .bl .zgl.vys-u1 .phl{display:none!important}
 body.v-e .nuzhen{display:none!important}

 /* ——— карточки товаров: светлая компактная кнопка, название в 2 строки с многоточием ——— */
 body.v-e .kt-btn{min-height:38px!important;height:38px;background:#fff!important;color:var(--a-pet)!important;border:1.5px solid var(--a-pet)!important;box-shadow:none!important;text-shadow:none!important;border-radius:12px!important;font-weight:600!important}
 body.v-e .kt-btn:active{background:#EAF0F1!important;transform:none}
 body.v-e .kt-grid .kt-name{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}
 body.v-e .kt-min{margin:2px 0 8px!important}
}
@media(max-width:767px){
 body.v-e .bn.bn2{padding-bottom:0!important;margin-bottom:0!important}
 body.v-e .bn2 .bn-prod{height:min(50svh,430px)}
 body.v-e .m-yar{padding-top:12px;padding-bottom:0}
}
@media(max-width:767px){
 /* заглушки без картинки прячем целиком, пока нет кадра (Б, М2, У2, О2, О3, фото менеджера) */
 html body.v-e .sek .kadr:not(:has(img,picture,video)):not(:has(.vys-u1)),
 html body.v-e .sek .zgl:not(.bn-p):not(.vys-u1):not(:has(img,picture,video)){display:none!important}
 /* предмет в плитке раздела крупнее: 55–65% площади, уходит за край */
 body.v-e .rz-card .rz-cut{height:84%!important;max-width:96%!important;right:-18%!important;bottom:-14%!important}
}
@media(max-width:767px){body.v-e .m-podr{min-height:44px}}
@media(max-width:767px){body.v-e .bn2>.wrap{padding-top:12px!important;padding-bottom:4px!important}}
@media(max-width:767px){html body.v-e .bn2 .bn-pl.bn-plt{padding-left:12px!important;padding-right:12px!important;scroll-padding-left:12px}}
@media(max-width:767px){html body.v-e .rz-sek .rz-sl{padding:0!important}}

/* 06.10: шоколадка баннера на телефоне — в правом верхнем углу плитки, не над шапкой */
@media(max-width:767px){.v-e #banner>.ugol-shok{top:30px;left:auto;right:24px;width:60px;z-index:3}}

/* 06.10: разделы на телефоне — фото из админки боевого сайта целиком (как подтянет инфоблок), без вырезок */
@media(max-width:767px){
 body.v-e .rz-card{display:flex!important;flex-direction:column;height:236px!important;padding:12px 12px 0!important}
 body.v-e .rz-card .rz-ph{display:block!important;position:relative!important;flex:1 1 auto;margin:10px -12px 0!important;min-height:0;border-radius:0!important;overflow:hidden;background:#e9e6e1}
 body.v-e .rz-card .rz-ph img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transform:none!important}
 body.v-e .rz-sek .rz-it:first-child .rz-card,body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card{display:grid!important;grid-template-columns:1fr 44%;grid-template-rows:auto 1fr;column-gap:10px;height:172px!important;padding:14px 0 0 14px!important}
 body.v-e .rz-sek .rz-it:first-child .rz-card .rz-ph,body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card .rz-ph{grid-column:2;grid-row:1/3;margin:-14px 0 0!important}
 body.v-e .rz-sek .rz-it:first-child .rz-card .rz-name,body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card .rz-name{grid-column:1;grid-row:1;max-width:none!important}
 body.v-e .rz-sek .rz-it:first-child .rz-card .rz-cena,body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card .rz-cena{grid-column:1;grid-row:2;align-self:start}
}

/* 06.10 вечер: шапка на телефоне всегда поверх контента (раньше фото плиток и кнопки рисовались над ней справа),
   непрозрачная, с полем под чёлку iPhone; якоря не прячутся под шапку; низ страницы не уходит под нижнее меню */
@media(max-width:767px){
 html{background:#fff}
 html body.v-e header.sh{z-index:95!important}
 html body.v-e .sh-main{background:#fff!important;transform:translateZ(0);padding-top:env(safe-area-inset-top)!important;height:calc(56px + env(safe-area-inset-top))!important;box-sizing:border-box}
 html body.v-e [id],html body.v-e section{scroll-margin-top:calc(68px + env(safe-area-inset-top))}
 html body.v-e{padding-bottom:calc(var(--m-tab-h,62px) + env(safe-area-inset-bottom) + 16px)!important}
}

/* «Что можно заказать с вашим логотипом» на телефоне — вариант А (выбор Евгении 07.10.2026): сетка в две колонки, фото 4:5, только подпись, без цен.
   Перенесено из rz-var.css, копии katA/B/V удалены. */
@media(max-width:767px){
 /* общее: все плитки одинаковые, первая и последняя не выделяются, вырезки не показываем */
 html:root body.v-e .rz-sek .rz-it,
 html:root body.v-e .rz-sek .rz-it:first-child,
 html:root body.v-e .rz-sek .rz-it:last-child:nth-child(even){grid-column:auto!important}
 html:root body.v-e .rz-sek .rz-card,
 html:root body.v-e .rz-sek .rz-it:first-child .rz-card,
 html:root body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card{display:flex!important;flex-direction:column;height:auto!important;padding:0!important;column-gap:0;border-radius:18px!important;background:#F4F4F6!important;overflow:hidden;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent}
 html:root body.v-e .rz-card .rz-cut{display:none!important}
 html:root body.v-e .rz-sek .rz-card .rz-ph,
 html:root body.v-e .rz-sek .rz-it:first-child .rz-card .rz-ph,
 html:root body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card .rz-ph{display:block!important;position:relative!important;flex:none!important;margin:0!important;width:100%;aspect-ratio:4/5;height:auto!important;border-radius:0!important;overflow:hidden;background:#E9E6E1}
 html:root body.v-e .rz-card .rz-ph img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 55%;transform:none!important}
 html:root body.v-e .rz-sek .rz-card .rz-name,
 html:root body.v-e .rz-sek .rz-it:first-child .rz-card .rz-name,
 html:root body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card .rz-name{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:none!important;margin:0!important;padding:10px 12px 0!important;font:600 15px/1.25 var(--txt)!important;height:calc(2.5em + 22px);border-bottom:12px solid transparent;box-sizing:border-box;color:var(--a-ink,#12262B)!important}
 html:root body.v-e .rz-sek .rz-card .rz-cena,
 html:root body.v-e .rz-sek .rz-it:first-child .rz-card .rz-cena,
 html:root body.v-e .rz-sek .rz-it:last-child:nth-child(even) .rz-card .rz-cena{display:none!important}
 html:root body.v-e .rz-card:active{transform:scale(.985)}
 html:root body.v-e .rz-card:focus-visible{outline:2px solid var(--a-lat,#D9A441);outline-offset:2px}

 /* А — сетка в две колонки, фото 4:5 */
 html:root body.v-e .rz-sek .rz-sl{padding:0!important}
 html:root body.v-e .rz-sek .rz-track{margin:14px 0 0!important;padding:0!important;width:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}

}