/* ===== TA TABLET HEADER FIX (768-1024): мобильная шапка с бургером ===== */
@media (min-width:768px) and (max-width:1024px){

    /* --- тело: компактный верхний бар --- */
    body { padding-top: 52px; }

    /* --- верхний бар (#menu) --- */
    #menu{
        position: fixed;
        top: 0; left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        border: 0;
        border-radius: 0;
        box-shadow: 0 1px 4px rgba(0,0,0,.2);
        z-index: 1001;
        height: auto;
    }
    #menu > .container{
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    #menu .navbar-header{
        display: block;
        float: none;
        width: auto;
        margin: 0 -15px;
        padding: 0;
    }
    #mobile-sidebar-btn{
        display: block;
        float: left;
        margin: 16px 0 0 15px;
    }
    #menu .navbar-brand{
        display: block;
        float: left;
        padding: 0 10px;
        margin: 0;
        height: auto;
        position: static;
    }
    #menu .navbar-brand img{
        height: 34px;
        width: auto;
        margin-top: 9px;
    }
    #mobile-cart{
        display: block;
        float: right;
        padding: 11px 15px 11px 10px;
        font-size: 27px;
        line-height: 1;
    }
    #info-btn{
        display: block;
        float: right;
        padding: 11px 10px;
        font-size: 27px;
        line-height: 1;
    }
    /* поиск-иконки на планшете не нужны: поиск есть в панели меню */
    .click-search, .mobile-search{ display: none !important; }
    /* десктопная кнопка «Категории» в баре не нужна */
    #menu .btn-category{ display: none !important; }

    /* --- шапка (лого + верхнее меню + контакты) уезжает в панель по «i» --- */
    header{
        margin: 0;
        margin-left: -100%;
        width: 100%;
        position: fixed;
        left: 0;
        top: 51px;
        bottom: 0;
        transition: .3s all;
        z-index: 100;
        padding: 0;
        height: auto;
        overflow-y: auto;
        background: #fff;
    }
    .open-infomenu header{ margin-left: 0; }
    #logo{ display: none; }
    header .container{ width: 100%; max-width: 100%; padding: 0 15px; }
    header .col-sm-3{ display: none; }
    header .col-sm-9{ float: none; width: 100%; }
    #menu-list-top{
        display: block;
        position: relative;
        background: none;
        margin: 0;
        padding: 0;
        top: 0;
        box-shadow: none;
    }
    #menu-list-top .container{ width: 100%; max-width: 100%; padding: 0; }
    /* bootstrap .navbar-left/.navbar-right тянут float:left/right !important */
    #menu-list-top ul.navbar-nav,
    #menu-list-top ul.navbar-left,
    #menu-list-top ul.navbar-right{
        float: none !important;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #menu-list-top .navbar-nav > li{ float: none; display: block; width: 100%; }
    #menu-list-top .navbar-nav > li > a,
    #menu-list-top .navbar-nav > li > .btn-link{
        display: block;
        width: 100%;
        text-align: left;
        padding: 12px 15px;
        font-size: 14px;
        color: #313131;
        border: 0;
        border-bottom: 1px solid #ddd;
    }
    .ta-contact-hub-wrap{ padding: 12px 0; justify-content: center; }
    .ta-contact-hub{ position: relative; float: none; width: auto; max-width: 100%; margin: 0 auto; }
    /* на планшете телефон в контактах снова показываем (на мобилке скрыт) */
    .ta-contact-phone-text{ display: inline-block; }

    /* --- меню — выезжающая панель по бургеру --- */
    .sidebar{
        background: #f5f5f5;
        position: fixed;
        width: 100%;
        left: 0;
        top: 52px;
        bottom: 0;
        overflow-y: auto;
        margin-left: -100%;
        transition: .3s all;
    }
    #menu.fixed-menu .sidebar{ top: 52px; }
    .open-sidebar .sidebar{ margin: 0; }

    /* вход/профиль — крупной кнопкой сверху панели
       (footer.twig показывает его только до 991px, тут поднимаем до 1024px) */
    .sidebar .ta-side-profile{ display: block !important; padding: 12px 16px 4px; }
    .ta-side-profile__btn{
        display: block;
        text-align: center;
        padding: 11px 16px;
        border-radius: 10px;
        background: #f7f7f9;
        border: 1px solid #e9ebef;
        color: #14161a !important;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }
    .ta-side-profile__hint{ margin-top: 7px; text-align: center; font-size: 12px; color: #9aa0a8; }

    /* пункты меню — вертикально, как на телефоне */
    #menu .navbar-nav{ float: none !important; display: block; width: 100%; margin: 0; }
    #menu .navbar-nav > li{ float: none !important; display: block; width: 100%; }
    #menu ul.navbar-left, #menu ul.navbar-right{ float: none !important; display: block; width: 100%; }
    #menu .nav > li > a,
    #menu .nav > li > .btn-link{
        display: block;
        float: none;
        text-align: left;
        padding: 12px 15px;
        font-size: 14px;
        color: #222;
        height: auto;
        min-height: 0;
    }
    #menu .nav > li > a.icon-btn{
        font-size: 22px;
        padding: 12px 15px;
    }
    li .icon-btn span{ float: left; margin-right: 10px; }
    .icon-btn .btn-text{ display: block; font-size: 14px; font-style: normal; }
    li.li-category{ border-bottom: 1px solid #ddd; }
    #menu .dropdown-menu{
        position: relative;
        float: none;
        width: 100%;
        left: 0;
        top: auto;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: none;
    }
    #menu .category-dropdown{
        width: auto;
        display: block;
        position: relative;
        float: none;
        max-height: none;
        box-shadow: none;
        background: none;
    }
    #menu .category-dropdown .dropdown-submenu{ float: none; }
    #menu .dropdown-inner ul li{ width: auto; float: none; }
    #menu .category-dropdown:hover + #menuMask{
        visibility: hidden;
        opacity: 0;
        height: 0;
        width: 0;
        display: none;
    }

    /* --- корзина — выезжающая панель по иконке --- */
    #menu .btn-cart{
        display: block;
        width: 100%;
        height: auto;
        padding: 12px 15px;
        background: none;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #222;
        text-align: left;
    }
    #cart{
        float: none;
        position: fixed;
        width: 100%;
        margin-left: -100%;
        bottom: 0;
        top: 52px;
        left: 0;
        background: #f5f5f5;
        z-index: 1030;
        padding-top: 0;
        overflow-y: auto;
        transition: .3s all;
    }
    #cart .dropdown-menu{
        width: 100%;
        display: block;
        position: relative;
        float: none;
        left: auto;
        top: auto;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: #f5f5f5;
    }
    .open-minicart #cart{ margin-left: 0; }
}
/* ===== /TA TABLET HEADER FIX ===== */