.navigation-bar {
    display: none;
}

/* MOBILE */
@media (max-width:587px) {
    .mobile-hide {
        display: none !important;
    }

    body {
        padding-bottom: 80px;
    }

    #nav-container .wrapper {
        padding: 5px 0 !important;
    }

    #responsive-search-btn i {
        font-size: 26px;
    }

    .navigation-bar {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 999;

        background: #fff;
        border-top: 1px solid #eee;

        padding-bottom: env(safe-area-inset-bottom);

        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.08);
    }

    .navigation-bar .container {
        padding: 0;
    }

    .navigation-bar ul {
        display: flex;
        justify-content: space-evenly;
        align-items: center;

        height: 50px;

        margin: 0;
        padding: 0;
        list-style: none;
    }

    .navigation-bar li {
        flex: 1;
        text-align: center;
        position: relative;
    }

    .navigation-bar a {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        height: 100%;

        font-size: 22px;
        color: #001a31;

        position: relative;
        transition: .2s;
    }

    .navigation-bar a.active {
        color: #D62729;
    }

    /* ICON */

    .navigation-bar i {
        position: relative;
    }

    /* BADGE */

    .navigation-bar .count {
        position: absolute;
        top: -6px;
        right: -10px;

        background: #D62729;
        color: #fff;

        font-size: 10px;
        font-weight: 600;

        padding: 2px 5px;
        border-radius: 20px;
        line-height: 1;
    }

    /* FLOATING CATALOG BUTTON */

    .navigation-bar .cart i {
        font-size: 26px;
    }

    /* TAP ANIMATION */

    .navigation-bar a:active {
        transform: scale(0.9);
    }

    /* mobile product details */
    #parfum-detail {
        margin: 9px 0;
        padding: 9px 0;
    }

    #parfum-detail .wrapper__right__title h1 {
        font-size: 18px;
    }

    #parfum-detail .container .rows {
        gap: 5px !important;
    }

    #parfum-detail .container .rows .wrapper__right .price-item {
        justify-content: center;
        box-shadow: none;
        border: 3px solid #dddfe3;
        margin: 9px 0;
    }

    #responsive-catalog .close {
        background-color: #001a31;
        height: 60px;
    }

    #responsive-catalog .close * {
        color: #fff !important;
    }

    #search-categories .container .wrapper,
    #favorites .container .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}