@import url("/pages/product/v5/views/header/header.css?r=18022025");
@import url("/pages/product/v5/views/afbeeldingen/afbeeldingen.css?r=18022025");
@import url("/pages/product/v5/views/afbeeldingen/thumbs.css?r=30092025v3");
@import url("/pages/product/v5/views/omschrijving/omschrijving.css?r=18022025");
@import url("/pages/product/v5/views/video/video.css?r=18022025");
@import url("/pages/product/v5/views/specs/specs.css?r=02102025v3");
@import url("/pages/product/v5/views/preorder/preorder.css?r=18022025");
@import url("/pages/product/v5/views/combineer/combineer.css?r=11112025");
@import url("/pages/product/v5/views/winkelmand/winkelmand.css?r=02102025v2");
@import url("/pages/product/v5/views/usp/usp.css?r=18022025");
@import url("/pages/product/v5/views/energielabel/energielabel.css?r=30092025v2");
@import url("/pages/product/v5/views/compare/compare.css?r=18022025");
@import url("/pages/product/v5/views/awards/awards.css?r=18022025");
@import url("/pages/product/v5/views/pdf/pdf.css?r=18022025");
@import url("/pages/product/v5/views/incourant/incourant.css?r=18022025");
@import url("/pages/product/v5/views/cashback/cashback.css?r=18022025");
@import url("/pages/product/v5/views/gratisproduct/gratisproduct.css?r=18022025");
@import url("/pages/product/v5/views/actiebundel/actiebundel.css?r=18022025");
@import url("/pages/product/v5/views/ganaar/ganaar.css?r=18022025");
@import url("/pages/product/v5/views/foutmelden/foutmelden.css?r=30092025");
@import url("/pages/product/v5/views/wishlist/wishlist.css?r=18022025");
@import url("/pages/product/v5/views/blokkensysteem/blokkensysteem.css?r=18022025");
@import url("/pages/product/v5/views/offline/offline.css?r=18022025");
@import url("/pages/product/v5/views/productfamily/productfamily.css?r=30092025");
@import url("/pages/product/v5/views/vsgm/vsgm.css?r=18022025");
@import url("/pages/product/v5/views/vergelijkbareproducten/vergelijkbareproducten.css?r=18022025");
@import url("/pages/product/v5/views/prijsalarm/prijsalarm.css?r=28052025");
@import url("/pages/product/v5/views/score/score.css?r=23072025v2");
@import url("/pages/product/v5/views/reviews/reviews.css?r=03112025");

#prdv5 *{
    vertical-align:         top;
    box-sizing:             border-box;
}

/* Overflow techniek */
#prdv5 div[style*="--overflow"]{
    position:               relative;
    transition:             max-height ease-in-out 1s;
    max-height:             var(--overflow);
}

#prdv5 div[style*="--overflow"] .overflowButton{
    display:        none;
}
    #prdv5 div[style*="--overflow"].overflow .overflowButton{
        display:                grid;
        grid-template-columns:  auto max-content auto;
        grid-template-rows:     auto max-content;
        grid-template-areas:    "overflowspacer     overflowspacer      overflowspacer"
                                "overflowleftline   overflowcentertext  overflowrightline";
        column-gap:             20px;
        position:               absolute;
        bottom:                 0px;
        height:                 70px;
        width:                  100%;
        background:             -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
        background:             -o-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
        background:             -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
        background:             linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
        cursor:                 pointer;
        transition:             all ease-out 1s; 
        opacity:                1;
    }
        #prdv5 div[style*="--overflow"].overflow .overflowButton:hover{
            cursor:             pointer;
        }
    #prdv5 div[style*="--overflow"].overflow.open .overflowButton{
            opacity:            0;
            pointer-events:     none;
        }
        #prdv5 div[style*="--overflow"].overflow .overflowButton .overflowS{
            grid-area:          overflowspacer;
        }
        #prdv5 div[style*="--overflow"].overflow .overflowButton .overflowLL{
            grid-area:          overflowleftline;
            align-content:      center;

        }
        #prdv5 div[style*="--overflow"].overflow .overflowButton .overflowC{
            grid-area:          overflowcentertext;
            padding:            0px 20px 0px 20px;
            font-size:          14px;
            height:             25px;
            line-height:        25px;
            transition:         none;
        }
            #prdv5 div[style*="--overflow"].overflow .overflowButton:hover .overflowC{
                filter:         brightness(110%);
            }
        #prdv5 div[style*="--overflow"].overflow .overflowButton .overflowLR{
            grid-area:          overflowrightline;
            align-content:      center;
        }
        #prdv5 div[style*="--overflow"].overflow .overflowButton .overflowLL>div,
        #prdv5 div[style*="--overflow"].overflow .overflowButton .overflowLR>div{
            height:             0px;
            width:              100%;
            border-bottom:      2px dotted var(--colorMediumGray);
            margin-top:         auto;
            margin-bottom:      auto;
        }
        
