/* ============================================================
   НОВЫЙ ДИЗАЙН «в духе ВсеИнструменты», ШАГ 1 (06.11.2026) — верхняя полоса, верхняя строка, ряд разделов,
   блок «Сервис и монтаж» на главной. Источник — песочница /vt-sandbox/ (Site/vt-sandbox/).
   ВКЛЮЧЕНИЕ: класс vt-vi на <html>. Предпросмотр — ?vt_vi=1 (кука 30 дней), выключить — ?vt_vi=0 (header.php).
   Пока класса нет, всё помеченное vt-vi-only скрыто, а vt-vi-off показывается как раньше.
   ОТКАТ: убрать из header.php скрипт vt_vi и ссылку на этот файл (разметка остаётся скрытой).
   ============================================================ */
html:not(.vt-vi) .vt-vi-only { display: none !important; }
html.vt-vi .vt-vi-off { display: none !important; }
html.vt-vi .vt-qn { display: none !important; }

/* полоса «Пришлите смету» над верхней строкой */
.vt-vpromo { background: #f3f4f7; text-align: center; padding: 5px 0; font-size: 14px; font-weight: 800; letter-spacing: -.01em; color: #16181d; }
.vt-vpromo a { display: inline-flex; gap: 12px; align-items: center; color: inherit; text-decoration: none; }
.vt-vpromo span { background: #E61D27; color: #fff; padding: 2px 12px; border-radius: 6px; }
.vt-vpromo a:hover span { background: #c4141d; }

/* ряд разделов под шапкой */
.vt-vnav { border-top: 1px solid #e6e8ec; border-bottom: 1px solid #e6e8ec; background: #fff; }
.vt-vnav-in { max-width: 1320px; margin: 0 auto; padding: 0 24px; display: flex; gap: 22px; height: 38px; align-items: center; font-size: 13px; overflow-x: auto; scrollbar-width: none; }
.vt-vnav-in::-webkit-scrollbar { display: none; }
.vt-vnav a { white-space: nowrap; color: #16181d; text-decoration: none; }
.vt-vnav a:hover { color: #E61D27; }
.vt-vnav a.hot { color: #E61D27; font-weight: 600; }
@media (max-width: 700px) { .vt-vnav-in { padding: 0 16px; gap: 18px; } }

/* блок «Сервис и монтаж» на главной */
.vt-vsvc { margin: 36px auto 8px; }
.vt-vsvc-h { display: flex; align-items: baseline; gap: 16px; margin: 0 0 16px; }
.vt-vsvc-h h2 { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.01em; color: #16181d; }
.vt-vsvc-h a { font-size: 13px; color: #50545c; text-decoration: none; }
.vt-vsvc-h a:hover { color: #E61D27; }
.vt-vsvc-g { display: grid; grid-template-columns: repeat(3, 1fr) 1.4fr; grid-template-rows: auto auto; gap: 14px; }
.vt-vsvc-c { display: flex; align-items: center; gap: 14px; border: 1px solid #e6e8ec; border-radius: 12px; padding: 16px; min-height: 84px; text-decoration: none; color: #16181d; background: #fff; transition: border-color .2s, box-shadow .2s; }
.vt-vsvc-c:hover { border-color: #d4d7de; box-shadow: 0 6px 18px rgba(16, 18, 30, .07); }
.vt-vsvc-c i { flex: none; width: 44px; height: 44px; border-radius: 10px; background: #f3f4f7; display: flex; align-items: center; justify-content: center; color: #E61D27; }
.vt-vsvc-c i svg { width: 24px; height: 24px; }
.vt-vsvc-c b { display: block; font-size: 14.5px; line-height: 1.25; }
.vt-vsvc-c small { display: block; color: #8a8f99; font-size: 12.5px; margin-top: 2px; }
.vt-vsvc-p { grid-row: 1 / 3; grid-column: 4; border-radius: 12px; background: #16181d; color: #fff; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; }
.vt-vsvc-p h3 { margin: 0; font-size: 21px; font-weight: 800; line-height: 1.2; color: #fff; }
.vt-vsvc-p p { margin: 8px 0 0; color: rgba(255, 255, 255, .75); font-size: 13.5px; max-width: 30ch; }
.vt-vsvc-p a { align-self: flex-start; margin-top: 16px; background: #E61D27; color: #fff; border-radius: 8px; padding: 10px 16px; font-weight: 700; font-size: 13.5px; text-decoration: none; }
.vt-vsvc-p a:hover { background: #c4141d; }
@media (max-width: 1100px) { .vt-vsvc-g { grid-template-columns: 1fr 1fr; } .vt-vsvc-p { grid-row: auto; grid-column: 1 / -1; } }
@media (max-width: 640px) { .vt-vsvc-g { grid-template-columns: 1fr; } .vt-vsvc-h { flex-wrap: wrap; gap: 6px 16px; } }

/* телефон в шапке (в новом виде убран из верхней строки) */
.vt-header-phone { font-weight: 800; font-size: 15px; white-space: nowrap; color: #16181d; text-decoration: none; margin-right: 14px; align-self: center; }
.vt-header-phone:hover { color: #E61D27; }
@media (max-width: 900px) { .vt-header-phone { display: none; } }

/* на телефоне верхняя строка и раньше показывала только телефон (шапочный телефон скрыт) — оставляем его там */
@media (max-width: 700px) { html.vt-vi .vt-topbar-r .vt-topbar-phone.vt-vi-off { display: inline-flex !important; } }

/* ===== ШАГ 1б (06.11.2026): баннеры главной «Приложение» и «Дезинфекция», подвал ===== */
.vt-vapp, .vt-vban { margin: 18px auto; }
.vt-vapp-in { display: grid; grid-template-columns: 1fr 470px; gap: 20px; align-items: center; border-radius: 14px; background: linear-gradient(100deg, #eef0fb 0%, #e3e6f8 100%); padding: 18px 28px 0; overflow: hidden; }
.vt-vapp-tx { padding-bottom: 18px; }
.vt-vapp-bd { display: inline-block; background: #fff; color: #2E2D87; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 6px; }
.vt-vapp h3 { margin: 8px 0 0; font-size: 20px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; color: #16181d; }
.vt-vapp h3 span { color: #2E2D87; }
.vt-vapp p { margin: 6px 0 0; color: #50545c; font-size: 13.5px; max-width: 78ch; }
.vt-vapp-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.vt-vapp-row a { text-decoration: none; font-size: 13.5px; border-radius: 8px; }
.vt-vapp-row .b { background: #2E2D87; color: #fff; padding: 8px 16px; font-weight: 700; }
.vt-vapp-row .b:hover { background: #23226b; }
.vt-vapp-row .b2 { background: #fff; color: #16181d; padding: 7px 14px; font-weight: 600; border: 1px solid #d6d9ea; }
.vt-vapp-row .b2:hover { color: #E61D27; }
.vt-vapp-ph { align-self: end; height: 150px; overflow: hidden; display: flex; justify-content: center; align-items: flex-start; gap: 12px; padding-top: 6px; }
.vt-vapp-ph span { flex: 0 0 auto; width: 104px; height: 188px; background: center top / cover no-repeat; border-radius: 14px 14px 0 0; box-shadow: 0 18px 40px rgba(20, 22, 60, .25); }
.vt-vapp-ph span:nth-child(odd) { margin-top: 16px; }
@media (max-width: 1180px) { .vt-vapp-in { grid-template-columns: 1fr 230px; } .vt-vapp-ph span { width: 100px; } .vt-vapp-ph span:nth-child(n+3) { display: none; } }
@media (max-width: 700px) { .vt-vapp-in { grid-template-columns: 1fr; padding: 18px 16px 0; } .vt-vapp-ph { display: none; } .vt-vapp h3 { font-size: 18px; } }

.vt-vban-in { position: relative; display: flex; align-items: center; height: 170px; border-radius: 14px; overflow: hidden; background: #2b2f35; color: #fff; padding: 0 48px; }
.vt-vban-ph { position: absolute; right: 24px; top: 0; bottom: 0; width: 360px; background: right center / auto 100% no-repeat; }
.vt-vban-ph::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #2b2f35 0%, rgba(43, 47, 53, 0) 22%); }
.vt-vban-tag { position: absolute; left: 10px; top: 8px; font-size: 10px; background: rgba(255, 255, 255, .14); padding: 1px 6px; border-radius: 4px; }
.vt-vban-bt { position: relative; flex: 0 0 auto; }
.vt-vban h3 { position: relative; margin: 0; font-size: 24px; font-weight: 800; color: #fff; }
.vt-vban h3 a { color: #fff; text-decoration: none; }
.vt-vban p { position: relative; margin: 4px 0 0; font-size: 15px; color: rgba(255, 255, 255, .8); }
.vt-vban .go { display: inline-block; margin-top: 14px; background: #fff; color: #16181d; border-radius: 8px; padding: 8px 16px; font-weight: 700; font-size: 13.5px; text-decoration: none; }
.vt-vban .go:hover { background: #E61D27; color: #fff; }
.vt-vban-bk { position: relative; display: grid; grid-template-columns: repeat(2, auto); gap: 8px; margin-left: 56px; padding-left: 40px; border-left: 1px solid rgba(255, 255, 255, .14); }
.vt-vban-bk a { display: block; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 8px; color: #fff; font-size: 13.5px; font-weight: 600; white-space: nowrap; text-decoration: none; transition: background .15s, border-color .15s; }
.vt-vban-bk a::after { content: " →"; opacity: .5; }
.vt-vban-bk a:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .5); }
.vt-vban-bk .pdf { border-style: dashed; }
@media (max-width: 1180px) { .vt-vban-bk { display: none; } }
@media (max-width: 700px) { .vt-vban-in { padding: 0 20px; } .vt-vban-ph { width: 70%; } .vt-vban h3 { font-size: 19px; } }

/* подвал: полоса связи и пятая колонка «Сервис» */
.vt-vcta { background: #f3f4f7; border-top: 1px solid #e6e8ec; }
.vt-vcta-in { max-width: 1320px; margin: 0 auto; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.vt-vcta-in p { margin: 0; font-size: 15px; font-weight: 600; color: #16181d; }
.vt-vcta-in a { background: #E61D27; color: #fff; border-radius: 8px; padding: 10px 18px; font-weight: 700; font-size: 14px; text-decoration: none; }
.vt-vcta-in a:hover { background: #c4141d; }
@media (min-width: 1101px) { html.vt-vi .vt-footer-top { grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; } }

/* Общее правило vrntorg_ms.css (html.vt-ds-ms :where([class*="vt-"])) обнуляет border-radius (!important) и background-image
   у всех классов с «vt-» — возвращаем скругления и градиент новым блокам. */
html.vt-vi .vt-vapp-in { border-radius: 14px !important; background-image: linear-gradient(100deg, #eef0fb 0%, #e3e6f8 100%) !important; }
html.vt-vi .vt-vapp-bd { border-radius: 6px !important; }
html.vt-vi .vt-vapp-row a { border-radius: 8px !important; }
html.vt-vi .vt-vapp-ph span { border-radius: 14px 14px 0 0 !important; }
html.vt-vi .vt-vban-in { border-radius: 14px !important; }
html.vt-vi .vt-vban-tag { border-radius: 4px !important; }
html.vt-vi .vt-vban .go, html.vt-vi .vt-vban-bk a { border-radius: 8px !important; }
html.vt-vi .vt-vban-ph::after { background-image: linear-gradient(90deg, #2b2f35 0%, rgba(43, 47, 53, 0) 22%) !important; }
html.vt-vi .vt-vsvc-c, html.vt-vi .vt-vsvc-p { border-radius: 12px !important; }
html.vt-vi .vt-vsvc-c i { border-radius: 10px !important; }
html.vt-vi .vt-vsvc-p a, html.vt-vi .vt-vcta-in a { border-radius: 8px !important; }
html.vt-vi .vt-vpromo span { border-radius: 6px !important; }
@media (min-width: 701px) and (max-width: 1100px) { html.vt-vi .vt-footer-top { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) {
  .vt-vban-in { height: auto; min-height: 170px; padding: 20px; }
  .vt-vban-bt { flex: 1 1 auto; min-width: 0; max-width: 62%; }
  .vt-vban p { font-size: 13px; }
  .vt-vban .go { margin-top: 10px; }
}

/* ===== ШАГ 2 (06.11.2026): страница раздела каталога — карточки, фильтр, сортировка, заголовок. Только CSS, разметка Аспро/vt-pc не менялась.
   Из-за правила vrntorg_ms.css (:where([class*="vt-"]) обнуляет border-radius !important) скругления задаём с html.vt-vi + !important. ===== */
html.vt-vi .vt-pc { border: 1px solid #e6e8ec !important; border-radius: 12px !important; box-shadow: none !important; overflow: hidden; background: #fff; transition: border-color .2s, box-shadow .2s; }
html.vt-vi .vt-pc:hover { border-color: #d4d7de !important; box-shadow: 0 6px 18px rgba(16, 18, 30, .08) !important; }
html.vt-vi .vt-pc-media { background: #f3f4f7 !important; }
html.vt-vi .vt-pc-media img { mix-blend-mode: multiply; }
html.vt-vi .vt-pc-id { font-size: 12px; color: #8a8f99; }
html.vt-vi .vt-pc-name { font-size: 14.5px; line-height: 1.3; font-weight: 600; }
html.vt-vi .vt-pc-name a { color: #16181d; }
html.vt-vi .vt-pc-name a:hover { color: #E61D27; }
html.vt-vi .vt-pc-now { font-size: 19px; font-weight: 800; letter-spacing: -.01em; }
html.vt-vi .vt-pc-vat { color: #8a8f99; }
/* правила кнопок в vrntorg_ms.css весят до (0,5,2) (:where + :is) — отсюда тройной класс и html.vt-vi.vt-ds-ms body */
html.vt-vi.vt-ds-ms body .vt-pc .vt-pc-btn.vt-pc-btn.vt-pc-btn { background: #E61D27 !important; border-color: #E61D27 !important; border-radius: 8px !important; font-weight: 700; }
html.vt-vi.vt-ds-ms body .vt-pc .vt-pc-btn.vt-pc-btn.vt-pc-btn:hover { background: #c4141d !important; border-color: #c4141d !important; }

html.vt-vi .topic__heading h1, html.vt-vi h1#pagetitle { font-size: 28px; font-weight: 800; letter-spacing: -.01em; }
html.vt-vi .breadcrumbs { font-size: 12.5px; }
html.vt-vi .breadcrumbs a { color: #50545c; }
html.vt-vi .breadcrumbs a:hover { color: #E61D27; }

html.vt-vi .bx_filter { border: 1px solid #e6e8ec !important; border-radius: 12px !important; }
html.vt-vi .bx_filter_parameters_box_title { font-weight: 700; }
html.vt-vi .filter-panel { background: #f3f4f7 !important; border-radius: 12px !important; border: 0 !important; }
html.vt-vi .module-pagination a, html.vt-vi .module-pagination span { border-radius: 8px !important; }
html.vt-vi .menu_top_block a { border-radius: 8px !important; }

/* ===== ШАГ 3 (06.11.2026): карточка товара — галерея, ключевые характеристики, блок покупки, вкладки, FAQ. Только CSS. ===== */
html.vt-vi .vt-pinfo-h1 { font-size: 28px; font-weight: 800; letter-spacing: -.01em; line-height: 1.15; }
html.vt-vi .vt-pinfo-meta { color: #8a8f99; }
html.vt-vi .vt-gallery-main { border: 1px solid #e6e8ec !important; border-radius: 12px !important; background: #f3f4f7 !important; overflow: hidden; }
html.vt-vi .vt-gallery-img { mix-blend-mode: multiply; }
html.vt-vi .vt-keyspec { background: #f3f4f7 !important; border-radius: 8px !important; }
html.vt-vi .vt-buybox { border: 1px solid #e6e8ec !important; border-radius: 12px !important; box-shadow: none !important; }
html.vt-vi .vt-buybox::before { display: none !important; }
html.vt-vi .vt-buybox-now { font-size: 32px; font-weight: 800; letter-spacing: -.02em; }
html.vt-vi .vt-buybox-vat { color: #8a8f99; }
/* кнопки: правила vrntorg_ms.css весят до (0,5,2) — тройной класс */
html.vt-vi.vt-ds-ms body .vt-buybox .vt-buybox-main.vt-buybox-main.vt-buybox-main { background: #E61D27 !important; border-color: #E61D27 !important; border-radius: 8px !important; font-weight: 700; }
html.vt-vi.vt-ds-ms body .vt-buybox .vt-buybox-main.vt-buybox-main.vt-buybox-main:hover { background: #c4141d !important; border-color: #c4141d !important; }
html.vt-vi.vt-ds-ms body .vt-buybox .vt-discount-btn.vt-discount-btn.vt-discount-btn,
html.vt-vi.vt-ds-ms body .vt-buybox .vt-max-btn.vt-max-btn.vt-max-btn,
html.vt-vi.vt-ds-ms body .vt-buybox .vt-tg-btn.vt-tg-btn.vt-tg-btn,
html.vt-vi.vt-ds-ms body .vt-buybox .vt-deliv-btn.vt-deliv-btn.vt-deliv-btn { border-radius: 8px !important; }
html.vt-vi .vt-deliv { border-radius: 12px !important; }
html.vt-vi .vt-ptabs-head .vt-ptab { border-radius: 8px 8px 0 0 !important; }
html.vt-vi .vt-specs-table { border: 1px solid #e6e8ec; border-radius: 12px !important; overflow: hidden; }
html.vt-vi .vt-specs-row:nth-child(odd) { background: #f8f9fb; }
html.vt-vi .vt-faq-item { border: 1px solid #e6e8ec !important; border-radius: 12px !important; }
html.vt-vi .vt-legal-note { color: #8a8f99; }

/* ===== ШАГ 4 (06.11.2026): лендинги — дезинфекция (.d-root), сервис (.d-root), смета (.vts), рекламация (.vtk/.vtr), «Свой Мастер» (.vt-sm), логистика (.vtl).
   Оформление перенесено из песочницы (vt-sandbox/landing.php, smeta.php, rekl.php, logi.php): графитовый hero вместо фиолетового/зелёного,
   красные кнопки, акцент #ff6b72, Golos Text, радиусы 8/12/14. Содержимое страниц не менялось (кроме текстов «Свой Мастер», отдельно). ===== */
/* дезинфекция, сервис, «Свой Мастер» (.d-root, .vt-sm) */
html.vt-vi .d-root{--brand:#2E2D87;--brand-600:#23226b;--brand-050:#eef0fb;--brand-100:#dfe2f6;--ink:#16181d;--muted:#50545c;--line:#e6e8ec;--paper:#f3f4f7;--dark:#22252b;
  --r-lg:14px;--r-md:12px;--r-sm:8px;--shadow:none;--shadow-lg:0 14px 36px rgba(20,22,40,.10);
  font-family:"Golos Text",system-ui,sans-serif!important;font-weight:400}
html.vt-vi .d-root section{padding:44px 0}
html.vt-vi .d-root h2{font-size:clamp(22px,2.4vw,28px)!important;font-weight:800;letter-spacing:0}
html.vt-vi .d-root h3{font-weight:700}
html.vt-vi .d-root .d-hero{background:#22252b!important;border-radius:14px!important;padding:44px 48px 48px!important}
html.vt-vi .d-root .d-btn{border-radius:8px!important;padding:12px 22px;font-weight:700;box-shadow:none!important}
html.vt-vi .d-root .d-btn-primary{background:#E61D27!important;color:#fff!important}
html.vt-vi .d-root .d-btn-primary:hover{background:#c4141d!important}
html.vt-vi .d-root .d-btn-ghost{border-radius:8px!important}
html.vt-vi .d-root .d-why-card,html.vt-vi .d-root .d-srv-card,html.vt-vi .d-root .d-seg-card,html.vt-vi .d-root .d-contact-card,html.vt-vi .d-root .d-step,html.vt-vi .d-root .d-trust-item{box-shadow:none!important;border:1px solid #e6e8ec}
html.vt-vi .d-root .d-kicker{letter-spacing:.02em}
html.vt-vi .d-root .d-hero h1 em,html.vt-vi .d-root .d-h1 em,html.vt-vi .d-root .d-offer .d-kicker,html.vt-vi .d-root .d-num{color:#ff6b72!important}
html.vt-vi .d-root .d-why-card.d-feat .d-ic svg{stroke:#ff6b72!important}
html.vt-vi .d-root .d-offer a:not(.d-btn){color:#fff!important;text-decoration:underline;text-underline-offset:3px}
html.vt-vi .d-root .d-final{background:#22252b!important;border-radius:14px!important}
html.vt-vi .d-root .d-final a:not(.d-btn),html.vt-vi .d-root .d-hero a:not(.d-btn){color:#fff!important;text-decoration:underline;text-underline-offset:3px}
html.vt-vi .d-root .d-final form a:not(.d-btn),html.vt-vi .d-root .d-hero form a:not(.d-btn){color:#2E2D87!important}
html.vt-vi .d-root section.d-why,html.vt-vi .d-root section.d-quiz-sec{border-radius:14px!important;padding-left:28px;padding-right:28px}
@media(min-width:768px){html.vt-vi .d-root .d-srv-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){html.vt-vi .d-root .d-srv-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}
html.vt-vi .vt-sm{font-family:"Golos Text",system-ui,sans-serif}
html.vt-vi .vt-sm-hero{background:#22252b!important;border-radius:14px!important}
html.vt-vi .vt-sm h2,html.vt-vi .vt-sm h3{font-family:"Golos Text",system-ui,sans-serif}
html.vt-vi .vt-sm-btn,html.vt-vi .vt-sm-link{border-radius:8px!important}
html.vt-vi .d-root .d-quiz-sec{background:#f3f4f7!important;border-radius:14px!important}
@media(max-width:700px){html.vt-vi .d-root .d-hero{padding:24px 16px 26px!important}html.vt-vi .d-root section{padding:32px 0}}
/* проверка сметы (.vts) */
html.vt-vi .vts{--acc:#2E2D87;--sig:#E61D27;font-family:"Golos Text",system-ui,sans-serif}
html.vt-vi .vts-hero{background:#22252b!important;border-radius:14px!important}
html.vt-vi .vts-hero::after{display:none}
html.vt-vi .vts-h1 b{color:#ff6b72!important}
html.vt-vi .vts-card,html.vt-vi .vts-step,html.vt-vi .vts-form-wrap{border-radius:12px!important}
html.vt-vi .vts-card,html.vt-vi .vts-step{box-shadow:none}
@media(max-width:700px){html.vt-vi .vts-hero{padding:24px 16px 26px!important}}
/* рекламация (.vtk, .vtr) */
html.vt-vi .vtk{--ds-brand:#2E2D87;--ds-brand-hover:#23226b;--ds-tint:#eef0fb;--ds-mist:#f3f4f7;--ds-line:#e6e8ec;--ds-ink:#16181d;--ds-ink-soft:#50545c;
  font-family:"Golos Text",system-ui,sans-serif}
html.vt-vi .vtk-hero{background:#22252b!important;border-radius:14px!important}
html.vt-vi .vtk-h1,html.vt-vi .vtk-h2{font-weight:800}
html.vt-vi .vtk-btn{border-radius:8px!important;font-weight:700}
html.vt-vi .vtk-btn--primary{background:#E61D27!important;color:#fff!important;border-color:#E61D27!important}
html.vt-vi .vtk-btn--primary:hover{background:#c4141d!important}
html.vt-vi .vtk-form .vtk-btn--primary,html.vt-vi .vtr-submit{background:#E61D27!important;border-color:#E61D27!important;color:#fff!important}
html.vt-vi .vtk-group,html.vt-vi .vtk-formsec,html.vt-vi .vtr-file{border-radius:12px!important}
html.vt-vi .vtk-formsec{background:#f3f4f7}
html.vt-vi .vtk-form input[type=text],html.vt-vi .vtk-form textarea,html.vt-vi .vtr-f input,html.vt-vi .vtr-f textarea{border-radius:8px!important}
@media(max-width:700px){html.vt-vi .vtk-hero{padding:24px 16px 26px}}
/* логистика госконтрактов (.vtl) */
html.vt-vi .vtl{--b:#2E2D87;--b2:#23226b;--r:#E61D27;--soft:#f3f4f7;--line:#e6e8ec;font-family:"Golos Text",system-ui,sans-serif}
html.vt-vi .vtl-hero{background:#22252b!important;border-radius:14px!important}
html.vt-vi .vtl-h2,html.vt-vi .vtl-hero-t{font-family:"Golos Text",system-ui,sans-serif}
html.vt-vi .vtl-band{box-shadow:none!important;clip-path:none!important;border-radius:14px!important;padding:44px 28px;margin-top:48px}
/* кнопки лендингов .d-btn*: правила vrntorg_ms.css весят больше — тройной класс и html.vt-vi.vt-ds-ms body */
html.vt-vi.vt-ds-ms body .d-root .d-btn.d-btn.d-btn { border-radius: 8px !important; }
html.vt-vi.vt-ds-ms body .d-root .d-btn-primary.d-btn-primary.d-btn-primary { background: #E61D27 !important; border-color: #E61D27 !important; color: #fff !important; }
html.vt-vi.vt-ds-ms body .d-root .d-btn-primary.d-btn-primary.d-btn-primary:hover { background: #c4141d !important; border-color: #c4141d !important; }
html.vt-vi.vt-ds-ms body .d-root .d-hero .d-btn-light.d-btn-light.d-btn-light { background: transparent !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .45) !important; }
html.vt-vi.vt-ds-ms body .d-root .d-hero .d-btn-light.d-btn-light.d-btn-light:hover { border-color: #fff !important; background: rgba(255, 255, 255, .08) !important; }

/* кнопки и поля остальных лендингов: правила vrntorg_ms.css весят до (0,5,2) — четверной класс (0,6,2) */
html.vt-vi.vt-ds-ms body .vts-hero-cta.vts-hero-cta.vts-hero-cta.vts-hero-cta,
html.vt-vi.vt-ds-ms body .vts-submit.vts-submit.vts-submit.vts-submit,
html.vt-vi.vt-ds-ms body .vtl-btn.vtl-btn.vtl-btn.vtl-btn,
html.vt-vi.vt-ds-ms body .vtk-btn.vtk-btn.vtk-btn.vtk-btn,
html.vt-vi.vt-ds-ms body .vtr-submit.vtr-submit.vtr-submit.vtr-submit,
html.vt-vi.vt-ds-ms body .vt-sm-btn.vt-sm-btn.vt-sm-btn.vt-sm-btn,
html.vt-vi.vt-ds-ms body .vt-sm-link.vt-sm-link.vt-sm-link.vt-sm-link { border-radius: 8px !important; }
html.vt-vi.vt-ds-ms body .vts-hero-cta.vts-hero-cta.vts-hero-cta.vts-hero-cta,
html.vt-vi.vt-ds-ms body .vts-submit.vts-submit.vts-submit.vts-submit,
html.vt-vi.vt-ds-ms body .vtl-btn--red.vtl-btn--red.vtl-btn--red.vtl-btn--red,
html.vt-vi.vt-ds-ms body .vtr-submit.vtr-submit.vtr-submit.vtr-submit { background: #E61D27 !important; border-color: #E61D27 !important; color: #fff !important; }
html.vt-vi.vt-ds-ms body .vts-hero-cta.vts-hero-cta.vts-hero-cta.vts-hero-cta:hover,
html.vt-vi.vt-ds-ms body .vts-submit.vts-submit.vts-submit.vts-submit:hover,
html.vt-vi.vt-ds-ms body .vtl-btn--red.vtl-btn--red.vtl-btn--red.vtl-btn--red:hover,
html.vt-vi.vt-ds-ms body .vtr-submit.vtr-submit.vtr-submit.vtr-submit:hover { background: #c4141d !important; border-color: #c4141d !important; }
html.vt-vi.vt-ds-ms body .vtr-form .vtr-f input, html.vt-vi.vt-ds-ms body .vtr-form .vtr-f textarea, html.vt-vi.vt-ds-ms body .vtk-form.vtk-form input[type=text], html.vt-vi.vt-ds-ms body .vtk-form.vtk-form textarea { border-radius: 8px !important; }
html.vt-vi.vt-ds-ms body .vtr-form .vtr-f.vtr-f.vtr-f input, html.vt-vi.vt-ds-ms body .vtr-form .vtr-f.vtr-f.vtr-f textarea, html.vt-vi.vt-ds-ms body .vtk-form.vtk-form.vtk-form.vtk-form input[type=text], html.vt-vi.vt-ds-ms body .vtk-form.vtk-form.vtk-form.vtk-form textarea { border-radius: 8px !important; }

/* ===== ШАГ 5 (06.11.2026): плитки подразделов на страницах разделов (.vt-rc-*, includes/vt_cat_refro.php) — вид плиток песочницы:
   серая скруглённая плитка, название сверху, фото снизу справа; буква-разделитель скрыта. Только CSS. ===== */
html.vt-vi .vt-rc-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: 14px !important; }
html.vt-vi .vt-rc-card { display: flex !important; flex-direction: column-reverse; justify-content: space-between; height: 170px; background: #f3f4f7 !important; border-radius: 12px !important; padding: 12px 12px 0 !important; overflow: hidden; text-decoration: none; transition: background .2s; }
html.vt-vi .vt-rc-card:hover { background: #eceef3 !important; }
html.vt-vi .vt-rc-card-name { display: block; font-size: 14.5px; font-weight: 700; line-height: 1.22; color: #16181d; height: auto !important; }
html.vt-vi .vt-rc-letter { display: none !important; }
html.vt-vi .vt-rc-cnt { display: block !important; width: auto !important; height: auto !important; border: 0 !important; padding: 0 !important; margin-top: 3px; font-size: 12px; font-weight: 400; color: #8a8f99; background: transparent !important; }
html.vt-vi .vt-rc-card-pic { align-self: flex-end; width: 62%; height: auto !important; aspect-ratio: 1; background: transparent !important; border-radius: 0 !important; }
html.vt-vi .vt-rc-card-pic img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; background: transparent !important; transition: transform .35s; }
html.vt-vi .vt-rc-card:hover .vt-rc-card-pic img { transform: scale(1.06); }
html.vt-vi.vt-ds-ms body .vt-rc-chip.vt-rc-chip.vt-rc-chip.vt-rc-chip { border-radius: 8px !important; }
html.vt-vi .vt-rc-popular-h { font-weight: 700; }

/* ===== ШАГ 6 (06.11.2026): карточка товара — «С этим покупают»/«Похожие» (.vtrel*, includes/vt_related.php), кнопка «В корзину» у аксессуаров,
   нижняя панель на телефоне (.vt-mbar, js/vrntorg_vi.js). ===== */
html:not(.vt-vi) .vtrel-add { display: none; }
html.vt-vi .vtrel-h { font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
html.vt-vi .vtrel-c { border: 1px solid #e6e8ec !important; border-radius: 12px !important; box-shadow: none; }
html.vt-vi .vtrel-c:hover { border-color: #d4d7de !important; box-shadow: 0 6px 18px rgba(16, 18, 30, .08); }
html.vt-vi .vtrel-i { background: #f3f4f7 !important; border-radius: 8px !important; }
html.vt-vi .vtrel-p { color: #16181d; font-weight: 800; }
html.vt-vi .vtrel-li { display: flex; flex-direction: column; gap: 8px; }
html.vt-vi .vtrel-li .vtrel-c { flex: 1; }
html.vt-vi.vt-ds-ms body .vtrel-add.vtrel-add.vtrel-add.vtrel-add { height: 38px; border: 1px solid #E61D27 !important; border-radius: 8px !important; background: #fff !important; color: #E61D27 !important; font-weight: 700; font-size: 13.5px; cursor: pointer; }
html.vt-vi.vt-ds-ms body .vtrel-add.vtrel-add.vtrel-add.vtrel-add:hover { background: #E61D27 !important; color: #fff !important; }
html.vt-vi.vt-ds-ms body .vtrel-add.vtrel-add.vtrel-add.vtrel-add.done { background: #1f9d55 !important; border-color: #1f9d55 !important; color: #fff !important; }

.vt-mbar { display: none; }
@media (max-width: 800px) {
  html.vt-vi .vt-mbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990; display: flex; align-items: center; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #e6e8ec; box-shadow: 0 -6px 20px rgba(16, 18, 30, .08); transform: translateY(110%); transition: transform .25s; }
  html.vt-vi .vt-mbar.on { transform: none; }
  html.vt-vi .vt-mbar div { flex: 1; min-width: 0; }
  html.vt-vi .vt-mbar b { display: block; font-size: 19px; font-weight: 800; line-height: 1.1; color: #16181d; }
  html.vt-vi .vt-mbar small { display: block; font-size: 12px; color: #1f9d55; font-weight: 600; margin-top: 2px; }
  html.vt-vi.vt-ds-ms body .vt-mbar.vt-mbar.vt-mbar button { flex: none; height: 46px; padding: 0 22px; border: 0 !important; border-radius: 8px !important; background: #E61D27 !important; color: #fff !important; font: 700 15px "Golos Text", sans-serif; }
  html.vt-vi.vt-ds-ms body .vt-mbar.vt-mbar.vt-mbar button.done { background: #1f9d55 !important; }
  html.vt-vi body:has(.vt-mbar.on) { padding-bottom: 72px; }
}

/* ============================================================
   ТЕЛО ГЛАВНОЙ (07.11.2026): плитки категорий, карточки доверия, бренды, ряды подразделов, популярные товары.
   Источник — песочница /vt-sandbox/index.php. Разметка — includes/vt_vhome.php. Старые hero, баннер сметы, trust и каталог скрыты при vt-vi.
   ============================================================ */
html.vt-vi .vt-hero, html.vt-vi .vt-trust-wrap { display: none !important; }
html.vt-vi .vt-section.vt-wrap:has(> h2.vt-sr), html.vt-vi .vt-section.vt-wrap:has(h2.vt-sr) { display: none !important; }
html.vt-vi .vt-vh { margin: 30px auto; position: relative; }
html.vt-vi .vt-vh.vt-vh-rail { position: relative; }
html.vt-vi .vt-vh-sh { display: flex; align-items: baseline; gap: 16px; margin: 0 0 16px; }
html.vt-vi .vt-vh-sh h2 { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.01em; color: #16181d; }
html.vt-vi .vt-vh-sh a { font-size: 13px; color: #50545c; text-decoration: none; }
html.vt-vi .vt-vh-sh a:hover { color: #E61D27; }
html.vt-vi .vt-vh-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 5 * 14px) / 6); gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
html.vt-vi .vt-vh-track::-webkit-scrollbar { display: none; }
html.vt-vi .vt-vh-track > * { scroll-snap-align: start; }
html.vt-vi .vt-vh-arr { position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; border-radius: 50% !important; background: #fff; border: 1px solid #e6e8ec; box-shadow: 0 2px 8px rgba(0,0,0,.08); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; font-size: 18px; color: #16181d; padding: 0; }
html.vt-vi .vt-vh-arr.l { left: -14px; } html.vt-vi .vt-vh-arr.r { right: -14px; }
html.vt-vi .vt-vh-arr:hover { color: #E61D27; }
html.vt-vi .vt-vh-tile { display: flex; flex-direction: column; justify-content: space-between; height: 170px; background: #f3f4f7 !important; border-radius: 12px !important; padding: 12px 12px 0; overflow: hidden; text-decoration: none; color: #16181d; transition: background .2s; }
html.vt-vi .vt-vh-tile:hover { background: #eceef3 !important; }
html.vt-vi .vt-vh-tile b { font-size: 14.5px; font-weight: 700; line-height: 1.22; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.vt-vi .vt-vh-tile small { display: block; color: #8a8f99; font-size: 12px; margin-top: 3px; }
html.vt-vi .vt-vh-tile img { align-self: flex-end; width: 62%; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s; }
html.vt-vi .vt-vh-tile:hover img { transform: scale(1.06); }
html.vt-vi .vt-vh-adv { display: grid; grid-template-columns: repeat(4, 1fr) 2fr; gap: 14px; }
html.vt-vi .vt-vh-ac { display: flex; flex-direction: column; justify-content: space-between; min-height: 150px; border: 1px solid #e6e8ec; border-radius: 12px !important; padding: 16px; background: #fff !important; text-decoration: none; color: #16181d; }
html.vt-vi .vt-vh-ac:hover { border-color: #d4d7de; box-shadow: 0 6px 18px rgba(16,18,30,.07); }
html.vt-vi .vt-vh-ac svg { width: 28px; height: 28px; color: #16181d; }
html.vt-vi .vt-vh-ac p { margin: 12px 0 0; font-size: 14px; line-height: 1.35; }
html.vt-vi .vt-vh-ac small { color: #8a8f99; font-size: 12px; }
html.vt-vi .vt-vh-ap { position: relative; overflow: hidden; border-radius: 12px !important; background: #dfe8f8 !important; padding: 18px 20px; min-height: 150px; text-decoration: none; color: #16181d; display: block; }
html.vt-vi .vt-vh-ap .ph { position: absolute; right: 0; top: 0; bottom: 0; width: 62%; height: 100%; object-fit: cover; }
html.vt-vi .vt-vh-ap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #dfe8f8 0%, #dfe8f8 38%, rgba(223,232,248,.55) 52%, rgba(223,232,248,0) 70%); }
html.vt-vi .vt-vh-ap h3, html.vt-vi .vt-vh-ap p, html.vt-vi .vt-vh-ap .btn-w { position: relative; z-index: 1; }
html.vt-vi .vt-vh-ap h3 { margin: 0; font-size: 19px; font-weight: 800; max-width: 50%; color: #16181d; }
html.vt-vi .vt-vh-ap p { margin: 6px 0 14px; max-width: 46%; font-size: 13.5px; color: #50545c; }
html.vt-vi .vt-vh-ap .btn-w { display: inline-block; background: #fff !important; padding: 8px 14px; border-radius: 8px !important; font-size: 13px; font-weight: 600; color: #16181d; }
html.vt-vi .vt-vh-ap:hover .btn-w { color: #E61D27; }
html.vt-vi .vt-vh-brands .vt-vh-track { grid-auto-columns: calc((100% - 7 * 14px) / 8); align-items: center; }
html.vt-vi .vt-vh-brands .vt-vh-track a { display: flex; align-items: center; justify-content: center; height: 64px; padding: 6px 10px; }
html.vt-vi .vt-vh-brands img { max-height: 44px; width: auto; object-fit: contain; filter: grayscale(1); opacity: .8; transition: .2s; }
html.vt-vi .vt-vh-brands a:hover img { filter: none; opacity: 1; }
html.vt-vi .vt-vh-pc { display: flex; flex-direction: column; border: 1px solid #e6e8ec; border-radius: 12px !important; padding: 12px; background: #fff !important; text-decoration: none; color: #16181d; transition: box-shadow .2s; }
html.vt-vi .vt-vh-pc:hover { box-shadow: 0 8px 24px rgba(16,18,30,.1); }
html.vt-vi .vt-vh-pc .im { height: 190px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
html.vt-vi .vt-vh-pc .im img { max-height: 100%; max-width: 100%; object-fit: contain; }
html.vt-vi .vt-vh-pc .pr { font-size: 19px; font-weight: 800; letter-spacing: -.01em; }
html.vt-vi .vt-vh-pc .nm { margin: 4px 0 6px; font-size: 13px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 52px; }
html.vt-vi .vt-vh-pc .eta { margin: 6px 0 10px; font-size: 12px; color: #1f9d55; font-weight: 600; }
html.vt-vi.vt-ds-ms body .vt-vh-pc .bt.bt.bt.bt { margin-top: auto; display: inline-flex; justify-content: center; background: #E61D27 !important; color: #fff !important; border-radius: 8px !important; padding: 8px 0; font-weight: 600; font-size: 13px; }
html.vt-vi .vt-vh-pc:hover .bt { background: #c4141d !important; }
@media (max-width: 1100px) { html.vt-vi .vt-vh-adv { grid-template-columns: repeat(2, 1fr); } html.vt-vi .vt-vh-ap { grid-column: 1 / -1; } html.vt-vi .vt-vh-track { grid-auto-columns: calc((100% - 3 * 14px) / 4); } }
@media (max-width: 700px) { html.vt-vi .vt-vh-track { grid-auto-columns: 42%; } html.vt-vi .vt-vh-brands .vt-vh-track { grid-auto-columns: 30%; } html.vt-vi .vt-vh-arr { display: none; } html.vt-vi .vt-vh-ap h3, html.vt-vi .vt-vh-ap p { max-width: 60%; } html.vt-vi .vt-vh { margin: 22px auto; } }

/* ============================================================
   РАЗДЕЛ ПЕРВОГО УРОВНЯ (07.11.2026): как в песочнице — плитки по числу товаров, 6 в ряд, «Ещё N разделов», счётчик в заголовке;
   ряд «Популярное» и тизер «Расстановка 3D» скрыты. Разметка — components/bitrix/catalog.section.list/sections_list/refro.php.
   ============================================================ */
html.vt-vi .vt-dteaser { display: none !important; }
html.vt-vi #navigation.vt-nav-teaser { display: block !important; }
html.vt-vi .vt-rc-popular { display: none !important; }
html.vt-vi .vt-rc-grid { grid-template-columns: repeat(6, 1fr) !important; }
html.vt-vi .vt-rc-card { order: var(--o, 99); }
html.vt-vi .vt-rc-grid.vt-rc-cut .vt-rc-x { display: none !important; }
html.vt-vi .vt-rc-more { order: 12; display: flex; align-items: center; justify-content: center; height: 170px; background: #fff !important; border: 1px dashed #cfd3db; border-radius: 12px !important; color: #50545c; font-weight: 600; font-size: 14px; text-decoration: none; }
html.vt-vi .vt-rc-more:hover { color: #E61D27; border-color: #E61D27; }
html.vt-vi #pagetitle small { color: #8a8f99; font-size: 14px; font-weight: 400; margin-left: 12px; letter-spacing: 0; }
@media (max-width: 1100px) { html.vt-vi .vt-rc-grid { grid-template-columns: repeat(4, 1fr) !important; } }
@media (max-width: 800px) { html.vt-vi .vt-rc-grid { grid-template-columns: repeat(2, 1fr) !important; } }

/* ============================================================
   КАРТОЧКА ТОВАРА, РАСКЛАДКА (07.11.2026): как в песочнице — название на всю ширину, ниже три колонки (фото | характеристики | покупка).
   Пустую правую боковую колонку Аспро (.left_block.product-side, 305 px) убираем — страница занимает всю ширину.
   ============================================================ */
html.vt-vi .vt-rc-card-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.vt-vi .product-container:has(.vt-product) > .left_block { display: none !important; }
html.vt-vi .product-container:has(.vt-product) > .product-view { width: 100% !important; float: none !important; }
@media (min-width: 901px) {
  html.vt-vi .vt-product-top { grid-template-columns: minmax(0, 466px) minmax(0, 1fr) 340px !important; column-gap: 30px !important; row-gap: 0; grid-template-rows: auto auto auto auto 1fr; align-items: start; }
  html.vt-vi .vt-pinfo { display: contents !important; }
  html.vt-vi .vt-pinfo-h1 { grid-column: 1 / -1; grid-row: 1; margin: 0 0 6px; }
  html.vt-vi .vt-pinfo-meta { grid-column: 1 / -1; grid-row: 2; margin: 0 0 18px; }
  html.vt-vi .vt-gallery { grid-column: 1; grid-row: 3 / span 3; }
  html.vt-vi .vt-keyspecs { grid-column: 2; grid-row: 3; }
  html.vt-vi .vt-decode { grid-column: 2; grid-row: 4; }
  html.vt-vi .vt-buybox { grid-column: 3; grid-row: 3 / span 3; align-self: start; }
}

/* ============================================================
   ЛЕНДИНГИ (07.11.2026): как в песочнице блок идёт сразу под хлебными крошками, без чёрного заголовка страницы.
   Заголовок h1 остаётся в разметке (для поисковиков и читалок), визуально спрятан; у лендинга свой заголовок внутри блока.
   ============================================================ */
html.vt-vi body:has(.d-root, .vts, .vtk, .vtr, .vt-sm, .vtl) .topic__heading { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; margin: -1px !important; padding: 0 !important; }

/* ============================================================
   КОРЗИНА (07.11.2026): таблица товаров имела margin-left 28px при ширине 100% и выступала под панель «Итого» —
   сумма по строкам обрезалась справа. Сдвиг убран.
   ============================================================ */
html.vt-vi .basket-items-list-table { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; }

/* РЕКЛАМАЦИЯ (07.11.2026): общий стиль h1 из vrntorg_ms.css перекрашивал заголовок графитового блока в тёмный — на тёмном фоне его не было видно. */
html.vt-vi .vtk-hero .vtk-h1, html.vt-vi.vt-ds-ms body .vtk-hero h1.vtk-h1 { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ГЛАВНАЯ (07.11.2026): блоки Аспро «Лучшие предложения» (CATALOG_TAB) и «Адрес магазина» (MAPS) в песочнице отсутствуют — скрыты.
   Адрес и телефон есть в подвале. Вернуть — удалить это правило. */
html.vt-vi .drag-block.CATALOG_TAB, html.vt-vi .drag-block.MAPS { display: none !important; }

/* ============================================================
   КАРТОЧКА ТОВАРА, СОДЕРЖИМОЕ (07.11.2026): как в песочнице — строка мета, «Характеристики» с карточкой бренда, покупка с количеством,
   доставка тремя строками, MAX/Telegram, якорное меню и разделы одной страницей. Разметка — catalog.element/main/template.php.
   Старые блоки (ключевые плитки, QR-консультации, карточка доставки, табы) скрыты/заменены.
   ============================================================ */
html.vt-vi .vt-vmeta { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; margin: 4px 0 20px; font-size: 13px; color: #8a8f99; }
html.vt-vi .vt-vmeta a { color: #2E2D87; font-weight: 600; text-decoration: none; }
html.vt-vi .vt-vmeta-cp { cursor: pointer; border-bottom: 1px dashed #b9bdc7; }
html.vt-vi .vt-pinfo-h1 { font-size: 26px !important; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; max-width: 1000px; margin: 0 0 4px !important; }
@media (min-width: 901px) {
  html.vt-vi .vt-vks { grid-column: 2; grid-row: 3 / span 2; }
  html.vt-vi .vt-decode { grid-row: 5; }
}
html.vt-vi .vt-vks h3 { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: #16181d; }
html.vt-vi .vt-vks dl { margin: 0; display: grid; grid-template-columns: 1fr auto; }
html.vt-vi .vt-vks dt, html.vt-vi .vt-vks dd { margin: 0; padding: 8px 0; border-bottom: 1px dotted #d8dbe2; font-size: 13.5px; background: none !important; }
html.vt-vi .vt-vks dt { color: #50545c; }
html.vt-vi .vt-vks dd { text-align: right; font-weight: 600; padding-left: 12px; color: #16181d; }
html.vt-vi .vt-vks-all { display: inline-block; margin-top: 12px; color: #2E2D87; font-weight: 600; font-size: 13.5px; text-decoration: none; }
html.vt-vi .vt-vks-br { display: flex; align-items: center; gap: 12px; margin-top: 22px; padding: 12px 14px; border: 1px solid #e6e8ec; border-radius: 10px !important; text-decoration: none; background: #fff !important; }
html.vt-vi .vt-vks-br img { height: 34px; width: auto; object-fit: contain; }
html.vt-vi .vt-vks-br span { font-size: 13px; color: #50545c; }
/* покупка */
html.vt-vi .vt-buybox { border: 1px solid #e6e8ec !important; border-radius: 14px !important; padding: 20px !important; box-shadow: 0 6px 24px rgba(16,18,30,.06) !important; background: #fff !important; }
html.vt-vi .vt-max-consult, html.vt-vi .vt-tg-consult, html.vt-vi .vt-deliv, html.vt-vi .vt-buybox-perks { display: none !important; }
html.vt-vi .vt-buybox-actions { display: flex; gap: 10px; align-items: stretch; }
html.vt-vi .vt-vqty { display: flex; align-items: center; border: 1px solid #e6e8ec; border-radius: 8px !important; height: 48px; flex: none; background: #fff !important; }
html.vt-vi .vt-vqty button { width: 34px; height: 100%; border: 0; background: none !important; font-size: 18px; cursor: pointer; color: #50545c; padding: 0; }
html.vt-vi .vt-vqty input { width: 40px; border: 0 !important; text-align: center; font: 600 15px "Golos Text", system-ui, sans-serif; -moz-appearance: textfield; background: none !important; padding: 0 !important; box-shadow: none !important; }
html.vt-vi .vt-vqty input::-webkit-outer-spin-button, html.vt-vi .vt-vqty input::-webkit-inner-spin-button { -webkit-appearance: none; }
html.vt-vi .vt-buybox-actions .vt-buybox-main { flex: 1; }
html.vt-vi .vt-vex { display: flex; gap: 8px; margin-top: 4px; }
html.vt-vi .vt-vex .vt-discount-btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; border: 1px solid #e6e8ec !important; border-radius: 8px !important; background: #fff !important; font: 600 13px "Golos Text", system-ui, sans-serif; color: #16181d !important; cursor: pointer; margin: 0 !important; padding: 0 8px !important; width: auto !important; }
html.vt-vi .vt-vex .vt-discount-btn:hover { border-color: #E61D27 !important; color: #E61D27 !important; }
html.vt-vi .vt-vex .vt-discount-btn svg { width: 18px; height: 18px; color: #E61D27; }
html.vt-vi .vt-vdv { margin-top: 18px; padding-top: 16px; border-top: 1px solid #e6e8ec; }
html.vt-vi .vt-vdv > div { display: flex; gap: 10px; padding: 6px 0; font-size: 13px; line-height: 1.4; }
html.vt-vi .vt-vdv svg { flex: none; width: 18px; height: 18px; color: #50545c; margin-top: 1px; }
html.vt-vi .vt-vdv b { display: block; color: #16181d; }
html.vt-vi .vt-vdv small { color: #50545c; font-size: 12.5px; }
html.vt-vi .vt-vcn { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; }
html.vt-vi .vt-vcn a { display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 8px !important; background: #f3f4f7 !important; font-weight: 600; font-size: 13px; color: #16181d; text-decoration: none; }
html.vt-vi .vt-vcn a:hover { color: #E61D27; }
html.vt-vi .vt-vsv { display: block; margin-top: 14px; padding: 12px 14px; border-radius: 10px !important; background: #f3f4f7 !important; font-size: 13px; color: #16181d; text-decoration: none; }
html.vt-vi .vt-vsv b { display: block; font-size: 13.5px; margin-bottom: 2px; }
html.vt-vi .vt-vsv:hover b { color: #E61D27; }
/* меню-якоря и разделы */
html.vt-vi .vt-vtabs { position: sticky; top: 64px; z-index: 5; display: flex; gap: 26px; margin: 44px 0 0; border-bottom: 1px solid #e6e8ec; background: #fff; overflow-x: auto; scrollbar-width: none; }
html.vt-vi .vt-vtabs a { padding: 14px 0; font-weight: 600; color: #50545c; border-bottom: 2px solid transparent; margin-bottom: -1px; text-decoration: none; white-space: nowrap; }
html.vt-vi .vt-vtabs a[hidden] { display: none !important; }
html.vt-vi .vt-vtabs a:hover { color: #16181d; border-color: #E61D27; }
html.vt-vi .vt-vblk { padding: 26px 0 6px; scroll-margin-top: 130px; }
html.vt-vi .vt-vblk h2 { margin: 0 0 14px; font-size: 21px; font-weight: 700; color: #16181d; }
html.vt-vi .vt-vtx { max-width: 860px; font-size: 14.5px; line-height: 1.65; color: #2b2f38; }
html.vt-vi .vt-vtx p { margin: 0 0 12px; }
html.vt-vi .vt-vtx img { max-width: 100%; height: auto; }
html.vt-vi .vt-pintro { background: none !important; padding: 0 !important; border: 0 !important; margin: 0 0 12px !important; }
html.vt-vi .vt-vtbl { border-collapse: collapse; width: 100%; max-width: 860px; font-size: 14px; }
html.vt-vi .vt-vtbl td { padding: 9px 12px; border-bottom: 1px solid #e6e8ec; vertical-align: top; background: none; }
html.vt-vi .vt-vtbl td:first-child { color: #50545c; width: 45%; }
html.vt-vi .vt-vtbl tr:nth-child(odd) td { background: #fafbfc; }
html.vt-vi .vt-vdl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 1000px; }
html.vt-vi .vt-vdl > div { border: 1px solid #e6e8ec; border-radius: 12px !important; padding: 16px; font-size: 13.5px; color: #50545c; background: #fff !important; }
html.vt-vi .vt-vdl b { display: block; color: #16181d; font-size: 15px; margin-bottom: 6px; }
@media (max-width: 900px) { html.vt-vi .vt-vks { margin-top: 18px; } html.vt-vi .vt-vmeta { margin: 8px 0 12px; } html.vt-vi .vt-vdl { grid-template-columns: 1fr; } html.vt-vi .vt-vtabs { top: 0; gap: 18px; } }
html.vt-vi .vt-vex .vt-discount-btn { white-space: nowrap; font-size: 12.5px !important; }
html.vt-vi .vt-vex .vt-discount-btn::after, html.vt-vi .vt-vex .vt-discount-btn::before { display: none !important; content: none !important; }
html.vt-vi .vt-buybox-now::after { display: none !important; content: none !important; }
html.vt-vi .vt-buybox-now { font-size: 32px !important; font-weight: 800; letter-spacing: -.02em; line-height: 1; }

/* ============================================================
   СПИСОК ТОВАРОВ В РАЗДЕЛЕ (07.11.2026): как в песочнице — строки «фото | название, артикул, характеристики, наличие | цена и кнопка»
   вместо плиток по четыре. Только ≥901px; на телефоне остаются плитки. Разметка — карточка .vt-pc (includes / catalog.section).
   ============================================================ */
@media (min-width: 901px) {
  html.vt-vi .item.col-vt:has(> .vt-pc) { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; float: none !important; padding: 0 !important; margin: 0 !important; }
  html.vt-vi .vt-pc { display: grid !important; grid-template-columns: 170px minmax(0, 1fr) 200px; column-gap: 24px; align-items: start; padding: 22px 0 !important; border: 0 !important; border-bottom: 1px solid #e6e8ec !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; }
  html.vt-vi .vt-pc:hover { box-shadow: none !important; background: none !important; }
  html.vt-vi .vt-pc-media { grid-column: 1; grid-row: 1 / span 4; height: 170px !important; width: 170px !important; background: none !important; display: flex !important; align-items: center; justify-content: center; }
  html.vt-vi .vt-pc-media img { max-height: 100% !important; max-width: 100% !important; width: auto !important; height: auto !important; object-fit: contain; }
  html.vt-vi .vt-pc-body { display: contents !important; }
  html.vt-vi .vt-pc-id { grid-column: 2; grid-row: 2; margin: 4px 0 0; }
  html.vt-vi .vt-pc-name { grid-column: 2; grid-row: 1; margin: 0 !important; font-size: 15px !important; line-height: 1.35; }
  html.vt-vi .vt-pc-specs { grid-column: 2; grid-row: 3; margin-top: 10px !important; }
  html.vt-vi .vt-pc-avail { grid-column: 2; grid-row: 4; margin-top: 10px !important; }
  html.vt-vi .vt-pc-foot { grid-column: 3; grid-row: 1 / span 4; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html.vt-vi .vt-pc-foot .vt-pc-buy-meta { width: auto !important; height: auto !important; }
  html.vt-vi .vt-pc-foot .vt-pc-price { font-size: 22px !important; font-weight: 800; letter-spacing: -.01em; height: auto !important; width: auto !important; }
  html.vt-vi.vt-ds-ms body .vt-pc-foot .vt-pc-btn.vt-pc-btn.vt-pc-btn.vt-pc-btn { display: inline-flex !important; margin-top: 12px; padding: 10px 22px !important; width: auto !important; height: auto !important; }
}
@media (min-width: 901px) { html.vt-vi .vt-pc-grid { grid-template-columns: 1fr !important; gap: 0 !important; } }
@media (min-width: 901px) { html.vt-vi body .catalog_block.items.row.flexbox.vt-pc-grid.vt-pc-grid { grid-template-columns: 1fr !important; gap: 0 !important; } }
@media (min-width: 901px) {
  html.vt-vi body .vt-pc-media img { width: 170px !important; height: 170px !important; max-width: 100% !important; object-fit: contain; }
  html.vt-vi .vt-pc-specs { display: block !important; }
  html.vt-vi .vt-pc-spec { display: block !important; justify-content: flex-start !important; font-size: 13px; color: #50545c; padding: 2px 0 !important; }
  html.vt-vi .vt-pc-spec em { font-style: normal; color: #8a8f99; }
  html.vt-vi .vt-pc-spec em::after { content: ":"; }
  html.vt-vi .vt-pc-spec b { display: inline !important; margin-left: 4px; font-weight: 400 !important; font-family: inherit !important; color: #50545c; }
}

/* ============================================================
   КОРЗИНА В НОВОМ СТИЛЕ (07.11.2026): строки «фото | название | количество | сумма | ×», как список товаров; панель «Итого» — карточка.
   ============================================================ */
html.vt-vi .basket-items-list-table { border-collapse: collapse; }
html.vt-vi .basket-items-list-item-wrapper { display: grid !important; grid-template-columns: 96px minmax(0,1fr) 150px 130px 36px; column-gap: 20px; align-items: center; padding: 18px 0; border: 0 !important; border-bottom: 1px solid #e6e8ec !important; background: none !important; }
html.vt-vi .basket-items-list-item-wrapper > td { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; background: none !important; height: auto !important; }
html.vt-vi .basket-items-list-item-picture .basket-item-block-image { width: 96px; height: 96px !important; display: flex; align-items: center; justify-content: center; }
html.vt-vi .basket-item-image { max-width: 96px !important; max-height: 96px !important; width: auto !important; height: auto !important; object-fit: contain; }
html.vt-vi .basket-items-list-item-picture .fast_view { display: none !important; }
html.vt-vi .basket-item-info-name, html.vt-vi .basket-item-info-name a { font-size: 15px !important; font-weight: 600; line-height: 1.35; color: #16181d !important; text-decoration: none; }
html.vt-vi .basket-item-info-name a:hover { color: #E61D27 !important; }
html.vt-vi .basket-items-list-item-amount-outer .basket-item-amount { display: inline-flex; align-items: center; border: 1px solid #e6e8ec; border-radius: 8px !important; height: 40px; background: #fff; }
html.vt-vi .basket-item-btn-minus, html.vt-vi .basket-item-btn-plus { width: 34px !important; height: 38px !important; display: flex; align-items: center; justify-content: center; background: none !important; border: 0 !important; cursor: pointer; }
html.vt-vi .basket-item-amount-filed { border: 0 !important; background: none !important; text-align: center; font-weight: 600; box-shadow: none !important; height: 38px !important; }
html.vt-vi .basket-items-list-item-price-for-one { margin-top: 6px; font-size: 12.5px; color: #8a8f99; }
html.vt-vi .basket-items-list-item-price-for-one * { font-size: 12.5px !important; font-weight: 400 !important; color: #8a8f99 !important; }
html.vt-vi td.basket-items-list-item-price { text-align: right; }
html.vt-vi td.basket-items-list-item-price .basket-item-price-current-value, html.vt-vi td.basket-items-list-item-price .basket-item-price { font-size: 18px !important; font-weight: 800 !important; color: #16181d !important; white-space: nowrap; width: auto !important; }
html.vt-vi .basket-items-list-item-removes { position: static !important; width: 28px; height: 28px; margin: 0; }
html.vt-vi .basket-items-list-item-removes .basket-item-actions-remove { width: 28px !important; height: 28px !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; cursor: pointer; opacity: .6; }
html.vt-vi .basket-items-list-item-removes .basket-item-actions-remove:hover { opacity: 1; background: #f3f4f7 !important; }
@media (max-width: 900px) {
  html.vt-vi .basket-items-list-item-wrapper { grid-template-columns: 72px minmax(0,1fr) 28px; row-gap: 10px; column-gap: 12px; }
  html.vt-vi .basket-items-list-item-descriptions-inner { grid-column: 2; grid-row: 1; }
  html.vt-vi .basket-items-list-item-picture { grid-column: 1; grid-row: 1 / span 2; }
  html.vt-vi .basket-items-list-item-picture .basket-item-block-image, html.vt-vi .basket-item-image { width: 72px !important; max-width: 72px !important; }
  html.vt-vi .basket-items-list-item-amount-outer { grid-column: 2; grid-row: 2; }
  html.vt-vi td.basket-items-list-item-price { grid-column: 2 / span 2; grid-row: 3; text-align: left; }
}
@media (min-width: 901px) {
  html.vt-vi td.basket-items-list-item-price { position: relative; }
  html.vt-vi td.basket-items-list-item-price .basket-items-list-item-removes { position: absolute !important; right: -48px; top: 50%; transform: translateY(-50%); }
}

/* ПАНЕЛЬ «ИТОГО» В КОРЗИНЕ (07.11.2026): карточка как блок покупки на карточке товара, красная главная кнопка, мягкие поля и выбор. */
html.vt-vi .vt-co-card { border: 1px solid #e6e8ec !important; border-radius: 14px !important; box-shadow: 0 6px 24px rgba(16,18,30,.06) !important; background: #fff !important; padding: 22px !important; }
html.vt-vi .vt-co-total { padding-bottom: 16px; margin-bottom: 6px; border-bottom: 1px solid #e6e8ec; }
html.vt-vi .vt-co-total-cap { font-size: 15px !important; font-weight: 600; color: #50545c !important; }
html.vt-vi .vt-co-vat { font-size: 12.5px !important; color: #8a8f99 !important; }
html.vt-vi .vt-co-sum { font-size: 30px !important; font-weight: 800 !important; letter-spacing: -.01em; color: #16181d !important; white-space: nowrap; }
html.vt-vi .vt-co-label { font-size: 13px !important; font-weight: 600; color: #16181d !important; margin-bottom: 8px; }
html.vt-vi .vt-co-seg { display: flex; padding: 3px; background: #f3f4f7 !important; border-radius: 10px !important; gap: 2px; height: auto !important; }
html.vt-vi .vt-co-seg button { flex: 1; height: 34px !important; border: 0 !important; border-radius: 8px !important; background: none !important; color: #50545c !important; font: 600 13px "Golos Text", system-ui, sans-serif; cursor: pointer; box-shadow: none !important; }
html.vt-vi .vt-co-seg button.on { background: #fff !important; color: #16181d !important; box-shadow: 0 1px 4px rgba(16,18,30,.14) !important; }
html.vt-vi .vt-co-radio { border: 1px solid #e6e8ec !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; font-size: 13.5px; }
html.vt-vi .vt-co-radio:hover { border-color: #b9bdc7 !important; }
html.vt-vi .vt-co-radio:has(input:checked) { border-color: #E61D27 !important; background: #fff5f5 !important; }
html.vt-vi .vt-co-radio input { accent-color: #E61D27; }
html.vt-vi .vt-co-inp { border: 1px solid #e6e8ec !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; font: 14px "Golos Text", system-ui, sans-serif; }
html.vt-vi .vt-co-inp:focus { border-color: #2E2D87 !important; outline: 0; box-shadow: 0 0 0 3px rgba(46,45,135,.12) !important; }
html.vt-vi .vt-co-submit.vt-co-submit.vt-co-submit { background: #E61D27 !important; border: 0 !important; border-radius: 10px !important; color: #fff !important; font: 700 15px "Golos Text", system-ui, sans-serif; height: 52px; box-shadow: none !important; cursor: pointer; }
html.vt-vi .vt-co-submit:hover { background: #c9151f !important; }
html.vt-vi .vt-co-pdf { color: #2E2D87 !important; font-weight: 600; font-size: 13.5px; }
html.vt-vi .vt-co-note { font-size: 12px; color: #8a8f99 !important; }
html.vt-vi .vt-co-note a { color: #2E2D87 !important; }

/* ПЛАВАЮЩИЕ ЗНАЧКИ (07.11.2026): чат-консультант, MAX, Telegram, VK — одним столбиком у правого края; значок MAX рисуем фоном (через <use> он не показывался). */
@media (min-width: 901px) {
  html.vt-vi .social-block:not(.shop-detail1 .social-block) { position: fixed !important; right: 20px !important; left: auto !important; bottom: 20px !important; width: 60px !important; z-index: 9990; }
  html.vt-vi body > .social-block ul, html.vt-vi .social-block .social-icons ul { display: flex !important; flex-direction: column-reverse; align-items: center; gap: 10px; margin: 0 !important; padding: 0 !important; }
  html.vt-vi .social-block .social-icons ul li { margin: 0 !important; float: none !important; display: block !important; }
  html.vt-vi .vtai-fab { right: 20px !important; bottom: 192px !important; }
}
html.vt-vi .social-block li.max a { width: 43px !important; height: 43px !important; border-radius: 50%; background: url(/bitrix/templates/aspro_max/images/svg/social/social_max.svg) center/cover no-repeat !important; }
html.vt-vi .social-block li.max a svg { display: none !important; }
@media (min-width: 901px) { html.vt-vi .social-block .social-icons ul li { width: 43px !important; height: 43px !important; padding: 0 !important; } html.vt-vi .social-block .social-icons ul li a { margin: 0 !important; display: block !important; } }
html.vt-vi .social-block li.max a { background: url(/bitrix/templates/aspro_max/images/svg/social/social_max.svg) center/68% no-repeat, linear-gradient(135deg, #2aa8ff 0%, #6a4cff 60%, #9b3cff 100%) !important; }

/* ТОВАР БЕЗ ЦЕНЫ (07.11.2026): кнопка «Под заказ» сжималась до 44px рядом с пояснением — кнопка на всю ширину, пояснение под ней. */
html.vt-vi .vt-buybox-actions:has(.to-order) { flex-wrap: wrap; }
html.vt-vi .vt-buybox-actions .vt-buybox-main.to-order { flex: 1 1 100% !important; width: 100% !important; min-width: 0; justify-content: center; white-space: nowrap; }
html.vt-vi .vt-buybox-actions .more_text { flex: 1 1 100%; margin: 4px 0 0; font-size: 12.5px; color: #8a8f99; }

/* ПЛИТКИ РАЗДЕЛА (07.11.2026): счётчик товаров обрезался у названий в две строки — он внутри блока названия и считался третьей строкой line-clamp. Названия длинные и так сокращены «…» на сервере. */
html.vt-vi .vt-rc-card-name.vt-rc-card-name { display: block !important; overflow: visible !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; height: auto !important; max-height: none !important; }
html.vt-vi .vt-rc-card .vt-rc-cnt { display: block; margin-top: 3px; }
html.vt-vi .vt-rc-card { height: 176px; }

/* ВЕРХ КАК В ПЕСОЧНИЦЕ (07.11.2026): светлая верхняя строка (вместо чёрной), тёмная кнопка «Каталог», тёмная рамка и кнопка поиска, меньший зазор. Источник — Site/vt-sandbox/_inc.php (.top, .hd, .btn-cat, .search). */
html.vt-vi .vt-topbar { position: static !important; background: #fff !important; color: #50545c !important; font-size: 12px !important; border: 0 !important; }
html.vt-vi .vt-topbar-in { height: 34px !important; }
html.vt-vi .vt-topbar, html.vt-vi .vt-topbar * { color: #50545c; }
html.vt-vi .vt-topbar-item b { color: #16181d !important; font-weight: 700; }
html.vt-vi .vt-topbar a.vt-topbar-item:hover { color: #E61D27 !important; }
html.vt-vi .vt-topbar-sep { background: #e6e8ec !important; }
html.vt-vi .vt-topbar svg, html.vt-vi .vt-topbar svg * { color: #50545c; stroke: currentColor; }
html.vt-vi .vt-header { border-bottom: 1px solid #e6e8ec !important; background: #fff !important; }
html.vt-vi .vt-header-in { min-height: 72px; gap: 14px; }
html.vt-vi .vt-header-catbtn.vt-header-catbtn { height: 44px !important; padding: 0 18px !important; background: #2b2e36 !important; border-radius: 8px !important; font: 600 14px "Golos Text", system-ui, sans-serif !important; }
html.vt-vi .vt-header-catbtn.vt-header-catbtn:hover { background: #16181d !important; }
html.vt-vi .vt-header-search.vt-header-search { height: 44px !important; border: 2px solid #2b2e36 !important; border-radius: 8px !important; overflow: hidden; background: #fff !important; }
html.vt-vi .vt-header-search input { background: #fff !important; border: 0 !important; box-shadow: none !important; }
html.vt-vi .vt-header-search-btn.vt-header-search-btn { background: #2b2e36 !important; border-radius: 0 !important; color: #fff !important; }
html.vt-vi .vt-header-search-btn:hover { background: #16181d !important; }

/* 08.11: счётчик товаров под заголовком на телефоне не рвать */
@media (max-width:900px){html.vt-vi h1#pagetitle small{display:block!important;white-space:nowrap!important;margin-top:4px}}

/* 08.11: телефон — «Каталог» с подписью в строке с поиском (ряд 1: логотип и корзина; ряд 2: Каталог + поиск) */
@media (max-width:820px){
  html.vt-vi .vt-header-in{row-gap:10px}
  html.vt-vi .vt-header-logo{flex:1 1 calc(100% - 64px)!important;min-width:0}
  html.vt-vi .vt-header-actions{margin-left:auto}
  html.vt-vi .vt-header-catbtn.vt-header-catbtn{order:9!important;flex:none!important;width:auto!important;padding:0 14px!important;gap:8px}
  html.vt-vi .vt-header-catbtn.vt-header-catbtn span{display:inline!important}
  html.vt-vi .vt-header-search.vt-header-search{order:10!important;flex:1 1 0!important;width:auto!important;min-width:0!important}
}
@media (max-width:820px){
  html.vt-vi .vt-header-search-ico{width:34px!important;flex:none}
  html.vt-vi .vt-header-search-btn.vt-header-search-btn{padding:0 12px!important;width:auto!important}
  html.vt-vi .vt-header-search input{min-width:0;padding-left:0!important;font-size:14px!important;text-overflow:ellipsis}
}