/* VL UX1 v1.0.2: шапка, типографіка, контраст, «Запит», заголовок проєктів */
/* 1. Шапка: сірий рядок прокручується зі сторінкою, липким лишається основний рядок */
@media (min-width:768px){
  html{--vl-sy:0px}
  .header-menu{position:absolute!important;top:0!important}
  header.header{top:calc(43px - var(--vl-sy,0px))!important;transition:none!important}
  html{scroll-padding-top:96px}
}
/* 2. Текст 16 px на телефоні */
@media (max-width:767px){
  html body{font-size:16px}
  html .blog_post .main_description p,html .blog_post .main_description li,html .blog_post .main_description dd,
  html .category_sub_description .description p,html .category_sub_description .description li,
  html #collapseGroupDescription .panel-body,html #collapseGroupDescription .panel-body p,html #collapseGroupDescription .panel-body li,
  html .blog .main_description p,html .blog .main_description li,html .blog .main_description ol li,
  html .information-page p,html .information-page li,html #vlpp .note,html #vlpp .desc p,html #vlpp .desc li,
  html .vlpj-c__sub,html .vlpj-cta__p,html .main_description>p{font-size:16px!important;line-height:1.6!important}
  html .blog .main_description h2,html .blog_post .main_description h2{font-size:22px!important}
  html .blog .main_description h3,html .blog_post .main_description h3{font-size:18px!important}
  html #vlpp .k,html .vlpj-k{font-size:12px!important}
}
/* 3. Сірий rgb(144,144,144) → rgb(100,100,100) на світлому, світліший на темному */
.breadcrumb a,.breadcrumb li,.breadcrumb li a,.header-menu-link,.h_information,.cat_table_list .first_cat_info .category_counter,
.product-table-header .table-body-cell,.cat-table-caption .cnt,.lighting-objects-block .subtitle,.blog_stats,.blog_stats span .hl,
.filters-body-cell,.product-attr-table .name-attr,.prod_inner .prod_info_hover .attr_name,.cats_heading h3,
.category-content .product-item .attribute-sku span.name,.calculate-modal .modal-subtitle,.success-cooperation-modal .modal-subtitle,.success-calculate-modal .modal-subtitle{color:#646464!important}
.header-menu-link:hover,.breadcrumb a:hover{color:#1e1e1e!important}
footer .footer-copy,footer .footer-bottom,.footer-bottom,.footer-copy{color:#a8a8a8!important}
/* 4. Іконка кошика → слово «Запит» */
.cart.user-block a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#1e1e1e;font-size:14px;font-weight:500;letter-spacing:.02em;white-space:nowrap}
.cart.user-block a svg{display:none!important}
.cart.user-block a::after{content:attr(data-vl-t)}
.cart.user-block a .cnt{position:static!important;min-width:20px;height:20px;line-height:20px;border-radius:10px;background:#1e1e1e;color:#fff!important;font-size:11px!important;text-align:center;padding:0 6px;order:2}
.cart.user-block a[data-vl-n="0"] .cnt{display:none}
.cart.user-block{width:auto!important}
/* 5. Заголовок сторінки проєктів білим на фото */
.vlpj-h1 h1,.vlpj-h1 h1.vlpj-h1__t{color:#fff!important}
/* 6. Старі блоки теми (банер «Розкажіть про свій об’єкт» і «Наші клієнти») ховаємо там, де є нова форма */
body.vl-has-lead #slideshow0.main-slider,body.vl-has-lead .module-carousel.brands-carousel{display:none!important}