#prdv5 .prd_line{
    grid-area:              prodline;
    height:                 1px;
    background-color:       var(--colorLightGray);
    margin-top:             5px;
    margin-bottom:          5px;
}

#prdv5 .containerTitle{
    font-family:            'Roboto', sans-serif;
    color:                  var(--colorGreen);
    text-transform:         uppercase;
    font-weight:            700;
    font-size:              17px;
    border-bottom:          1px solid var(--colorMediumGray);
    padding-bottom:         5px;
    margin-bottom:          10px;
}
    #prdv5 .containerTitle>strong{
        font-weight:            700;
    }

    #prdv5 .containerSubTitle{
        font-family:            'Roboto', sans-serif;
        color:                  var(--colorDarkGray);
        text-transform:         uppercase;
        font-weight:            700;
        font-size:              14px;
    }

#prdv5 .prd_wrapper>div .containerTitle{
    margin-top:             35px;
}

#prdv5 .colorContainer{
    display:                inline-block;
    position:               relative;
    text-align:             center;
    background-color:       var(--colorDarkGreen) !important;
    font-family:            'Roboto', sans-serif;
    font-weight:            500;
    color:                  var(--colorWhite);
    white-space:            nowrap;
    -webkit-user-select:    none;
    user-select:            none;
    text-transform:         uppercase;
}
    #prdv5 .colorContainer::after{
        content:            "";
        width:              0;
        height:             0;
        border-style:       solid;
        border-width:       0 0 15px 15px;
        border-color:       transparent transparent var(--colorGreen) transparent;
        position:           absolute;
        bottom:             0;
        right:              0;
    }

@media screen and (min-width: 1050px) {
    #prdv5{
        display:                grid;
        grid-template-columns:  5fr 5fr 2fr;
        grid-template-areas:    "header                 header                  header"
                                "blokkensysteempos0     blokkensysteempos0      blokkensysteempos0"
                                "topLeftContainer       topCenterContainer      topRightContainer"
                                "topLeftContainer       ganaar                  ganaar"
                                "topLeftContainer       .                       ."
                                "bottomLeftContainer    bottomRightContainer    bottomRightContainer";
        column-gap:             35px;
        height:                 max-content;
    }

    #prdv5 .prd_wrapper>div:nth-child(1 of :has(.containerTitle):not(:empty)) .containerTitle{
        margin-top: 0px;
    }

    #prdv5 .topLeftContainer{
        grid-area:              topLeftContainer;
        display:                grid;
        grid-template-areas:    "afbeeldingen"
                                "thumbs"
                                "manage";
        height:                 max-content;
        margin-top:             10px;
    }

    #prdv5 .topCenterContainer{
        grid-area:              topCenterContainer;
        display:                grid;
        grid-template-areas:    "wishlist"
                                "kortetekst"
                                "omschrijving"
                                "blokkensysteempos1"
                                "specs"
                                "productfamily"
                                "ganaar";
        height:                 max-content;
    }

    #prdv5 .topRightContainer{
        grid-area:              topRightContainer;
        display:                grid;
        grid-template-areas:    "winkelmand"
                                "usp"
                                "energielabel"
                                "awards"
                                "compare"
                                "prijsalarm"
                                "blokkensysteempos2";
        height:                 max-content;
    }
        #prdv5 .topRightContainer>div:not(:empty){
            margin-bottom:      15px;
        }

    #prdv5 .bottomLeftContainer{
        grid-area:              bottomLeftContainer;
        display:                grid;
        grid-template-areas:    "preorder"
                                "actiebundel"
                                "score"
                                "rawspecs"
                                "foutmelden"
                                "pdf";
        height:                 max-content;
        margin-top:             50px;
    }

    #prdv5 .bottomRightContainer{
        grid-area:              bottomRightContainer;
        display:                grid;
        grid-template-areas:    "gratisproduct"
                                "cashback"
                                "blokkensysteempos3"
                                "combineer"
                                "omschrijving"
                                "video"
                                "vsgm"
                                "vergelijkbareproducten"
                                "reviews"
                                ;
        height:                 max-content;
        margin-top:             50px;
    }

}

