#top .pull-left{
    float: none !important;
    width: 100%;
}

#top .box-nav-links,
#top .header-nav-links{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#top .header-nav-links li{
    pointer-events: none;
}

#top .header-nav-links .btn.btn-link{
    cursor: default;
    background: transparent;
    padding: 0;
    border: 0;
    text-decoration: none;
}

#top .header-nav-links .btn.btn-link:hover,
#top .header-nav-links .btn.btn-link:focus,
#top .header-nav-links .btn.btn-link:active{
    background: transparent;
    box-shadow: none;
    text-decoration: none;
    outline: none;
}

#additional-menu .dop-menu-show-more,
#additional-menu .menu-viewed-product{
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -99999px !important;
    top: auto !important;
}

#additional-menu .nav-dopmenu > li{
    align-items: center !important;
}

#additional-menu .nav-dopmenu > li.dropdown.section_1 > a.parent-link{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: #EBC848 !important;
    color: #fff !important;
    height: auto !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
}

#additional-menu .nav-dopmenu > li.dropdown.section_1 > a.parent-link *{
    color: #fff !important;
}

#additional-menu .nav-dopmenu > li.dropdown.section_1 > a.parent-link img.nsmenu-thumb{
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex-shrink: 0;
    margin: 0;
}

#additional-menu .nav-dopmenu > li.dropdown.section_1 > a.parent-link .item-name{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

#additional-menu .nav-dopmenu > li.dropdown.section_1 > a.parent-link svg.arrow-t{
    stroke: #fff !important;
    fill: none !important;
}

#additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"],
#additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"]{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: #D8402D !important;
    color: #fff !important;
    height: auto !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
}

#additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"] *,
#additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"] *{
    color: #fff !important;
}

#additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"] img.nsmenu-thumb,
#additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"] img.nsmenu-thumb{
    width: 17px !important;
    height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    flex-shrink: 0;
    margin: 0;
}

#additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"] .item-name,
#additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"] .item-name{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

#additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"] svg.arrow-t,
#additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"] svg.arrow-t{
    stroke: #fff !important;
    fill: none !important;
}

#additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"]:hover,
#additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"]:focus,
#additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"]:hover,
#additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"]:focus{
    background: #D32F2F !important;
}

@media (min-width: 992px){
    #additional-menu .nav-dopmenu{
        display: flex !important;
        align-items: center !important;
        min-height: 56px !important;
        gap: 12px;
    }

    #additional-menu .nav-dopmenu > li{
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
    }
}

header.up-header .box-wishlist .btn-wishlist-top{
    color: inherit !important;
    text-decoration: none !important;
}

header.up-header .box-wishlist .btn-wishlist-top i{
    color: currentColor !important;
}

header.up-header .box-wishlist .btn-wishlist-top:hover,
header.up-header .box-wishlist .btn-wishlist-top:focus,
header.up-header .box-wishlist .btn-wishlist-top:active{
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}

header.up-header .box-wishlist .btn-wishlist-top:hover::before,
header.up-header .box-wishlist .btn-wishlist-top:hover::after,
header.up-header .box-wishlist .btn-wishlist-top:focus::before,
header.up-header .box-wishlist .btn-wishlist-top:focus::after{
    opacity: 0 !important;
}

#additional-menu-lc{
    display: none !important;
}

#additional-menu-lc.lc-ready{
    display: flex !important;
}

#additional-menu #additional-menu-lc{
    margin-left: auto;
    display: flex;
    align-items: center;
    height: 56px;
}

#additional-menu #additional-menu-lc .dropdown-box{
    position: relative;
    display: flex;
    align-items: center;
}

#additional-menu #additional-menu-lc .btn-language-top{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

#additional-menu #additional-menu-lc .btn-language-top.dropdown-toggle::after{
    content: '' !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(45deg) !important;
    margin-left: 10px !important;
    flex: 0 0 auto !important;
}

#additional-menu #additional-menu-lc .dropdown-menu{
    right: 0 !important;
    left: auto !important;
    min-width: 100% !important;
    width: max-content !important;
    margin-top: 8px !important;
    padding: 6px !important;
    border-radius: 999px !important;
}

#additional-menu #additional-menu-lc .dropdown-menu .btn-lang-select{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.light-theme #additional-menu #additional-menu-lc .btn-language-top,
#additional-menu #additional-menu-lc .btn-language-top{
    background: #FFFFFF !important;
    color: #000000 !important;
    border: 1.5px solid rgba(0,0,0,.85) !important;
}

.dark-theme #additional-menu #additional-menu-lc .btn-language-top{
    background: #0F0F0F !important;
    color: #B1B1B1 !important;
    border: 1.5px solid #313131 !important;
}

#additional-menu #additional-menu-lc .btn-language-top:hover,
#additional-menu #additional-menu-lc .btn-language-top:focus,
#additional-menu #additional-menu-lc .btn-language-top:active{
    box-shadow: none !important;
    outline: none !important;
}

.light-theme #additional-menu #additional-menu-lc .dropdown-menu,
#additional-menu #additional-menu-lc .dropdown-menu{
    background: #FFFFFF !important;
    border: 1px solid rgba(0,0,0,.10) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
}

.dark-theme #additional-menu #additional-menu-lc .dropdown-menu{
    background: #0F0F0F !important;
    border: 1px solid #313131 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
}

