/* ГИО Header - Минималистичный мобильный хедер как в архиве */

/* Мобильные устройства - средние экраны */
@media (max-width: 1024px) {
    /* СКРЫВАЕМ header__bottom - в мобилке показываются только кнопки в header__top */
    .header__bottom {
        display: none !important;
    }
    
    /* Скрываем wishlist и переключатель языков в мобильном хедере */
    .header__top .header-nav {
        display: none !important;
    }
    
    .header__top .btn-wishlist {
        display: none !important;
    }
    
    /* Компактный header как в архиве */
    .header {
        height: 64px !important;
    }
    
    .header ~ .main {
        padding-top: 64px !important;
    }
    
    .header__top {
        line-height: 64px !important;
        height: 64px !important;
    }
    
    .header__top > .container,
    .header__top .container,
    .header__top .container.flexible {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 16px !important;
        height: 64px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }
    
    /* Логотип */
    .header__top .header-logo {
        z-index: 11;
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }
    
    .header__top .header-logo img {
        height: 16px !important;
        width: auto;
        display: block !important;
    }
    
    /* Меню кнопок - минималистичное */
    .header__top .header-menu {
        z-index: 11;
        white-space: nowrap;
        display: flex !important;
        align-items: center !important;
        gap: 24px !important;
        height: 100% !important;
    }
    
    .header__top .header-menu .link {
        border: 0 !important;
        min-width: auto !important;
        margin: 0 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        position: relative;
        display: flex !important;
        align-items: center !important;
        line-height: normal !important;
        padding: 0 !important;
        background: none !important;
        color: #fff !important;
        text-decoration: none;
        gap: 4px !important;
    }
    
    .header__top .header-menu .link span {
        opacity: 0.5 !important;
        font-size: 12px !important;
        display: inline-block !important;
        line-height: 1 !important;
    }
    
    .header__top .header-menu .link:hover {
        opacity: 0.7;
    }
    
    /* Корзина */
    .header__top .btn-cart {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    
    .header__top .btn-cart span {
        color: #ebeb47 !important;
        opacity: 1 !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-shadow: 0 0 25px rgba(235, 235, 71, 1), 0 0 10px rgba(235, 235, 71, 0.8) !important;
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        filter: brightness(1.3) !important;
    }
    
    .header__top .btn-cart svg {
        width: 16px !important;
        height: 16px !important;
        display: block !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }
    
    .header__top .btn-cart svg path {
        fill: #fff !important;
    }
    
    /* Меню ГИО - только текст "Menu" без гамбургера */
    .header__top .mobile-menu-trigger {
        display: flex !important;
        align-items: center !important;
        line-height: normal !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
        color: #fff !important;
    }
    
    /* Скрываем иконку гамбургера */
    .header__top .btn-menu,
    .header__top .mobile-menu-trigger .btn-menu,
    .header__top .mobile-menu-trigger i,
    .header__top .header-menu .mobile-menu-trigger i {
        display: none !important;
    }
}

/* Очень маленькие экраны - как в архиве */
@media (max-width: 500px) {
    .header__top .header-logo img {
        height: 10px !important;
    }
}

/* Desktop версия - показываем все как обычно */
@media (min-width: 1025px) {
    .header__top .header-nav {
        display: block !important;
    }
    
    .header__top .btn-wishlist {
        display: flex !important;
    }
}