/* Scoped to the public design; native Bitrix editor windows keep their own layout. */
@layer dmLiveDesign {
@scope (body.dm-live-redesign) to (:is(#panel,[id^="bx-panel"],.bx-component-opener,.bx-core-window,.bx-core-popup-menu,.bx-core-dialog-overlay,.bx-core-adm-dialog,.bx-editor,.bx-html-editor)) {
  .inner-page .dma-filters button[aria-pressed=true] {
    color:#fff!important;background:#142d43!important;border-color:#142d43!important;
  }
  .inner-page .dma-filters button[aria-pressed=true]:is(:hover,:focus-visible) {
    color:#fff!important;background:#24425b!important;
  }
  /* The inherited 60px shell clipped the wrapping form and let its buttons cover the page title. */
  .dm-live-shell #site-search #title-search {
    height:auto!important;min-height:0!important;max-height:none!important;top:auto!important;overflow:visible!important;
    padding:0!important;background:transparent!important;
  }
  .dm-live-shell #site-search #title-search form {
    position:static!important;height:auto!important;min-height:50px!important;margin:0!important;padding:0!important;
  }
  .dm-live-shell #site-search #title-search .search-button-div {
    height:auto!important;min-height:0!important;align-self:stretch!important;
  }
  .dm-live-shell #site-search #title-search form::before,.dm-live-shell #site-search #title-search form::after,
  .dm-live-shell #site-search::before,.dm-live-shell #site-search::after {display:none!important}
  .dm-live-shell #site-search #title-search-input:focus {
    border-color:#426d8e!important;outline:2px solid #426d8e!important;outline-offset:-2px!important;box-shadow:none!important;
  }
  .dm-live-shell #site-search[hidden] {padding-block:0!important}
  @media(max-width:880px) {
    .inner-page ul.side-menu {
      display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
    }
    .inner-page ul.side-menu::before,.inner-page ul.side-menu::after {display:none!important}
    .inner-page ul.side-menu>li {min-width:0!important;width:auto!important;flex:none!important;align-self:stretch!important}
    .inner-page ul.side-menu>li>a {
      position:relative!important;display:flex!important;align-items:center!important;min-height:48px!important;height:100%!important;
      padding:12px 30px 12px 12px!important;line-height:1.45!important;
    }
    .inner-page ul.side-menu>li>a::before {
      position:absolute!important;right:12px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;
      margin:0!important;line-height:1!important;content:""!important;display:block!important;
      width:6px!important;height:6px!important;border:solid currentColor!important;border-width:0 1.5px 1.5px 0!important;
      transform:translateY(-50%) rotate(-45deg)!important;
    }
  }
  @media(max-width:680px) {
    .inner-page .page-top {padding:24px 0 20px!important;margin-bottom:24px!important}
    .inner-page h1 {font-size:28px!important;line-height:1.2!important}
    .inner-page .breadcrumb {font-size:12px!important;line-height:1.5!important;margin-top:16px!important}
    .inner-page .sidebar {margin-bottom:24px!important}
    .inner-page ul.side-menu>li>a {font-size:13px!important}
    .inner-page .dma-filters {display:flex!important;flex-wrap:wrap!important;gap:8px!important}
    .inner-page .dma-filters button {min-height:44px!important;padding:9px 12px!important;font-size:13px!important;line-height:1.4!important}
    #main-navigation.main-navigation {padding-inline:0!important}
    #main-navigation>.nav-group>a,#main-navigation>a {padding-inline:20px!important}
    #main-navigation>.nav-group>.nav-dropdown>a {padding-inline:20px!important}
    #main-navigation>.search-toggle {padding-inline:20px!important}
    .main-navigation>.nav-group>.nav-dropdown {
      background:#102334!important;color:#e4edf4!important;padding-inline:0!important;
    }
    .main-navigation>.nav-group>.nav-dropdown>a {
      display:flex!important;align-items:center!important;min-height:44px!important;padding:10px 12px!important;
      color:#e4edf4!important;background:transparent!important;border:0!important;font-size:14px!important;line-height:1.45!important;
    }
    .main-navigation>.nav-group>.nav-dropdown>a:is(:hover,:focus-visible,[aria-current=page]) {
      color:#fff!important;background:#24425b!important;
    }
    .main-navigation>.search-toggle {display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px!important}
    .main-navigation>.search-toggle::after {content:"Поиск по сайту"!important;font-size:14px!important;line-height:1.4!important}
    .dm-live-shell #site-search:not([hidden]) {width:100%!important;padding:16px 20px!important}
    .dm-live-shell #site-search #title-search form {display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:10px!important}
    .dm-live-shell #site-search .search-input-div {grid-column:1/-1!important;width:100%!important}
    .dm-live-shell #site-search .search-button-div {display:contents!important}
    .dm-live-shell #site-search .search-button-div>.btn {width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:10px 16px!important;text-transform:none!important}
    .dm-live-shell #site-search .search-button-div>.dm-search-close {margin:0!important;width:44px!important;height:44px!important}
  }
}
}