@media screen and (max-width: 1049px) AND (min-width: 701px) {
    #prdv5{
        display:                grid;
        grid-template-columns:  1fr 1fr 1fr 1fr 1fr 2fr;
        grid-template-areas:    "header  header  header  header  header  header"
                                "wrapper wrapper wrapper wrapper wrapper wrapper";
        grid-template-rows:     repeat(25, auto);
        height:                 max-content;
        margin-top:             10px;
    }

    #prdv5 .prd_wrapper{
        grid-area:              wrapper !important;
        display:                grid;
        pointer-events:         none;
        grid-template-columns:  subgrid;
        grid-template-rows:     subgrid;
        column-gap:             25px;
        grid-column-start:      1 !important;
        grid-column-end:        7 !important;
        grid-row-start:         2 !important;
        grid-row-end:           36 !important;
        grid-template-areas:    "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            wishlist"
                                "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            winkelmand"
                                "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            usp"
                                "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            energielabel"
                                "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            awards"
                                "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            compare"
                                "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            prijsalarm"
                                "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            preorder"
                                "afbeeldingen               afbeeldingen            afbeeldingen            afbeeldingen            afbeeldingen            ."
                                "thumbs                     thumbs                  thumbs                  thumbs                  thumbs                  ."
                                "manage                     manage                  manage                  manage                  .                       ."
                                "ganaar                     ganaar                  ganaar                  ganaar                  ganaar                  ganaar"
                                "kortetekst                 kortetekst              kortetekst              kortetekst              kortetekst              kortetekst"
                                "actiebundel                actiebundel             actiebundel             actiebundel             actiebundel             actiebundel"
                                "blokkensysteempos1         blokkensysteempos1      blokkensysteempos1      blokkensysteempos1      blokkensysteempos1      blokkensysteempos1"
                                "specs                      specs                   specs                   specs                   specs                   specs"
                                "score                      score                   score                   score                   score                   score"
                                "productfamily              productfamily           productfamily           productfamily           productfamily           productfamily"
                                "gratisproduct              gratisproduct           gratisproduct           gratisproduct           gratisproduct           gratisproduct"
                                "blokkensysteempos3         blokkensysteempos3      blokkensysteempos3      blokkensysteempos3      blokkensysteempos3      blokkensysteempos3"
                                "combineer                  combineer               combineer               combineer               combineer               combineer"
                                "omschrijving               omschrijving            omschrijving            omschrijving            omschrijving            omschrijving"
                                "cashback                   cashback                cashback                cashback                cashback                cashback"
                                "video                      video                   video                   video                   video                   video"
                                "rawspecs                   rawspecs                rawspecs                rawspecs                rawspecs                rawspecs"
                                "foutmelden                 foutmelden              foutmelden              foutmelden              foutmelden              foutmelden"
                                "vsgm                       vsgm                    vsgm                    vsgm                    vsgm                    vsgm"
                                "vergelijkbareproducten     vergelijkbareproducten  vergelijkbareproducten  vergelijkbareproducten  vergelijkbareproducten  vergelijkbareproducten"
                                "pdf                        pdf                     pdf                     pdf                     pdf                     pdf"
                                "reviews                    reviews                 reviews                 reviews                 reviews                 reviews"
                                ;
    }
    #prdv5 .prd_wrapper *{
        pointer-events:         auto;
    }
}

@media screen and (max-width: 700px) {
    #prdv5{
        display:                grid;
        grid-template-columns:  1fr 2fr 2fr 1fr;
        grid-template-rows:     repeat(25, auto);
        grid-template-areas:    "header  header  header  header"
                                "wrapper wrapper wrapper wrapper";
        height:                 max-content;
        margin-top:             10px;
    }

    #prdv5 .prd_wrapper{
        grid-area:              wrapper !important;
        display:                grid;
        pointer-events:         none;
        grid-template-columns:  subgrid;
        grid-template-rows:     subgrid;
        column-gap:             10px;
        grid-column-start:      1 !important;
        grid-column-end:        5 !important;
        grid-row-start:         2 !important;
        grid-row-end:           36 !important;
        grid-template-areas:    "afbeeldingen           afbeeldingen            afbeeldingen            afbeeldingen"
                                "thumbs                 thumbs                  thumbs                  thumbs"
                                "manage                 manage                  manage                  manage"
                                "prijsalarm             wishlist                compare                 compare"
                                "winkelmand             winkelmand              usp                     usp"
                                "ganaar                 ganaar                  ganaar                  ganaar"
                                "preorder               preorder                preorder                preorder"
                                "actiebundel            actiebundel             actiebundel             actiebundel"
                                "blokkensysteempos1     blokkensysteempos1      blokkensysteempos1      blokkensysteempos1"
                                "kortetekst             kortetekst              kortetekst              kortetekst"
                                "specs                  specs                   specs                   specs"
                                "energielabel           energielabel            energielabel            energielabel"
                                "gratisproduct          gratisproduct           gratisproduct           gratisproduct"
                                "score                  score                   score                   score"
                                "productfamily          productfamily           productfamily           productfamily"
                                "blokkensysteempos3     blokkensysteempos3      blokkensysteempos3      blokkensysteempos3"
                                "combineer              combineer               combineer               combineer"
                                "omschrijving           omschrijving            omschrijving            omschrijving"
                                "cashback               cashback                cashback                cashback"
                                "awards                 awards                  awards                  awards"
                                "video                  video                   video                   video"
                                "rawspecs               rawspecs                rawspecs                rawspecs"
                                "foutmelden             foutmelden              foutmelden              foutmelden"
                                "vsgm                   vsgm                    vsgm                    vsgm"
                                "vergelijkbareproducten vergelijkbareproducten  vergelijkbareproducten  vergelijkbareproducten"
                                "pdf                    pdf                     pdf                     pdf"
                                "reviews                reviews                 reviews                 reviews"
                                ;
    }
    #prdv5 .prd_wrapper *{
        pointer-events:         auto;
    }
}