/* Mobile header trial: loaded only on p822731.html. */
@media (max-width: 767px) {
  html { scroll-padding-top: 130px; }
  body { min-width: 320px; }
  .main_header {
    position: sticky; top: 0; z-index: 1100; width: 100%;
    padding: 64px 12px 10px; background: #f7eae3;
    border-bottom: 1px solid #d9bdad;
    box-shadow: 0 2px 5px rgba(85,62,49,.12);
  }
  .main_header > .container { position: static; width: 100%; max-width: none; padding: 0; margin: 0; }
  .main_header .logo {
    top: 3px; left: 75px; margin: 0; transform: none;
    width: 92px; height: 57px; background-size: contain; background-position: center;
  }
  .main_header .site_nav { position: static; float: none; max-width: none; width: 100%; margin: 0; }
  .main_header .nav { position: static; margin: 0; }
  .main_header .nav_toggle {
    display: block; position: absolute; top: 7px; left: 12px;
    width: 52px; min-height: 48px; padding: 0; border: 0; border-radius: 4px;
    background: transparent; color: #7a4841; box-shadow: none; font-size: 0;
  }
  .main_header .nav_toggle::before {
    content: ''; position: absolute; top: 6px; left: 14px;
    width: 24px; height: 17px; border-top: 2px solid #7a4841; border-bottom: 2px solid #7a4841;
    background: linear-gradient(#7a4841,#7a4841) center / 24px 2px no-repeat;
  }
  .main_header .nav_toggle::after { content: 'Меню'; display: block; margin-top: 26px; text-align: center; font: 12px/18px Arial,sans-serif; }
  .main_header .nav_toggle[aria-expanded=true] { background: #ecd6c9; }
  .main_header .search_form { margin: 0; width: 100%; }
  .main_header .search_form input[type=text] {
    height: 44px; margin: 0; padding: 0 82px 0 12px;
    border-radius: 5px; background: #325fa2; font-size: 16px; font-style: normal;
  }
  .main_header .search_form .search_submit, .main_header #clearSearch { height: 44px; width: 40px; }
  .main_header #clearSearch { right: 40px; line-height: 44px; }
  .main_header .search_form:before { top: 14px; }
  .main_header .user_block { position: static; display: block; float: none; width: 0; margin: 0; }
  .main_header .cart { position: absolute; top: 7px; right: 12px; padding: 0; margin: 0; width: 60px; height: 48px; }
  .main_header .cart:before, .main_header .cart br { display: none; }
  .main_header .cart a { display: block; position: relative; margin: 0; width: 60px; height: 48px; border: 0; font-size: 0; }
  .main_header .cart a:before { content: ''; position: absolute; width: 25px; height: 25px; top: 0; left: 16px; background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23325fa2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h4l3 15h14l3-11H7M10 23h.01M22 23h.01'/%3E%3Ccircle cx='10' cy='23' r='1'/%3E%3Ccircle cx='22' cy='23' r='1'/%3E%3C/svg%3E"); }
  .main_header .cart a:after { content: 'Корзина'; position: absolute; top: 31px; left: 0; width: 60px; text-align: center; color: #7a4841; font: 12px/17px Arial,sans-serif; }
  .main_header > .phone_block {
    position: absolute; top: 5px; left: 154px; right: 76px;
    width: auto; float: none; margin: 0; padding: 0; line-height: 1;
    display: flex; flex-direction: column; align-items: center; justify-content: center; height: 54px;
  }
  .main_header > .phone_block .phone { padding: 0; width: 100%; }
  .main_header > .phone_block .phone a { display: block; margin: 0; padding: 4px 0; white-space: nowrap; font: 12px/16px Arial,sans-serif; color: #7a4841; }
  .main_header > .phone_block .worktime { display: none; }
  .main_header > .phone_block .max { gap: 5px; }
  .main_header > .phone_block .max a { display: flex; align-items: center; justify-content: center; width: 32px; height: 28px; margin: 0 !important; }
  .main_header > .phone_block .max img { width: 22px; height: 22px; object-fit: contain; }
  .main_header #col_tovarov { position: absolute; top: -3px; right: 0; min-width: 18px; height: 18px; padding: 0 4px; background: #325fa2; color: #fff; border: 1px solid #f7eae3; border-radius: 10px; font: 11px/16px Arial,sans-serif; text-align: center; }
  .main_header #podskaz { position: absolute; top: 100%; left: 12px; right: 12px; width: auto; max-height: 60vh; overflow: auto; z-index: 2; }
  .mh-panel[hidden] { display: none !important; }
  .mh-panel { position: absolute; top: 100%; left: 0; right: 0; padding: 8px 16px 16px; background: #f7eae3; border-bottom: 1px solid #d9bdad; box-shadow: 0 5px 7px rgba(85,62,49,.15); max-height: calc(100vh - 125px); max-height: calc(100dvh - 125px); overflow-y: auto; }
  .mh-panel .site_menu { display: block; padding: 0; white-space: normal; }
  .mh-panel .site_menu li { display: block; padding: 0; margin: 0; text-align: left; }
  .mh-panel .site_menu li:before { display: none; }
  .mh-panel .site_menu a, .mh-panel > .wishlist_link { display: block; padding: 13px 4px; margin: 0; min-height: 46px; border-bottom: 1px solid #e4cdbf; color: #7a4841; text-transform: none; letter-spacing: 0; font-size: 16px; line-height: 20px; }
  .mh-panel .account_row { width: 100%; padding: 8px 0; }
  .mh-panel .account_row .lk_link { width: 100%; margin: 0; height: 44px; line-height: 44px; text-align: left; }
  .mh-panel .phone_block { position: static; float: none; width: 100%; margin: 8px 0 0; padding: 10px 0 0; border-top: 1px solid #e4cdbf; }
  .mh-panel .phone { padding: 4px 0; font-size: 17px; }
  .mh-panel .worktime { padding: 3px 0 10px; }
  .mh-panel .adminka-toggle-row { padding-top: 8px !important; }
  .mh-panel #for_lk { z-index: 1110; }
  .main_header a:focus-visible, .main_header button:focus-visible { outline: 2px solid #325fa2; outline-offset: 2px; }
  .main_content_wrap > .container { min-width: 0; }
  .main_content_wrap .content_right { min-width: 0; max-width: 100%; }
}
@media (max-width: 359px) {
  .main_header .logo { left: 56px; width: 76px; }
  .main_header > .phone_block { left: 132px; right: 68px; }
  .main_header > .phone_block .phone a { font-size: 11px; }
  .main_header .nav_toggle { left: 6px; width: 46px; }
  .main_header .cart { right: 6px; }
}

@media (max-width: 767px) { .main_header .cart.mh-cart-empty #col_tovarov, .main_header #col_tovarov:empty { display: none; } }
