header{

    min-height: 5.4rem;
    height: 4.7rem;
}

.page_haeder_banner_no_img h1{

    text-align: center;
}

.page_haeder_banner{

    position: relative;

    margin-top: -6rem;
}

.page_haeder_banner .com-swiper-container{
    
    height: 100%;
}
.page_haeder_banner .com-swiper{
    
    height: 100%;
}

.justify-start{
    justify-content: flex-start !important;
}

.page_haeder_banner .com-swiper_main_banner{

    height: auto;
}

.page_haeder_banner .main_banner_content_filter{

    gap: 1rem;

    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.page_haeder_banner .main_banner_content_filter_pro{

    gap: 1rem;

    overflow: auto;
    display: flex;
    justify-content: flex-start;
}

.page_haeder_banner .main_banner_content_filter::-webkit-scrollbar {
    display: none;
  }

.page_haeder_banner .page_haeder_banner_btn{

    background: rgba(255,255,255, 0.2);
    backdrop-filter: blur(7px);
}

.mod_products_collection .main_banner_content{

    padding-top: 5rem;
}

.main_banner_content{

	position: absolute;
    inset: 0;
    z-index: 8;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 100%;
    width: 100%;

	color: #fff;
    box-shadow: 0px 0px 0px 8000px #00000078 inset;

    transform: translateZ(0);
}

.main_banner_content .cust_h2{

    width: 100%;
    box-sizing: border-box;
}

.main_banner_content h2{

    text-align: center;
    margin-bottom: var(--padding-b);
}

.page_haeder_banner img{

    width: 100%;
    /* height: 100%;
    object-fit: cover; */
 
}

@media screen and (max-width: 678px) {

    .page_haeder_banner{

        height: 100%;
        position: relative;
    }

    .page_haeder_banner .main_banner_content_filter{

        overflow: auto;
        width: 100%;
        padding: 0 1rem;
        display: flex;
        justify-content: flex-start;
    }

    .justify-start{
        justify-content: flex-start !important;
    }

    .main_banner_content h2{
        
        padding: 0 1rem;
    }

    .page_haeder_banner .com-video iframe{
        
        aspect-ratio: 1 / 2;
    }
    .page_haeder_banner .main_banner_content_filter{
    
        overflow: auto;
        flex-wrap: nowrap;
        align-content: flex-start;
    }

    /* .page_haeder_banner img{

        aspect-ratio: 1;
    } */
}


/* 
    HEADER START
*/


.header_container.header_transparent{

    background: transparent;
    margin-bottom: -6rem;
    position: relative;
    z-index: 10;
}

.header_container{

    background: #000;
}

.header_container .header_container_dark{

    background: #000;
}

.header_container .nav{

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 1rem 2.5rem;
 }

/* 
    HEADER END
*/


/* 
    NAVIGATION HAMBURGER START
*/

.nav_menu{

    padding: 1rem;
    width: 40%;
    display: flex;
}

.nav_menu_btn{

    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
}

.nav_menu_btn span{

    color: #fff;
    font-size: var(--font-size-s);
}

#nav_menu_input_toggle {
    
    display: none;
}

.nav_menu_btn_toggle button { 

    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.nav_menu_btn_toggle label{

    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;

    cursor: pointer;
}

.nav_menu_btn .nav_menu_btn_toggle label .nav_menu_btn_toggle_items{

    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.nav_menu_btn .nav_menu_btn_toggle .nav_menu_toggle_a,.nav_menu_toggle_b{

    display: block;

    background: #fff;
    width: 17px;
    height: 1px;
    font-size: var(--font-size-s);
}
/* 
    NAVIGATION HAMBURGER END
*/


/* 
    ACTIONS ICONS START
*/

.nav_actions{

    display: flex;
    align-items: center;
    justify-content: end;
    gap: 2.5rem;

    width: 40%;
}


.nav_actions_lang{

    position: relative;

    font-size: var(--font-size-s);
}

.nav_actions_lang label{

    justify-content: center;
    align-items: center;
    display: flex;
    gap: .25rem;

    cursor: pointer;
    color: #fff;
}

.nav_actions_lang_span{

    position: absolute;
    top: 1.5rem;
    right: -1rem;

    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    gap: .25rem;

    width: 4rem;
    padding: 0.5rem;

    color: #000;
    background: #ffffffde;

    font-size: .8rem;
    text-align: center;

    transition: max-height 0.2s;
    transform-origin: bottom;
}

.nav_actions_lang_span span:first-child{

    border-bottom: var(--default-border);
    padding-bottom: 0.25rem;
}

.nav_actions_lang_span img{

    color: #fff;
}

#nav_menu_lang{

    display: none;
}

#nav_menu_lang:checked ~ label + .nav_actions_lang_span {

    max-height: 4rem;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.2s;
    transform-origin: bottom;
}

#nav_menu_lang:checked + label img{

    transform: rotate(180deg);
}

.nav_actions_link_icon .nav_actions_link_item{

    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;

    font-size: var(--font-size-s);
    color: #fff;

    cursor: pointer;
}

/* 
    ACTIONS ICONS END
*/


.nav_logo{

    width: 20%;
    justify-content: center;
    display: flex;
}
.nav_logo img{
    width: 9rem;
}


@media screen and (max-width: 678px) {

    .header_container .nav{
    
        padding: 1rem 1rem;
    }

    .nav_menu_btn_toggle button span{ 

        display: none;
    }

    .nav_logo{

        width: 40%;
    }

    .nav_menu{

        width: 30%;
    }

    .nav_actions{

        gap: 1rem;

        width: 30%;
    }

    .nav_menu_btn_toggle button{
        
        width: 3rem;
    }

    .nav_actions .nav_actions_link_icon .nav_actions_link_item span{

        display: none;
    }
    .nav_actions .nav_actions_link_icon .nav_actions_link_item img{

        width: 1.4rem;
    }
    

    .nav_actions_lang{

        display: none;
    }

    .nav_menu{

        padding: 0;
    }

    .nav_actions_link_icon .nav_actions_link_item{
        padding: 0;
    }
}

/* WISHLISH */

.nav_actions_link_item_wish{

    position: relative;
}

.wishlish_count_header{

    display: none;  
    
    position: absolute;
    top: -0.4rem;
    right: -0.5rem;
    
    justify-content: center;
    align-items: center;

    width: 0.9rem;
    height: 0.9rem;

    border-radius: 50%;
    color: #000;
    background: #fff;
    font-size: 0.7rem;
}
.wishlish_count_header_active{

    display: flex !important;  
}

/* END WISHLISH */


*::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important;
}
*::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
*::-webkit-scrollbar-thumb {
    background: #595959 !important;
    border-radius: 0 !important;
}
*::-webkit-scrollbar-track {
    background: #fff;
}