@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }

    #PortalPagina { background: #242424;  width: 100%; position: relative; z-index: 0; font-family: Poppins;     overflow: hidden;
       img { width: 100%; }
       h1 { font-size: 30px; } 
       h2 { font-size: 25px; line-height: 40px; }
       p { font-size: 16px; line-height: 24px; }
       .SeoTekstvlak p span { display: block; width: fit-content; background: red; padding: 5px 10px; text-transform: uppercase; color: black; font-weight: 900; }
       .SeoTekstvlak h2 span { display: block; width: fit-content; background: red; padding: 5px 10px; text-transform: uppercase; color: black; font-weight: 900; }
       section:nth-child(odd) { background: #f1f1f1; }
       .Videos iframe { aspect-ratio: 16 / 9; width: 100%; height: 100%; }
    }
    
    .OmslagFoto {  background: none; padding: 20px 60px; }
    .OmslagFoto .row { padding: 20px 100px; }
    #Inleiding { padding: 60px; color: white; }
    #PopulaireProducten { padding: 20px 60px; }
    #Info { padding: 60px; color: white; }
    #Info .row:nth-child(2) { padding: 30px 0;     align-items: center; }
    #Info .row:nth-child(2) .ItemAfbeelding img { transform: scale(1.4) translate(-60px, 0); }
    #Assortiment { padding: 60px; }
    #Assortiment .row { align-items: center; }
    #Assortiment .row:nth-child(even) { flex-flow: row-reverse; margin-top: 50px; }
    #Assortiment .btn { background: #4b4b4b; color: white; border-radius: 30px; padding: 10px 20px; }
    #Producten .row { align-items: center; padding: 60px; color: white; }
    #Producten .logo { width: 70%; margin: 0 -25px; }
    #Producten .row .btn { background: white; border-radius: 30px; padding: 10px 20px; }
    #Producten .row:nth-child(1) { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Sandisk/2026/Optimus/BG-GXPro.jpg?v=1) right; }
    #Producten .row:nth-child(2) { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Sandisk/2026/Optimus/BG-GX.jpg?v=1) right; }
    #Producten .row:nth-child(3) { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Sandisk/2026/Optimus/BG-Optimus.jpg?v=1) right; }
    #Producten .row:nth-child(3) .ItemAfbeelding { width: 45%; place-self: center; }

    .Productlijst { display: flex; flex-flow: column; justify-content: center; }
    .productCard a { background: white; border: 2px solid #e3e3e3; border-radius: 10px; display: block; padding: 10px; position: relative; }
    .productCard .productTitle { font-size: 12px; overflow: hidden; color: var(--bs-body-color); height: 29px; margin-top: 10px; }
    .productCard img { width: 80% !important; margin: 0 auto; display: block; }
    .productCard ul { display: none; }

    .ratingsfalse { display: none; }
    .ratingstrue { display: flex; width: 50%; margin: 0 -7px -3px; }
    .productInfo { display: flex; gap: 10px; align-items: flex-end; justify-content: right; }
    .productPrices { width: 60%; text-align: right; }
    .productPrice { font-size: 25px !important; font-weight: 900; color: #9f0707; margin: 0; }
    .historyPrice { height: 30px; margin: 0; text-decoration-line: line-through; font-size: 20px; }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        .productTitle { height: auto; }
        
        .OmslagFoto { padding: 20px; }
        .OmslagFoto .row { padding: 0; }
        #Inleiding { padding: 20px; }
        #Inleiding a { margin: 10px 0; }
        #PopulaireProducten { padding: 20px; }
        #Info { padding: 20px; }
        #Info .row:nth-child(2) .ItemAfbeelding img { transform: none; }
        #Info .SeoTekstvlak { padding: 10px 30px !important; }
        #Assortiment { padding: 20px; }
        #Assortiment .row:nth-child(even) { flex-direction: column; }
        #Producten .row { padding: 20px; flex-direction: column-reverse; background-position: -46% 0 !important; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        .productTitle { font-size: 11px; height: auto; }
        #Info .row:nth-child(2) .ItemAfbeelding img { display: block; transform: scale(1) translate(0, 0); width: 60%; margin: 0 auto; }
        #Assortiment .ItemAfbeelding { width: 40%; }
        #Assortiment .row:nth-child(even) { flex-direction: column; }
        #Producten .row { padding: 30px; }
        #Producten .logo { width: 30%; margin: 0 -18px; }
        #Producten .row .ItemAfbeelding { margin: 30px 0 0; }
        #Producten .row { background-position: 79% 0 !important; }
    }