@media(min-width:320px){
    .burger-menu span{
        display: none;
    }
    .contacts-block p, .contacts-block .switch, .main-navigation{
        display: none;
    }
    .logo-prename.caption{
        display: none;
    }
    .contacts-block p{
        display: none;
    }
    .burger-menu::before {
        content: url('./img/burger-icon.svg');
        position: relative;
        top: 1px;
        width: 15px;
        height: 15px;
        overflow: hidden;
    }
    .main-menu{
        display: block;
    }
    .contacts-block .icon-link {
        display: inline-block;
        padding: 14px;
        line-height: 0;
        border: 1px solid var(--background-basic);
        border-radius: 30px;
    }
    .contacts-block a.icon-link {
        display: flex;
        padding: 13px;
        height: 42px;
        align-items: center;
    }
    .icon-link picture{
        display: block;
        width: 100%;
        height: max-content;
    }
    .icon-link img {
        max-width: 14px;
    }
    .switch {
        position: relative;
        display: inline-block;
        width: 69px;
        height: 37px;
    }
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    .burger-menu {
        display: flex;
        line-height: 0;
        border: 1px solid var(--background-basic);
        border-radius: 30px;
        align-items: center;
        padding: 13px;
        color: var(--background-dark);
        height: 42px;
    }
    .main-navigation.active {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        height: 100%;
        width: 100%;
        background: white;
        padding: 23px 16px;
        overflow-y: scroll;
    }
    .main-navigation.active .logo-prename.caption {
        color: #A0ACB9;
        font-weight: 300;
        font-size: 12px;
        line-height: 15.6px;
        display: block;
    }
    .mob-burger-header-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 18px;
    }
    .manage-burger{
        display: flex;
        gap: 24px;
        align-items: center;
    }
    .close-burger {
        background-image: url('./img/close-icon.svg');
        background-size: 100%;
        width: 42px;
        background-repeat: no-repeat;
        height: 42px;
        position: relative;
    }
    .main-menu{
        list-style: none;
        padding: 0;
    }
    .main-menu li{
        margin-bottom: 0;
    }
    .main-menu a{
        text-decoration: none;
        color: var(--text-basic);
        font-size: 16px;
        font-weight: 600;
    }
    .dark .main-menu a {
        color: var(--white);
    }
    li.has-child>a::after {
        content: url(./img/menu-arrow.svg);
        display: inline-block;
        margin-left: 7px;
        transform: rotate(180deg);
        transition: .2s;
    }
    li.has-child>a.active-menu-item::after{
        transform: rotate(0deg);
    }
   
    .main-menu .dropdown-menu{
        list-style: none;
        display: none;
        position: relative;
        top: 25px;
        left: 0;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }
    .main-menu .dropdown-menu.active {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-bottom: 50px;
        padding-left: 20px;
        background-color: inherit;
    }
    .dropdown-menu.active li{
        border-bottom: 1px solid var(--background-basic);
        padding-bottom: 3px;
        width: fit-content;
    }

    .main-menu .dropdown-menu{
        list-style: none;
        display: none;
        position: relative;
        top: 25px;
        left: 0;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
        /* Добавляем для плавной анимации высоты */
        overflow: hidden;
    }
    
    .main-menu .dropdown-menu.active {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-bottom: 50px;
        padding-left: 20px;
        background-color: inherit;
        /* Убираем transition для height, чтобы JS мог управлять анимацией */
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    .adaptive-main-navigation .has-child > a {
        position: relative;
        cursor: pointer;
    }
    .adaptive-main-navigation.active .dropdown-menu.force-visible {
        opacity: 1;
        visibility: visible ;
        display: block;
    }
}
@media(min-width:768px){
    .burger-menu span{
        display: block;
        font-size: 16px;
        line-height: 1.2;
        position: relative;
        top: -2px;
    }
    .burger-menu::before{
        margin-right: 12px;
    }
/* 
    .main-navigation .search-form.search-mobile{
        display: none;
    }
*/
    .main-header .search-form.search-desktop{
        display: block;
        margin-right: 10px;
        margin-bottom: 0;
        width: 237px;
    }
    .search-form::before{
        left: 14px;
    }
    .search-form .form__input{
        padding-left: 44px;
        height: 48px;
        font-size: 14px;
    }
}
@media(min-width:1350px){
    .burger-menu, .mob-burger-header-flex, .contacts-block-mobile{
        display: none;
    }
    .main-navigation{
        display: block;
    }
    .top-header .contacts-block p span{
        font-size: 12px;
        color: var(--text-light);
        line-height: 1.3;
        font-family: 'Unbounded', sans-serif;
        font-weight: 300;
    }
    .main-menu{
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .top-header .logo{
        display: flex;
        align-items: center;
        max-width: 330px;
        width: 100%;
    }
    .top-header .logo img{
        padding-right: 32px;
        border-right: 1px solid #D7E1EC;
    }
    .logo-prename.caption{
        display: block;
        font-size: 12px;
        color: var(--background-dark);
        line-height: 1.3;
        max-width: 155px;
        width: 100%;
        padding-left: 32px;
        font-family: "Unbounded", sans-serif;
        font-weight: 300;
    }
    .top-header{
        border-bottom: 1px solid var(--background-basic);
        margin-bottom: 20px;
    }
    .contacts-block .icon-link:nth-child(3){
        margin-right: 24px;
    }
    .main-menu .has-child:hover > .dropdown-menu{
        position: absolute;
        left: 0;
        width: 100%;
        padding: 40px;
        background: #fff;
        z-index: 100;
        top: 18px;
        display: block;
        column-count: 4;
        white-space: nowrap;
        flex-wrap: wrap;
        gap: 0px 50px;
    }
    .dark .main-menu .has-child:hover > .dropdown-menu {
        background-color: var(--text-basic);
    }
    .main-menu .dropdown-menu{
        opacity: 1;
        visibility: visible;
    }
    .main-menu .dropdown-menu li {
        margin-bottom: 27px;
    }
    .main-menu .dropdown-menu li a {
        padding-bottom: 3px;
        border-bottom: 1px solid var(--background-basic);
        max-width: max-content;
    }
    .main-menu a:hover{
        color: var(--main-basic);
    }
    .adaptive-main-navigation {
        display: block !important;
    }
    
    .adaptive-main-navigation .dropdown-menu {
        display: none !important;
    }
    
    /* Обеспечиваем правильное отображение hover на десктопе */
    .main-menu .has-child:hover > .dropdown-menu{
        position: absolute;
        left: 0;
        width: 100%;
        padding: 40px;
        background: #fff;
        z-index: 100;
        top: 18px;
        display: block !important;
        column-count: 4;
        white-space: nowrap;
        flex-wrap: wrap;
        gap: 0px 50px;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
    }
}