/* -------------------------------------------------Navbar -----------------------------------*/

.store_navbar {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 100 ;
    height: fit-content;
    background-color: var(--color3);
    border: solid;
    border-width: 0.3vw 0 0.3vw 0;
    border-color: var(--color4);
}

.sticky {
    position: fixed;
        top: 0;
}

.store_navbar_item {
    font-family: var(--font10);
    font-size: 1.3vw;
    text-align: center;
    display: flex;
    width: 15vw;
    height: fit-content;
    background-color: var(--color18);
    margin-top: 0.5vw;
}

.store_navbar_item:hover {
    border-width: 0.3vw 0 0.3vw 0;
}
.store_navbar_item:first-of-type:hover{
    border-width: 0 0 0.3vw 0;
}

.store_navbar_item:hover {
    background-color: var(--color2);
}

.store_navbar_item .mini_logo_container {
    position: relative;
    margin-top: 0;
}
.store_navbar_item a {
    position: relative;
    text-align: center;
    margin: 0 auto;
    text-decoration: none;
    color: var(--color17);
    font-size: 1.7vw;
}

.store_navbar_item a:hover {
    cursor: pointer;
    color: var(--color16);
}
.store_navbar_item img {
    width: 7vw;
    aspect-ratio: 1600/1551;
    position: relative;
}
    /* -------------------------------------------------Navbar End-----------------------------------*/
    /* -------------------------------------------------Navbar Mobile-----------------------------------*/
    .navbar_mobile_container {
        display: none;
        position: relative;
        width: 90%;
        left: 5%;
        height: 19.38vw;
        max-height: initial;
        min-height: initial;
        overflow-y: visible;
    }

    .navbar_mobile_container .navbar_mobile_img {
        width:20vw;
        height: 19.38vw;
        background-color: var(--color2);
        border-radius: 10px 0 0 10px;
        max-width: initial;
        max-height: initial;
    }
    .navbar_mobile_container .navbar_mobile_img img{
        width:100%;
        height: 100%;
        max-width: initial;
        max-height: initial;
    }
    
    .store_navbar_mobile {
        width: 80%;
;		display: none;
        position: relative;
        z-index: 100 ;
        margin-bottom: -100%;
        border: solid;
        border-color: transparent;
        border-radius: 0 10px 5vw 5vw;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    .store_navbar_mobile_title {
        font-family: var(--font7);
        font-size: 7vw;
        width: 100%;
        text-align: center;
        color: var(--color3);
        background-color: var(--color4);
    }
    .navbar_mobile_menu_icon {
        position: relative;
        width: 80%;
        height: auto;
        background-color: var(--color3);
        display: flex;
        flex-direction: column;
        cursor: pointer;
        padding: 0.3vw;
        border-radius: 0 10px 10px 0;
    }
    
    .navbar_mobile_menu_icon .bar {
        width: 15%;
        position: relative;
        height: 1vw;
        left: 42.5%;
        background-color: var(--color4);
        margin: 6px 0;
    }

    .navbar_mobile_menu_icon .bar:first-of-type {
        margin-top: 7%;
    }
    
    .store_navbar_mobile_item {
        font-family: var(--font7);
        position: relative;
        text-align: center;
        display: flex;
        width: 100%;
        height: 15vw;
        background-color: var(--color3);
        border: solid;
        border-width: 0 0 1vw 0 ;
        border-color: var(--color12);
        align-items: center;
    }

    .store_navbar_mobile_item:last-of-type {
        border-width: 0;
    }

    .store_navbar_mobile_item:hover {
        background-color: var(--color6);
    }
    
    .store_navbar_mobile_item .mini_logo_container {
        position: relative;
        margin-top: 0;
    }
    .store_navbar_mobile_item a {
        position: relative;
        text-align: center;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-top: 15%;
        text-decoration: none;
        color: var(--color15);
        font-size: 5vw;
    }
    .store_navbar_mobile_item img {
        width: 7vw;
        aspect-ratio: 1600/1551;
        position: relative;
    }
/* -------------------------------------------------Navbar Mobile End-----------------------------------*/
@media screen and (max-width: 62.438em){
    /* -------------------------------------------------Navbar -----------------------------------*/
    .store_navbar {
        display: none;
    }
    .navbar_mobile_container {
        display: none;
    }
}