@import url("/pages/navigation/v5/styles/list/navigatie.css?r=30092025v3");
@import url("/pages/navigation/v5/styles/list/fdfvheader.css?r=09012025");
@import url("/pages/navigation/v5/styles/list/showfilterbutton.css?r=09012025");
@import url("/pages/navigation/v5/styles/list/filters.css?r=22102025");
@import url("/pages/navigation/v5/styles/list/configheader.css?r=09012025");
@import url("/pages/navigation/v5/styles/list/populairefilters.css?r=23102025");
   
html {
    -ms-touch-action:               manipulation;
    touch-action:                   manipulation;
}

#fastWishlist{
    display: none;
}

#navV5{
    display:                        grid; 
    grid-template-columns:          max-content 4fr;
    column-gap:                     30px;
    grid-template-areas:            "nav_breadcrumbs    nav_breadcrumbs"
                                    "seo_header         seo_header"
                                    "populairefilters   populairefilters"
                                    "nav_filters        nav_navigatie_top"
                                    "nav_filters        fdfvBack"
                                    "nav_filters        nav_filtersactief"
                                    "nav_filters        nav_products"
                                    "nav_filters        nav_navigatie_bottom"
                                    "nav_filters        fdfvheader"
                                    "nav_filters        .";
}

#navV5 .breadcrumbs_v5{
    grid-area:                      nav_breadcrumbs;
    border-bottom:                  1px solid #B3B3B3;
}

#navV5 .fdfvBack{
    grid-area:                      fdfvBack;
    max-height:                     max-content;
}

#navV5 .blocksheader{
    grid-area:                      seo_header;
    padding:                        0;
}

#navV5 #nav_products{
    grid-area:                      nav_products;
}

#navV5 #blokkenheader{
    grid-area:                      seo_header;
}

#navV5 #nav_products .block{
    display:                        grid;
    grid-template-columns:          repeat(auto-fill, minmax(190px, 1fr));
}
 
#navV5 h3{
    font-family:                    "Roboto", sans-serif;
    font-size:                      15px;
    font-weight:                    700;
    text-transform:                 uppercase;
    color:                          var(--colorGreen);
    padding:                        0px;
    margin:                         0px;
}

#navV5 .productMsg{
    line-height:                    125%;
}

    main .productlist_container.navconfig .filter_prev_content{
        display:                    inline-block;
        padding-right:              50px;
        padding-bottom:             10px;
    }

#navV5 .fdfvBackButton{
    display:                        inline-block;
    width:                          max-content;
    padding:                        10px 15px 10px 25px;
    background-color:               var(--colorBlue);
    cursor:                         pointer;
    font-family:                    "Roboto", sans-serif;
    color:                          var(--colorWhite);
    font-size:                      14px;
    border:                         1px solid var(--colorBlue);
    margin-top:                     10px;
    position:                       relative;
}
    #navV5 .fdfvBackButton strong:nth-child(1){
        position:   absolute;
        top:        1px;
        left:       10px;
        font-size:  24px;
    }
    #navV5 .fdfvBackButton:hover{
        filter:                     brightness(110%);
    }

@media screen and (max-width: 1049px) AND (min-width: 701px) {
    #navV5{
        grid-template-areas:            "nav_breadcrumbs    nav_breadcrumbs"
                                        "populairefilters   populairefilters"
                                        "nav_filters        nav_navigatie_top"
                                        "nav_filters        fdfvBack"
                                        "nav_filters        nav_filtersactief"
                                        "nav_filters        nav_products"
                                        "nav_filters        nav_navigatie_bottom"
                                        "nav_filters        ."
                                        "fdfvheader         fdfvheader"
                                        "seo_header         seo_header";
    }

    #navV5 .blocksheader{
        padding-top:                    20px;
    }
}

@media screen and (max-width: 900px) {
    #navV5{
        display:                        grid; 
        grid-template-columns:          1fr;
        column-gap:                     30px;
        grid-template-areas:            "nav_breadcrumbs"
                                        "nav_navigatie_top"
                                        "fdfvBack"
                                        "populairefilters"
                                        "nav_filtersactief"
                                        "nav_products"
                                        "nav_navigatie_bottom"
                                        "fdfvheader"
                                        "seo_header";
    }

    #navV5 .blocksheader{
        padding-top:                     20px;
    }
}

@media screen and (max-width: 600px) {
    #navV5 #nav_products .block{
        grid-template-columns:          repeat(2, 1fr);
    }
}

@media screen and (max-width: 360px) {
    #navV5 #nav_products .block{
        grid-template-columns:          repeat(1, 1fr);
    }
}