.light-theme #additional-menu #additional-menu-lc .dropdown-menu li.active .btn-lang-select,
#additional-menu #additional-menu-lc .dropdown-menu li.active .btn-lang-select{
    background: rgba(0,0,0,.06) !important;
    color: #000000 !important;
}

.dark-theme #additional-menu #additional-menu-lc .dropdown-menu li.active .btn-lang-select{
    background: #1D1D1D !important;
    color: #FFFFFF !important;
}

.light-theme #additional-menu #additional-menu-lc .dropdown-menu li:not(.active) .btn-lang-select,
#additional-menu #additional-menu-lc .dropdown-menu li:not(.active) .btn-lang-select{
    color: rgba(0,0,0,.45) !important;
}

.dark-theme #additional-menu #additional-menu-lc .dropdown-menu li:not(.active) .btn-lang-select{
    color: #B1B1B1 !important;
}

@media (max-width: 991px){

    /* ✅ 1) Повертаємо штатну нижню панель/стрілку "вгору"
       Було раніше (ВИДАЛЕНО):
       #fm-fixed-mobile-bottom{ display:none !important; }
    */

    /* ✅ 2) Раз "Каталог" відкриває бокове меню — ховаємо бургер (3 полоски) в хедері */
    header.up-header > .container .up-header__btn-mobile-menu{
        display: none !important;
    }

    /* ✅ 3) Ховаємо перемикач теми ТІЛЬКИ у верхньому моб-хедері (де пошук/іконки)
       ВАЖЛИВО: не чіпаємо бокове меню, тому селектор через > .container */
    header.up-header > .container .up-header__right .up-theme-mode{
        display: none !important;
    }

    /* ✅ 4) Дублікати пунктів "Каталог/Підбір фарби" в боковому меню — ховаємо */
    li.js-mob-catalog-entry,
    li.js-mob-paint-entry{
        display: none !important;
    }

    .up-topbar-mobile{
        display: block !important;
        width: 100%;
        padding: 10px 0 !important;
    }

    .up-topbar-mobile__text{
        font-size: 12px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        font-weight: 400 !important;
        white-space: normal !important;
    }

    .up-topbar-mobile__sep{
        opacity: .65;
        padding: 0 6px;
    }

    .light-theme .up-topbar-mobile{
        background: #F9F9F9 !important;
        color: #000000 !important;
        border: 0 !important;
    }

    .dark-theme .up-topbar-mobile{
        background: #0F0F0F !important;
        color: #B1B1B1 !important;
        border: 0 !important;
    }

    header.up-header.fix-header,
    header.up-header.h-sticky{
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
    }

    body{
        padding-top: 0 !important;
        /* ✅ НЕ обнуляємо padding-bottom, бо тоді нижній блок/стрілка може перекривати контент */
        /* padding-bottom: 0 !important; */
    }

    main{
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .light-theme header.up-header,
    .light-theme header.up-header > .container{
        background: #FFFFFF !important;
    }

    .dark-theme header.up-header,
    .dark-theme header.up-header > .container{
        background: #0F0F0F !important;
    }

    header.up-header{
        border: 0 !important;
        box-shadow: none !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        margin-bottom: 64px !important;
    }

    header.up-header > .container{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    header.up-header .box-dopmenu{
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        margin-top: -1px !important;
    }

    .light-theme header.up-header .box-dopmenu{
        background: #F9F9F9 !important;
        border: 0 !important;
    }

    .dark-theme header.up-header .box-dopmenu{
        background: #0F0F0F !important;
        border: 0 !important;
    }

    header.up-header .box-dopmenu .container{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #additional-menu-lc,
    #additional-menu-lc.lc-ready,
    #additional-menu #additional-menu-lc{
        display: none !important;
    }

    #additional-menu{
        display: block !important;
        width: 100% !important;
    }

    #additional-menu .left-dopmenu{
        width: 100% !important;
        display: block !important;
    }

    #additional-menu .nav-dopmenu{
        display: flex !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #additional-menu .nav-dopmenu > li{
        flex: 1 1 0 !important;
        display: flex !important;
        align-items: stretch !important;
        height: auto !important;
    }

    #additional-menu .nav-dopmenu > li.dropdown.section_1 > a.parent-link,
    #additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"],
    #additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"]{
        width: 100% !important;
        padding: 12px 16px !important;
    }

    #additional-menu .nav-dopmenu > li.dropdown.section_1 > a.parent-link svg.arrow-t{
        margin-left: auto !important;
    }

    #additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"],
    #additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"]{
        justify-content: center !important;
    }

    #additional-menu .nav-dopmenu > li.dropdown.section_1 > *:not(a.parent-link){
        display: none !important;
    }

    @media (max-width: 360px){
        #additional-menu .nav-dopmenu{
            gap: 10px !important;
        }

        #additional-menu .nav-dopmenu > li.dropdown.section_1 > a.parent-link,
        #additional-menu .nav-dopmenu > li > a.parent-link[href*="pidbir-avtofarby"],
        #additional-menu .nav-dopmenu > li > a.parent-link[href*="podbor-avtokraski"]{
            padding: 11px 12px !important;
        }

        #additional-menu .nav-dopmenu .item-name{
            font-size: 15px !important;
        }
    }
}

/* Розширити кнопку "Купити" */
#product .action-group .cart{
    flex: 0.7 1 auto;
}

#product .action-group .cart #button-cart{
    width: 100%;
}