/* Multisport mobile header/search. stylesheet_change.css is untouched. */
@media (max-width: 767px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  body { padding-top: 36px; }
  body.mobile-search-open { overflow: hidden; }
  .mfp-bg { z-index: 2147483010 !important; }
  .mfp-wrap { z-index: 2147483011 !important; }

  /* Original Revolution flow: mobile_info left and cart right. */
  #top {
    position: fixed !important; top: 0 !important; right: 0; left: 0;
    min-height: 36px; height: 36px; z-index: 10050;
    transform: none !important;
    transition: top .2s ease;
    will-change: top;
  }
  #top.mobile-header-hidden {
    top: -40px !important;
    transform: none !important;
    pointer-events: none;
  }
  #top > .container {
    position: relative; width: 100% !important; max-width: 100% !important;
    height: 36px; margin: 0 !important; padding: 0 15px !important;
    overflow: hidden; box-sizing: border-box;
  }
  #top .mobile_info { position: static; float: left; width: auto; height: 36px; margin: 0; }
  #top .mobile_info .navbar { width: auto; height: 36px; margin: 0; }
  #top .mobile_info .navbar-toggle,
  #top .mobile_info .mobil_mmenu_three {
    float: left; width: 46px; min-width: 46px; height: 36px;
    margin: 0; padding: 0; border-top: 0; border-bottom: 0;
    border-left: 1px solid rgba(255,255,255,.15);
    border-right: 1px solid rgba(255,255,255,.15);
    border-radius: 0; line-height: 36px; text-align: center; box-sizing: border-box;
  }
  #top .mobile_info .navbar-toggle + .navbar-toggle { border-left: 0; }
  #top > .container > .hidden-sm.hidden-md.hidden-lg:first-child {
    position: static; float: right; width: 46px; height: 36px;
  }
  #top #cart_mobi {
    position: relative !important; right: auto !important; left: auto !important;
    width: 46px; min-width: 46px; max-width: 46px; height: 36px;
    margin: 0 !important; padding: 0; border-right: 1px solid rgba(255,255,255,.15);
    line-height: 36px; transform: none !important; box-sizing: border-box;
  }
  #top #cart_mobi button.cart,
  #top #cart_mobi.open button.cart,
  #top #cart_mobi button.cart:hover,
  #top #cart_mobi button.cart:focus {
    display: flex; align-items: center; justify-content: center;
    position: static !important; right: auto !important; left: auto !important;
    width: 45px; min-width: 45px; max-width: 45px; height: 36px;
    margin: 0 !important; padding: 0 !important; transform: none !important;
    box-sizing: border-box;
  }
  #top #cart_mobi #cart-total_mobi {
    display: inline-flex; float: none !important; align-items: center; justify-content: center;
    width: 100%; height: 36px; margin: 0 !important; padding: 0 !important;
    line-height: 36px; text-align: center; transform: none !important;
  }
  #top #cart_mobi #cart-total_mobi > .fa {
    margin: 0 !important; padding: 0 !important; vertical-align: middle;
  }

  /* Additions only: centered logo and search immediately before cart. */
  #top .logoimg {
    display: block !important; position: absolute; top: 4px; left: 50%;
    float: none !important; width: 76px; height: 28px;
    margin: 0 0 0 -38px !important; line-height: 28px;
    text-align: center; z-index: 2;
  }
  #top .logoimg img {
    display: block; width: 68px; height: 28px; margin: 0 auto; object-fit: contain;
  }
  #top .top-links.verh { display: none !important; }
  .mobile-search-toggle {
    position: absolute; top: 0; right: 61px; width: 46px; height: 36px;
    margin: 0; padding: 0; border: 0;
    border-left: 1px solid rgba(255,255,255,.15);
    border-right: 1px solid rgba(255,255,255,.15);
    border-radius: 0; background: transparent; color: #fff;
    font-size: 18px; line-height: 36px; text-align: center;
    box-sizing: border-box; z-index: 3;
  }
  .mobile-search-toggle:hover,
  .mobile-search-toggle:focus { background: rgba(255,255,255,.12); color: #fff; outline: 0; }

  #top2 { min-height: 0; height: 0; margin-top: 0 !important; background: transparent !important; }
  #top2 > .container { height: 0; padding: 0 !important; }
  #top2 > .container > .row > .col-xs-12:first-child,
  #top2 .header_conts { display: none !important; }

  .mobile-search-backdrop {
    display: none; position: fixed; inset: 0; z-index: 2147483000;
    background: rgba(255,255,255,.94);
  }
  .mobile-search-overlay {
    display: none; position: fixed; top: 0; right: 0; left: 0;
    z-index: 2147483001; padding: 6px 14px; background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
  }
  body.mobile-search-open .mobile-search-backdrop,
  body.mobile-search-open .mobile-search-overlay { display: block !important; }
  .mobile-search-box { position: relative; height: 56px; padding-right: 44px; }
  .mobile-search-overlay .search { position: relative; width: 100%; height: 56px; margin: 0; }
  .mobile-search-overlay .search input[name="search"] {
    width: 100%; height: 56px; padding: 0 12px 0 43px;
    border: 1px solid #ddd; border-radius: 0; background: #fff;
    color: #222; font-size: 16px; box-shadow: none;
  }
  .mobile-search-overlay .search .input-group-btn,
  .mobile-search-overlay .search .search_button {
    position: absolute; top: 0; left: 0; width: 43px; height: 56px; z-index: 2;
  }
  .mobile-search-overlay .search .search_button { border: 0; background: transparent; color: #bbb; }
  .mobile-search-close {
    position: absolute; top: 0; right: 0; width: 44px; height: 56px;
    padding: 0; border: 0; background: transparent; color: #222;
    font-size: 21px; line-height: 56px;
  }
  .mobile-search-overlay .search > ul.dropdown-menu {
    position: absolute; top: 56px; left: 0; width: calc(100% + 44px);
    max-height: calc(100vh - 74px); margin: 0; padding: 4px 0;
    overflow-x: hidden; overflow-y: auto; border: 1px solid #dedede;
    border-top: 0; border-radius: 0; background: #fff;
    box-shadow: 0 5px 12px rgba(0,0,0,.16); z-index: 5;
  }
  .mobile-search-overlay .search > ul.dropdown-menu > li > a {
    min-height: 58px; padding: 4px 10px; white-space: normal;
  }
  .mobile-search-overlay .search .dropdown-menu .image img {
    display: block; width: 50px; height: 50px; object-fit: contain;
  }
  .mobile-search-overlay .search .dropdown-menu .content {
    min-height: 50px; margin-left: 60px; padding-top: 3px;
  }
  .mobile-search-overlay .search .dropdown-menu .name,
  .mobile-search-overlay .search .dropdown-menu .price {
    font-size: 13px; line-height: 17px;
  }

  /* Clean information menu. No Bootstrap dropdown is left for language. */
  .mobilemenu.moblinks,
  .mobilemenu.moblinks .navbar-collapse,
  .mobilemenu.moblinks .navbar-nav { box-sizing: border-box; max-width: 100%; }
  .mobilemenu.moblinks .mobile-info-account {
    display: flex; float: none; width: 100%; margin: 6px 0 0;
    border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
  }
  .mobilemenu.moblinks .mobile-info-account > a {
    display: flex; flex: 1 1 50%; align-items: center; justify-content: center;
    min-width: 0; min-height: 52px; padding: 10px 8px; font-size: 14px;
  }
  .mobilemenu.moblinks .mobile-info-account .fa {
    flex: 0 0 auto; margin-right: 7px; font-size: 20px; text-align: center;
  }
  .mobilemenu.moblinks .mobile-info-account > a:only-child {
    flex-basis: 100%; justify-content: flex-start; padding-right: 14px; padding-left: 14px;
  }
  .mobilemenu.moblinks .mobile-info-register {
    border-left: 1px solid #ddd; color: #075da5;
  }
  .mobilemenu.moblinks .mobile-info-contacts {
    padding: 28px 10px 18px; text-align: center;
  }
  .mobilemenu.moblinks .mobile-info-language-section {
    display: flex; flex-direction: column; align-items: center;
    width: 100%; padding: 12px 10px 18px;
    border-top: 1px solid #ddd; text-align: center; box-sizing: border-box;
  }
  .mobilemenu.moblinks .mobile-info-language-section li {
    list-style: none !important;
  }
  .mobilemenu.moblinks .mobile-info-language-section li::marker {
    content: "" !important;
    display: none !important;
  }
  .mobilemenu.moblinks .mobile-info-language-section > li {
    display: block; float: none !important; width: auto;
    margin: 0 auto !important; padding: 0 !important;
  }
  .mobilemenu.moblinks .mobile-info-language-title {
    float: none; width: 100%; min-height: 38px; margin: 0; border: 0;
  }
  .mobilemenu.moblinks .mobile-info-language-title > span {
    display: flex; align-items: center; justify-content: center; min-height: 38px;
    padding: 4px 8px; color: #444; font-size: 13px; font-weight: 600;
  }
  .mobilemenu.moblinks .mobile-info-language-title .fa {
    flex: 0 0 27px; margin-right: 10px; font-size: 20px; text-align: center;
  }
  html[lang^="uk"] .mobilemenu.moblinks .lang-title-ru,
  html:not([lang^="uk"]) .mobilemenu.moblinks .lang-title-ua { display: none; }
  .mobilemenu.moblinks .mobile-info-language-options {
    display: block !important; float: none !important; width: 100%; min-height: 36px;
    margin: 0 !important; padding: 0 !important; border: 0;
    text-align: center !important;
  }
  .mobilemenu.moblinks form#language.mobile-info-language-form {
    display: block !important; float: none !important;
    width: auto !important; margin: 0 auto !important; padding: 0 !important;
    text-align: center !important; vertical-align: top;
  }
  .mobilemenu.moblinks .mobile-language-list {
    display: flex !important; position: static !important; float: none !important;
    align-items: center; justify-content: center; width: auto !important; min-width: 0 !important;
    margin: 0 auto !important; padding: 0;
    border: 0; list-style: none; background: transparent; box-shadow: none;
  }
  .mobilemenu.moblinks .mobile-language-list > li {
    display: block; float: none !important; width: auto !important;
    margin: 0 7px; padding: 0; border: 0;
  }
  .mobilemenu.moblinks .mobile-language-list > li > a {
    display: block; padding: 4px 6px; color: #222 !important;
    background: transparent !important; font-size: 15px;
    font-weight: 600; line-height: 24px;
  }
  .mobilemenu.moblinks .mobile-language-list > li > a[href^="uk"]::before {
    content: "🇺🇦"; margin-right: 5px;
  }
}

@media (max-width: 340px) {
  #top .logoimg { width: 66px; margin-left: -33px !important; }
  #top .logoimg img { width: 60px; height: 25px; margin-top: 1px; }
}