/* mobile.css — адаптив launchr.us (оверлей, десктоп не трогает). v22 — hCard сохранён (sr-only), меню поджато */
.m-burger{display:none}  /* бургер скрыт на десктопе */
/* сравнение товара: «показывать только отличия» (глобально, десктоп+мобила) */
table.comparison.cmp-diff tr.cmp-same { display: none !important; }
table.comparison .cmp-none { color: #c3cad1; } /* прочерк: параметра нет у товара */
.cmp-toggle { display: block; margin: 6px 0 10px; font-size: 14px; cursor: pointer; -webkit-user-select: none; user-select: none; }
.cmp-toggle input { transform: scale(1.15); margin-right: 7px; vertical-align: -1px; }
@media (max-width: 991px) {
  /* снять жёсткие десктоп-min-width (корень вылета) */
  .container { min-width: 0 !important; }
  .newheader { min-width: 0 !important; }
  .new-products-catalog { min-width: 0 !important; }
  html, body { overflow-x: hidden !important; }
  /* боковые поля контента (не прижимать к краям экрана) */
  .container { padding-left: 14px !important; padding-right: 14px !important; }
  .container.main-nav { padding-left: 0 !important; padding-right: 0 !important; }
  img { max-width: 100%; height: auto; }

  /* === ШАПКА: grid 2 колонки === */
  .fixed-header { display: none !important; }
  .newheader.vcard { display: grid !important; grid-template-columns: 1fr auto; grid-template-rows: auto auto; grid-auto-rows: 0; align-items: center; align-content: start; column-gap: 12px; row-gap: 0;
    position: relative; min-width: 0 !important; height: auto !important;
    background: linear-gradient(to bottom right, #4A5E6B, #254051) !important; color: #EBF4F9 !important;
    overflow: hidden; padding: 6px 12px; }
  .newheader.vcard .topline, .newheader.vcard .home-info,
  .newheader.vcard .topline .container, .newheader.vcard .home-info .container,
  .newheader.vcard .topline .row, .newheader.vcard .home-info .row { display: contents !important; }

  /* ЛЕВО: логотип + подпись сбоку, по центру вертикали */
  .newheader.vcard .col-xs-9 { grid-column: 1; grid-row: 1 / 3; align-self: center !important; display: flex !important; align-items: center !important; text-align: left !important; padding: 0 !important; float: none !important; width: auto !important; }
  .newheader.vcard .home-logo { flex: 0 0 auto !important; margin: 0 10px 0 0 !important; }
  .newheader.vcard .home-logo img { max-width: 118px; height: auto; display: block; }
  .newheader.vcard .org.fn { flex: 1 1 auto !important; display: block !important; text-align: left; font-size: 11px; line-height: 1.2; color: #EBF4F9 !important; margin: 0; padding: 0 !important; max-width: none !important; }

  /* ПРАВО: контакты — общая левая ось */
  .newheader.vcard .col-xs-3 { grid-column: 2; grid-row: 1; text-align: left !important; padding: 0 !important; float: none !important; width: auto !important; }
  .newheader.vcard .email { float: none !important; text-align: left !important; margin: 0 !important; font-size: 12px !important; white-space: nowrap; }
  .newheader.vcard .email, .newheader.vcard .email a { color: #EBF4F9 !important; }
  .newheader.vcard .i-email { display: inline-block !important; float: none !important; vertical-align: middle; width: 16px !important; height: 16px !important; margin: 0 4px 0 0 !important; }

  /* телефоны (первый col-xs-4) — в грид; часы/адрес — sr-only (остаются в DOM, hCard adr сохранён) */
  .newheader.vcard .home-info .col-xs-4:first-child { grid-column: 2; grid-row: 2; text-align: left !important; padding: 0 !important; float: none !important; width: auto !important; margin: 0 !important; }
  .newheader.vcard .home-info .col-xs-4:not(:first-child) {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
    overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
  .newheader.vcard .home-info .phone { display: inline-block !important; float: none !important; position: relative !important;
    font-size: 12px !important; line-height: 1.25 !important; margin: 0 !important; padding-left: 20px !important; text-align: left !important; white-space: nowrap; }
  .newheader.vcard .home-info .phone::before { left: 0 !important; top: 3px !important; width: 16px !important; height: 16px !important; background-size: contain !important; }
  .newheader.vcard .home-info .phone, .newheader.vcard .home-info .phone p, .newheader.vcard .home-info .phone .tel { color: #EBF4F9 !important; font-weight: bold !important; }
  .newheader.vcard .home-info .phone p { margin: 0 !important; white-space: nowrap; }

  /* === МЕНЮ = БУРГЕР ☰ === */
  .main-nav { display: block !important; height: auto !important; margin: 0 !important; padding: 0 !important; position: relative; border-top: 1px solid #ebebeb; }
  .m-burger { display: flex !important; align-items: center; gap: 12px; width: 100%; background: #fff; border: 0; padding: 13px 16px; font: 600 15px/1 'PT Sans Narrow','Trebuchet MS',sans-serif; color: #2A373E; cursor: pointer; text-align: left; }
  .m-burger i { position: relative; width: 22px; height: 2px; background: #2A373E; display: inline-block; transition: .2s; }
  .m-burger i::before, .m-burger i::after { content: ''; position: absolute; left: 0; width: 22px; height: 2px; background: #2A373E; transition: .2s; }
  .m-burger i::before { top: -6px; } .m-burger i::after { top: 6px; }
  .main-nav.m-open .m-burger i { background: transparent; }
  .main-nav.m-open .m-burger i::before { top: 0; transform: rotate(45deg); }
  .main-nav.m-open .m-burger i::after { top: 0; transform: rotate(-45deg); }
  .main-nav .mainnav { display: none; text-align: left !important; margin: 0 !important; padding: 0 !important; height: auto !important; border-top: 1px solid #ebebeb; }
  .main-nav.m-open .mainnav { display: block; }
  .main-nav .mainnav > ul { margin: 0 !important; padding: 0 !important; white-space: normal; height: auto !important; }
  .main-nav .mainnav > ul > li { display: block !important; float: none !important; width: 100%; margin: 0 !important; border-bottom: 1px solid #eee; }
  .main-nav .mainnav > ul > li > a { display: block; padding: 13px 16px !important; font-size: 16px !important; line-height: 1.2 !important; }
  .mainnav .list { display: none !important; position: static !important; margin: 0 !important; background: #f6f7f8 !important; box-shadow: none !important; width: auto !important; border: 0 !important; }
  .mainnav li.dropdown.m-open > .list { display: block !important; }
  .mainnav .pointer { display: none !important; }
  .mainnav .list ul { margin: 0 !important; padding: 0 !important; }
  .mainnav .list ul li { width: 100% !important; margin: 0 !important; border-top: 1px solid #ececec; }
  .mainnav .list ul li a { display: block; padding: 11px 16px 11px 32px !important; font-size: 14px !important; white-space: normal !important; }
  .mainnav > ul > li.dropdown > a::after { content: ''; float: right; margin: 6px 2px 0 0; border: 5px solid transparent; border-top-color: #8a949b; }
  .mainnav > ul > li.dropdown.m-open > a::after { margin-top: 3px; border-top-color: transparent; border-bottom-color: #8a949b; }
  .mainnav li.dropdown.m-open > .list { display: block !important; position: relative; z-index: 3; }
  .mainnav .list ul li a { color: #2A373E !important; }
  .mainnav .list ul li a:hover { color: #db3e38 !important; }
  .main-nav .search { display: none !important; }

  /* слайдер */
  #slider, .nivoSlider, .slider-wrapper, .theme-default { max-width: 100% !important; }
  #slider img, .nivoSlider img { max-width: 100% !important; height: auto !important; }

  /* каталог 2 колонки */
  .new-products-catalog .new-product-item, .new-products-catalog .action-item, .new-news-block { width: 50% !important; }
  .new-products-catalog h1, .products-list h1 { font-size: 22px !important; line-height: 1.2; }

  /* === ШРИФТЫ КОНТЕНТА: мобильные размеры вместо десктопных === */
  h1, h2:not(.th2), .page-title h1, .page-title h2 { font-size: 22px !important; line-height: 1.2 !important; }
  .new-products-catalog .action-item_title { font-size: 19px !important; line-height: 1.15 !important; }
  .new-products-catalog .action-item_title span { font-size: inherit !important; }
  .new-products-catalog .new-product-item_title { font-size: 16px !important; line-height: 1.25 !important; }
  .new-products-catalog .new-product-item_price_buy .price { font-size: 18px !important; white-space: nowrap; }
}


@media (max-width:991px){ .newheader.vcard .col-xs-3, .newheader.vcard .home-info .col-xs-4{margin:0!important} 
  /* === ФУТЕР: колонки в 2x2, копирайт по центру === */
  footer .nav-bottom .container.row { display: flex !important; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; }
  footer .nav-bottom .col-xs-3 { width: 50% !important; float: none !important; margin-bottom: 16px; padding: 0 12px !important; }
  footer .nav-bottom .col-xs-3:nth-child(1) { order: 1; }
  footer .nav-bottom .col-xs-3:nth-child(2) { order: 4; }
  footer .nav-bottom .col-xs-3:nth-child(3) { order: 3; }
  footer .nav-bottom .col-xs-3:nth-child(4) { order: 2; }
  footer .nav-bottom h5 { font-size: 15px; margin-bottom: 8px; }
  footer .nav-bottom ul li a { font-size: 13px; }
  footer .copyright .col-xs-7, footer .copyright .col-xs-5 { width: 100% !important; float: none !important; text-align: center !important; padding: 4px 12px !important; }
  footer .copyright ul.pull-right { float: none !important; text-align: center; padding: 0; margin: 4px 0 0; }
  footer .copyright ul.pull-right li { display: inline-block; margin: 0 6px; }


  /* === НОВОСТИ/СТАТЬИ: дата (col-xs-1) не налезает на заголовок (col-xs-11) === */
  .news-item2 { margin-left: 0 !important; margin-right: 0 !important; padding: 12px 0 !important; }
  .news-item2 .col-xs-1 { width: auto !important; float: left !important; padding: 0 8px 0 0 !important; }
  .news-item2 .col-xs-11 { width: auto !important; float: none !important; overflow: hidden; padding: 0 !important; }
  .news-item2 .news-date { float: none !important; white-space: nowrap; }


  /* === СРАВНЕНИЕ ТОВАРА: скролл-панель + липкая шапка товаров + липкая колонка параметров === */
  .tab-content table.comparison { display: block !important; overflow: auto !important; -webkit-overflow-scrolling: touch; max-width: 100% !important; max-height: 80vh !important; }
  table.comparison thead.thead th { position: sticky !important; top: 0 !important; background: #fff !important; z-index: 4; box-shadow: inset 0 -1px 0 #d8dde1; }
  table.comparison thead.thead th:first-child { left: 0 !important; z-index: 6; }
  table.comparison tbody td:first-child { position: sticky !important; left: 0 !important; background: #fff !important; z-index: 2; box-shadow: inset -1px 0 0 #e3e7ea; min-width: 128px; }
  table.comparison thead.thead-light th { position: sticky !important; left: 0 !important; background: #eef1f3 !important; z-index: 1; }
  table.comparison .cmp-name { height: auto !important; font-size: 13px !important; margin: 0 0 4px !important; }
  table.comparison thead img { height: 56px !important; width: auto !important; }
  table.comparison .cmp-buy { display: none !important; }
  table.comparison td, table.comparison th { font-size: 13px !important; }

  /* === ТАБЛИЦЫ В СТАТЬЯХ: скролл-панель (гориз. свайп — колонки не резались краем; выс. 75vh — длинный справочник листается внутри) + ЛИПКАЯ ШАПКА. Прайс не трогаем === */
  .main-content table:not(.pricelist) { display: block !important; overflow: auto !important; -webkit-overflow-scrolling: touch; max-width: 100% !important; max-height: 75vh !important; }
  .main-content table:not(.pricelist) tr:first-child th { position: sticky !important; top: 0 !important; background: #f5f7f8 !important; z-index: 2; box-shadow: 0 1px 0 #d8dde1; }
  /* === ГДЕ КУПИТЬ: аккордеон городов (row.distribs) — колонки col-xs-4 в 100% (были 33% => текст в столбик по буквам) === */
  .row.distribs .col-xs-4 { width: 100% !important; float: none !important; margin-bottom: 6px; }

  /* === КОНТАКТЫ: 3 блока в столбик === */
  .row.contact .col-xs-4 { width: 100% !important; float: none !important; margin-bottom: 18px; }
  /* === КАРТОЧКА: flex-КОЛОНКА, цена внизу через margin-top:auto (БЕЗ absolute — иначе текст наезжает); ряды равной высоты (stretch) === */
  .new-products-catalog { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; }
  .new-products-catalog::before, .new-products-catalog::after { display: none !important; }
  .new-products-catalog > .new-product-item { display: flex !important; flex-direction: column !important; float: none !important; min-height: 0 !important; max-height: none !important; padding: 8px 8px 10px !important; }
  /* ЦЕНА+КУПИТЬ: статик, в один ряд, прижата к низу карточки */
  .new-products-catalog .new-product-item_price_buy { position: static !important; margin-top: auto !important; flex-wrap: nowrap !important; align-items: center !important; gap: 6px !important; }
  .new-products-catalog .new-product-item_price_buy .price { font-size: 17px !important; }
  .new-products-catalog .new-product-item_price_buy a.button_buy { padding: 7px 13px !important; float: none !important; font-size: 14px !important; white-space: nowrap !important; }
  /* ЖЁЛТЫЙ ПРОМО: снять десктоп-фикс 470px (высоту даст flex-stretch = высота соседней карточки), заголовок мельче. Обёртку НЕ трогаем (absolute top:32px — иначе теряются «Новое»/«Все новости») */
  .new-products-catalog .action-item { min-height: 0 !important; max-height: none !important; }
  .new-products-catalog .action-item_title { font-size: 20px !important; line-height: 1.25 !important; }
  /* ФОТО: умный кроп *.m.jpg 304x200 (3:2, товар 93% кадра; подмена src в foot.inc) — ниже квадрата, товар крупнее */
  .new-products-catalog .new-product-item_thumb { height: auto !important; overflow: visible !important; margin: 4px 0 !important; text-align: center !important; }
  .new-products-catalog .new-product-item_thumb img { height: auto !important; max-height: 100px !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; display: inline-block !important; }
  /* НАЗВАНИЕ 15px; скрыть категорию-приписку (span «Дополнительное оборудование») */
  .new-products-catalog .new-product-item_title, .new-products-catalog .new-product-item_title a { font-size: 16px !important; line-height: 1.3 !important; }
  .new-products-catalog .new-product-item_title > span { display: none !important; }
  /* ОПИСАНИЕ — РОВНО 3 строки: line-clamp на тексте + max-height-бэкстоп на контейнере; «Подробнее» скрыть */
  .new-products-catalog .new-product-item_info { font-size: 13px !important; line-height: 1.5 !important; max-height: 4.4em !important; overflow: hidden !important; }
  .new-products-catalog .new-product-item_info a.link-text { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
  .new-products-catalog .new-product-item_info > a:not(.link-text) { display: none !important; }
  /* ЧИПЫ: скрыть Хит(cian); Рассрочка видима. Убрать жёсткий <br/> из шаблона (он и гнал Кредит/Рассрочку вторым рядом) — чипы естественным потоком */
  .new-products-catalog .new-product-item_stickers .sticker-rounded.cian { display: none !important; }
  .new-products-catalog .new-product-item_stickers br { display: none !important; }

  /* === HOVER-эффект ПОЛНОСТЬЮ ОТКЛЮЧЁН на мобиле (иначе тап «накатывает» текст поверх) === */
  .new-products-catalog .new-product-item:hover .new-product-item_thumb { opacity: 1 !important; }
  .new-products-catalog .new-product-item:hover .info-wrapper { margin-top: 0 !important; padding: 0 !important; overflow: visible !important; width: auto !important; }
  .new-products-catalog .new-product-item:hover .new-product-item_info { max-height: none !important; }
  .new-products-catalog .new-product-item:hover .info-wrapper .stickers { opacity: 0 !important; }
  .new-products-catalog .new-product-item:hover .new-product-item_bg { box-shadow: none !important; border: 0 !important; top: 0 !important; left: 0 !important; right: 1px !important; bottom: 0 !important; }
  .new-products-catalog .new-product-item:hover .new-product-item_title a { color: inherit !important; }


  /* фикс: не давать ссылкам меню раздуваться по высоте (баг перекрытия подменю) */
  .main-nav .mainnav > ul > li { height: auto !important; float: none !important; }
  .main-nav .mainnav > ul > li > a { height: auto !important; min-height: 0 !important; position: static !important; float: none !important; }
  .mainnav li.dropdown.m-open > .list { position: relative !important; z-index: 5 !important; }


  /* убрать иконку ВК в футере */
  footer li.vkontakte a { background: none !important; padding-left: 0 !important; }

  /* === ПОДМЕНЮ РАЗДЕЛА: в стиле родных табов товара (.nav-tabs): серый квадрат #ebebeb, активный синий #4395c1 === */
  .page-title ul.subnav { display: flex !important; flex-wrap: wrap; gap: 10px; padding: 0 !important; margin: 12px 0 16px !important; }
  .page-title ul.subnav li { margin: 0 !important; float: none !important; }
  .page-title ul.subnav a { display: block; background: #ebebeb !important; border: 0 !important; border-radius: 0 !important; padding: 7px 12px !important; font-size: 14px; font-weight: 300; color: #758793 !important; text-decoration: none; white-space: normal; line-height: 1.15; }
  .page-title ul.subnav a.on { background: #4395c1 !important; color: #fff !important; }


  /* === КАРТОЧКА: чипы не должны накрывать фото (height:22px фикс на десктопе) === */
  .new-products-catalog .new-product-item_stickers { height: auto !important; margin-top: 0 !important; }
  .new-products-catalog .new-product-item_thumb { margin-top: 8px !important; }
  /* чипы компактнее: влезают по 2-3 в строку, карточка не раздувается */
  .new-products-catalog .new-product-item_stickers .sticker-rounded { font-size: 11px !important; padding: 2px 8px !important; margin: 0 3px 3px 0 !important; }


  /* воздух вокруг разделительной линии после таблеток раздела */
  .page-title + hr, .container .page-title + hr { margin-top: 0 !important; margin-bottom: 18px !important; }


  /* === ФОРМЫ: все поля в столбик (стек колонок) === */
  form [class*="col-xs-"] { width: 100% !important; float: none !important; margin-bottom: 8px !important; }

  /* === ПРАЙС-ЛИСТ: не показывать чипы (акция/скидка) === */
  .pricelist .tags { display: none !important; }

}

/* === ДЕСКТОП: липкие шапки — таблицы в статьях + сравнение товара (под фикс-шапкой сайта 103px) === */
@media (min-width: 992px) {
  .main-content table:not(.pricelist) tr:first-child th { position: sticky; top: 104px; background: #fff; z-index: 2; box-shadow: 0 1px 0 #d8dde1; }
  table.comparison thead.thead th { position: sticky; top: 104px; background: #fff; z-index: 3; box-shadow: 0 1px 0 #d8dde1; }
  table.comparison thead img { max-height: 120px; width: auto; } /* вариация 152 (без ресайза в рендере), визуально как раньше */
}