/* bau-rus.ru — мобильная вёрстка поверх шаблона carrostroy_peach (2026-10-23).
   Только экраны до 767px. Десктоп и планшет 768+ не затрагиваются. */
.bm-only { display: none; }

@media only screen and (max-width: 767px) {
  html { -webkit-text-size-adjust: 100%; }
  body { font-size: 16px; line-height: 1.5; background-image: none !important; background: #fff; padding-bottom: 64px; }
  body p, body li, body td, body th, body dd, body dt, body label, body input, body select, body textarea,
  #content, #content a, .testimonials, .item-text a, .menu-sitemap-tree a { font-size: 16px; line-height: 1.5; }
  h1 { font-size: 26px; line-height: 1.25; } h2, .page-title h2 { font-size: 24px !important; line-height: 1.25 !important; }
  h3 { font-size: 20px; line-height: 1.3; } h4 { font-size: 18px; line-height: 1.35; }
  img { max-width: 100%; height: auto; }
  .bm-only { display: block; }

  /* ---- сетка: вся ширина экрана ---- */
  #wrapper, #footer, #footer-bottom { width: 100% !important; box-sizing: border-box; }
  #wrapper { box-shadow: none; }
  .container, .container.floated, .container.floated2 { width: auto !important; padding: 0 16px !important; box-sizing: border-box; float: none; }
  .container .column, .container .columns, .container .floated, .container .floated2,
  .container [class*="columns"], .container .one-third.column, .container .two-thirds.column {
    width: 100% !important; float: none !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; }
  .container .container { padding: 0 !important; }
  .blank.floated, .blank.floated2 { width: auto !important; padding: 0 16px; }

  /* ---- шапка ---- */
  #top-line { height: 4px; }
  #header { min-height: 0; padding: 8px 0 4px; }
  #header .seven.columns { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  #logo { margin: 4px 0; float: none; } #logo h1 { margin: 0; } #logo img { max-height: 48px; width: auto; }
  #city_wrap { order: 2; font-size: 15px; margin: 0; }
  #header .personal-icons { float: none; text-align: left; font-size: 15px; margin: 6px 0; }
  #header .personal-icons a { display: inline-block; padding: 6px 4px; font-size: 15px; }
  #basket_top_line .cart { float: none; text-align: left; font-size: 15px; margin: 0 0 6px; }
  .bm-phone-bar { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 10px; }
  .bm-phone-bar a { flex: 1 1 auto; display: block; text-align: center; padding: 10px 12px; border-radius: 6px;
    background: #fcab55; color: #fff !important; font-weight: 600; font-size: 17px !important; text-decoration: none !important; white-space: nowrap; }
  .bm-phone-bar a:before { content: "\260E\00a0"; }
  #header .top-search { display: block !important; float: none; width: 100%; margin: 0 0 10px; }
  #header .top-search form { position: relative; }
  #header .top-search .search-field { width: 100% !important; box-sizing: border-box; height: 44px; font-size: 16px !important; padding: 0 44px 0 12px; border-radius: 6px; }
  #header .top-search .search-btn { position: absolute; right: 4px; top: 4px; height: 36px; width: 36px; }

  /* ---- бургер-меню ---- */
  .bm-menu-ready .selectnav { display: none !important; }
  .bm-menu-ready #navigation2 { margin: 0; height: auto; background: #4c4c4c; float: none; width: 100%; }
  .bm-burger { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 14px 16px; border: 0;
    background: #e8892b; color: #fff; font-size: 18px; font-weight: 600; text-align: left; cursor: pointer; }
  .bm-burger span:after { content: " \25BE"; }
  .bm-open .bm-burger span:after { content: " \25B4"; }
  .bm-burger i { display: inline-block; width: 22px; height: 2px; background: #fff; position: relative; }
  .bm-burger i:before, .bm-burger i:after { content: ""; position: absolute; left: 0; width: 22px; height: 2px; background: #fff; }
  .bm-burger i:before { top: -7px; } .bm-burger i:after { top: 7px; }
  .bm-menu-ready #navigation2 ul.menu#responsive { display: none !important; float: none; width: 100%; margin: 0; padding: 0 0 8px; }
  .bm-menu-ready #navigation2.bm-open ul.menu#responsive { display: block !important; }
  /* липкое меню шаблона (fixedmenu.js -> .menu_nav_fixed_m: fixed, top 0, height 49px) на телефоне отключаем:
     открытое меню стоит в потоке под кнопкой и с непрозрачным фоном */
  .bm-menu-ready #navigation2 #responsive, .bm-menu-ready #navigation2 #responsive.menu_nav_fixed_m {
    position: static !important; top: auto !important; height: auto !important; width: 100% !important; margin: 0 !important;
    z-index: auto !important; background: #4c4c4c !important; }
  .bm-menu-ready #navigation2 #responsive li { float: none !important; display: block; width: 100%; border: 0; position: static; }
  .bm-menu-ready #navigation2 #responsive a { display: block; padding: 12px 16px !important; font-size: 17px !important; line-height: 1.3; color: #fff !important;
    border-top: 1px solid rgba(255,255,255,.12); background: transparent !important; height: auto !important; text-align: left; }
  .bm-menu-ready #navigation2 #responsive ul { display: none; position: static !important; visibility: visible !important; opacity: 1 !important;
    width: 100% !important; box-shadow: none; background: #5a5a5a !important; margin: 0; padding: 0; left: auto !important; top: auto !important; }
  .bm-menu-ready #navigation2 #responsive li.bm-sub-open > ul { display: block !important; }
  .bm-menu-ready #navigation2 #responsive ul a { padding-left: 32px !important; font-size: 16px !important; }
  .bm-menu-ready #navigation2 #responsive ul ul a { padding-left: 48px !important; }
  .bm-menu-ready #navigation2 #responsive li.bm-has-sub > a { padding-right: 56px !important; position: relative; }
  .bm-sub-toggle { position: absolute; right: 0; width: 52px; height: 46px; margin-top: -46px; border: 0; background: transparent; color: #fff; font-size: 22px; cursor: pointer; }
  .bm-menu-ready #navigation2 #responsive li { position: relative; }
  .bm-menu-ready #navigation2 #responsive li.bm-has-sub > .bm-sub-toggle { position: absolute; top: 0; margin: 0; z-index: 5; border-left: 1px solid rgba(255,255,255,.15); }

  /* ---- главная: слайдер ---- */
  #layerslider-container { display: none !important; }
  .bm-slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; margin: 0 0 16px; }
  .bm-slider figure { flex: 0 0 100%; scroll-snap-align: start; margin: 0; position: relative; }
  .bm-slider img { display: block; width: 100%; height: auto; aspect-ratio: 1020 / 350; object-fit: cover; }
  .bm-slider figcaption { padding: 8px 16px; font-size: 15px; line-height: 1.4; color: #555; background: #f5f5f5; }
  .bm-dots { display: flex; justify-content: center; gap: 8px; margin: -8px 0 16px; }
  .bm-dots span { width: 9px; height: 9px; border-radius: 50%; background: #ccc; } .bm-dots span.on { background: #fcab55; }

  .icon-box-container { margin: 16px 0 8px; }
  .icon-box-container .one-third.column, .icon-box-container .three.columns { margin-bottom: 20px !important; }
  .icon-box-container img { width: 100% !important; max-width: 100%; height: auto !important; border-radius: 4px; }
  .icon-box-container .one-third.column:nth-child(2) img { width: auto !important; max-width: 70%; }
  .icon-box-container a { display: inline-block; padding: 6px 0; }
  .recent-blog { margin: 0 0 16px; }

  /* партнёры: сетка */
  ul.client-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0 0 8px; padding: 0; }
  ul.client-list li { width: auto !important; float: none !important; margin: 0 !important; padding: 10px 6px !important; border: 1px solid #e8e8e8 !important;
    box-sizing: border-box; text-align: center; height: auto !important; }
  ul.client-list li .centerimg { height: 64px; display: flex; align-items: center; justify-content: center; }
  ul.client-list li img { max-height: 60px; width: auto; max-width: 100%; }
  ul.client-list li a { font-size: 14px !important; }
  @media (min-width: 480px) { ul.client-list { grid-template-columns: repeat(3, 1fr); } }

  /* отзывы */
  .testimonial-slider .flex-direction-nav { display: none !important; }
  .testimonial-slider { margin-bottom: 24px !important; }
  .testimonials { padding: 16px !important; font-size: 16px !important; line-height: 1.5 !important; background: #f5f5f5; }
  .testimonials-author { padding: 8px 0 0; }
  .testimonial-slider .flex-control-nav { position: static; margin-top: 8px; }

  /* ---- каталог: боковая колонка сворачивается ---- */
  .floated.sidebar, .fourindex.floated.sidebar { padding-top: 0 !important; padding-bottom: 8px !important; }
  .bm-side-toggle { display: block; width: 100%; box-sizing: border-box; margin: 8px 0; padding: 12px 16px; border: 1px solid #fcab55; border-radius: 6px;
    background: #fff; color: #e08a2c; font-size: 17px; font-weight: 600; text-align: left; cursor: pointer; }
  .bm-side-toggle:after { content: "\25BE"; float: right; }
  .bm-side-collapsed > :not(.bm-side-toggle) { display: none !important; }
  .page-title { padding: 12px 0 8px !important; }
  #breadcrumbs, #breadcrumbs ul { float: none; margin: 4px 0 0; }
  #breadcrumbs a, #breadcrumbs li { font-size: 14px !important; }

  #news-wrap, .bx_catalog_list_home { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  #news-wrap > .bx_catalog_item, .bx_catalog_list_home > .bx_catalog_item { width: auto !important; float: none !important; margin: 0 !important; min-width: 0; }
  .bx_catalog_item_container { padding: 8px !important; border: 1px solid #eee; border-radius: 6px; height: 100%; box-sizing: border-box; }
  .bx_catalog_item_images { height: auto !important; padding-top: 100% !important; background-size: contain !important; }
  .bx_catalog_item_images_double { display: none !important; }
  .bx_catalog_item_title { height: auto !important; max-height: none !important; overflow: visible !important; margin: 6px 0 !important; }
  .bx_catalog_item_title a { font-size: 15px !important; line-height: 1.3; white-space: normal !important; }
  .bx_catalog_item .delay { font-size: 14px; }
  .bx_catalog_item_controls.touch, .bx_catalog_item_controls { display: block !important; }
  .bx_catalog_item_controls.touch .bx_medium, .bx_catalog_item_controls_blocktwo .button { display: block; text-align: center; padding: 10px 6px !important; font-size: 15px !important; margin: 6px 0 0; }
  .bx_catalog_item_scu { display: none !important; }
  .filters-dropdown { float: none !important; margin: 0 0 8px !important; display: inline-block; }
  .elevenindex.floated2.right { padding-top: 8px !important; }

  /* ---- карточка товара ---- */
  .bx_item_detail { width: 100% !important; }
  .bx_item_detail .bx_item_container, .bx_item_detail .bx_lt, .bx_item_detail .bx_rt { float: none !important; width: 100% !important; padding: 0 !important; }
  .item_current_price { font-size: 26px !important; }
  .item_buttons .button, .item_buttons a.button, a.button, .button, input[type=submit], button.button {
    min-height: 44px; padding: 12px 18px !important; font-size: 16px !important; line-height: 20px !important; box-sizing: border-box; }
  .bx_bt_button_type_2.bx_small { min-width: 40px; min-height: 40px; line-height: 40px !important; font-size: 18px !important; }
  .bx_col_input, .transparent_input { height: 40px; font-size: 16px !important; }
  .tabs-nav li { float: left; } .tabs-nav li a { padding: 10px 12px !important; font-size: 15px !important; }
  .tabs-container, .tab-content { padding-left: 0 !important; padding-right: 0 !important; }
  .tab-content table { display: block; overflow-x: auto; max-width: 100%; }
  .tab-content table td { padding: 6px 8px 6px 0; vertical-align: top; }

  /* ---- корзина/формы ---- */
  input[type=text], input[type=email], input[type=tel], input[type=password], select, textarea { max-width: 100%; box-sizing: border-box; }
  .bx_ordercart table, #basket_items { width: 100% !important; }

  /* ---- подвал ---- */
  #footer { padding: 24px 0 8px !important; }
  #footer .columns { margin-bottom: 20px !important; }
  #footer, #footer p, #footer li, #footer a { font-size: 15px !important; line-height: 1.5; }
  #footer h4 { font-size: 18px !important; margin: 0 0 10px; }
  #footer .contact-details-alt li { padding: 6px 0 6px 26px; position: relative; text-align: left !important; }
  #footer .contact-details-alt li i { position: absolute; left: 0; top: 10px; }
  #footer .contact-details-alt li * { float: none !important; text-align: left !important; display: inline; }
  #footer .map, #footer [id^="BX_GMAP"], #footer .bx-google-map, #footer a[href="#map"] > div { width: 100% !important; display: block !important; }
  #footer-bottom { padding: 12px 0 16px; }
  #footer-bottom .copyright, #footer-bottom .copyright * { font-size: 13px !important; line-height: 1.5; }
  #footer-bottom form, #footer-bottom .search-form { float: none !important; width: 100% !important; margin: 12px 0 0 !important; }
  #footer-bottom input[type=text] { width: 100% !important; height: 44px; font-size: 16px !important; }

  /* нижняя фиксированная панель: по ширине экрана */
  .bottom_line, .bottom_line1 { width: 100% !important; left: 0 !important; margin-left: 0 !important; }
  .bottom_line .bx_cart_block { font-size: 13px !important; padding: 8px 2px !important; }
  .bottom_line .hover_bottom a { font-size: 13px !important; }
  #ucall_container { bottom: 72px !important; right: 12px !important; left: auto !important; top: auto !important; }

  /* ---- доводка ---- */
  #city_wrap { position: static !important; flex: 0 0 100%; order: 0; margin: 0 0 2px !important; }
  #logo { order: 1; }
  .bm-phone-bar a { flex: 1 1 45%; font-size: 16px !important; padding: 10px 6px; }
  #header .top-search .search-field { background: #fff !important; border: 1px solid #ccc !important; color: #333 !important; }
  #header .top-search .search-btn { background-color: transparent; }
  ul.client-list:before, ul.client-list:after { display: none !important; content: none !important; }
  #footer .contact-details-alt li p:empty { display: none !important; }
  #footer .contact-details-alt li p { display: block !important; margin: 0 !important; padding: 0 !important; }
  #footer .contact-details-alt li * { display: revert; }
  #footer .contact-details-alt li strong { display: inline !important; }
  #footer [style*="text-align: right"], #content [style*="text-align: right"], #content [style*="text-align:right"] { text-align: left !important; }
  #footer [style*="justify"] { text-align: left !important; }
  .page-title h2 { float: none !important; display: block; margin-bottom: 4px; }
  #breadcrumbs { float: none !important; position: static !important; width: 100%; }
  .filters-dropdown { width: auto !important; min-width: 0; }
  .filters-dropdown span { white-space: nowrap; font-size: 15px !important; padding-right: 28px; }
  .elevenindex.floated2.right .filters-dropdown { margin-right: 8px !important; }
  .bm-tel { white-space: nowrap; }
  html, body { overflow-x: hidden; max-width: 100%; }
  #city_wrap { box-sizing: border-box; }
  .popupmap { width: 92% !important; left: 4% !important; margin-left: 0 !important; box-sizing: border-box; }
  .popupmap .bx-yandex-view-layout, .popupmap iframe { width: 100% !important; left: 0 !important; }
  select { min-height: 40px; font-size: 16px !important; }
  .floated.sidebar a.button, .floated.sidebar .button { width: 100% !important; box-sizing: border-box; display: block; }
  .bm-menu-ready #navigation2 #responsive ul { border: 0 !important; right: 0 !important; }
}