@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    
     #PortalPagina { width: 100%; position: relative; z-index: 0; font-family: Poppins; background: black;
        img { width: 100%; }
        h1 { font-size: 50px; } 
        h2 { font-size: 40px; line-height: 70px; text-transform: uppercase; }
        h3 { font-size: 25px; line-height: 40px; }
        p { font-size: 16px; line-height: 24px; }
    } 
    
    .SeoTekst { padding: 60px; color: white; }
    .SeoTekst p span { font-size: 30px; line-height: 40px; color: #77b901; }
    
    .OmslagFoto { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/nvidia/2026/DutchGiant/HeaderBG.jpg?v=1) no-repeat bottom; }
    .Logo { width: 50% !important; margin-top: 50px; }

    .Inleiding { background: #ababab  url(https://www.alternate.nl/download/b2c_nl/pic/merken/nvidia/2026/DutchGiant/SliderBG1.jpg?v=1) no-repeat top; background-blend-mode: multiply; margin: 50px; border: solid #505050; border-radius: 20px; }
    .Inleiding .row { align-items: center; }
    .Inleiding .ItemAfbeelding { width: 80%; margin: 0 0 -60px 120px; }
    .Inleiding .Videos iframe { border: 2px solid #606060; border-radius: 5px; box-shadow: 0 0 20px 10px #00000073; }

    #Assortiment .row { background: #ababab url(https://www.alternate.nl/download/b2c_nl/pic/merken/nvidia/2026/DutchGiant/SliderBG1.jpg?v=1) no-repeat bottom; background-size: cover; margin: 100px 40px; padding: 20px; border: 4px solid #466e00; border-radius: 20px; background-blend-mode: multiply; }
    #Assortiment .row:nth-child(even) { flex-direction: row-reverse; background: #ababab url(https://www.alternate.nl/download/b2c_nl/pic/merken/nvidia/2026/DutchGiant/SliderBG2.jpg?v=1) no-repeat bottom; background-size: cover; }
    #Assortiment h2 { color: white; line-height: 38px; margin: -50px 0 0 40px; }
    #Assortiment h2 span {color: #7bbd27; font-size: 28px; }
    #Assortiment .ItemAfbeelding { margin: 0 0 -80px -50px; }
    #Assortiment .ItemAfbeelding img { width: 140%; margin: -90px -40px; }
    
    /* Sliders */
    .FilterSlider { align-self: center; }
    .FilterSlider .SeoTekst { color: white; padding: 20px 0 0; }
    .filters { display: flex; flex-flow: wrap; padding: 0 0 10px; gap: 5px; justify-content: center; }
    .filters .filter-option { background: #7bbd27; padding: 5px 15px; border-radius: 5px; font-size: 10px; cursor: pointer; }
    .filters .filter-option.active { background: #12c066; }
    
    .productCard a { background: white; border: 2px solid #e3e3e3; border-radius: 10px; display: block; padding: 10px; position: relative; }
    .productCard .productTitle { font-size: 10px !important; line-height: 13px !important; text-align: center; overflow: hidden; height: 27px; margin-top: 10px; }
    .productCard img { width: 80% !important; margin: 0 auto; display: block; }
    .productInfo { display: flex; gap: 10px; align-items: flex-end; justify-content: right; }
    .productPrices { text-align: right; }
    .productPrice { font-size: 20px !important; font-weight: 900; color: #9f0707; margin: 0; }
    .historyPrice { height: 20px; margin: 0; text-decoration-line: line-through; font-size: 13px !important; }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina h2 { font-size: 50px; line-height: 53px; }
        #PortalPagina p { font-size: 14px; line-height: 23px; }
        .SeoTekst { padding: 30px; }
        .OmslagFoto { background-position: -730px -290px; }
        .OmslagFoto .row { flex-direction: column-reverse; }
        .OmslagFoto .ItemAfbeelding img { margin: 40px auto -40px; }
        .Inleiding { margin: 10px; }
        .Inleiding .ItemAfbeelding { display: none; }
        .Inleiding .Videos iframe { display: block; width: 93%; height: auto; aspect-ratio: 16 / 9; margin: 0 auto 20px; }
        #Assortiment .row { background-size: cover; margin: 50px 0; }
        #Assortiment .ItemAfbeelding img { width: 70%; margin: 0 0 -20px 110px; }
        #Assortiment h2 { font-size: 38px; line-height: 40px; }
        .FilterSlider { margin-top: 80px; padding: 5px; }
        .FilterSlider .btn { place-content: center; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        #PortalPagina h2 { font-size: 70px; }
        .OmslagFoto { background-position: -600px -300px; }
        .OmslagFoto .row { flex-direction: column-reverse; }
        .OmslagFoto .ItemAfbeelding img { display: block; width: 60% !important; margin: 40px auto -80px; }
        .Logo { width: 30% !important; }
        .Inleiding { background-size: cover; }
        .Inleiding .ItemAfbeelding { display: none; }
        .Inleiding .Videos iframe { display: block; margin: 0 auto 20px; }
        #Assortiment h2 { line-height: 60px; margin: 0 40px 20px; }
        #Assortiment .ItemAfbeelding { margin: -50px 0 0px -50px; }
        #Assortiment .ItemAfbeelding img { width: 40%; margin: -40px 0 -190px 370px; }
    }