#PortalPagina { width: 100%; position: relative; z-index: 0; font-family: Poppins; background: black; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; color:white; text-align:center; padding:5%; color:#ffee00;} 
    #PortalPagina p { font-size: 16px; line-height: 24px; }
    
    #PortalPagina #category-filters { display: flex; flex-flow: wrap; justify-content: center; margin: 20px 0; }
    #PortalPagina .filter-option { background: white; padding: 5px 20px; border: 1px solid #d5d5d5; margin: 5px; cursor: pointer; font-size: 16px; }
    #PortalPagina .filter-option.active { background: #75ba01; color: white; }
    #PortalPagina .filter-option:first-child { background: #75ba01; color: white; }
    
    .button{background-color: #ffee00; padding: 1%;display: block; text-align: center;width:30%;margin: 20px auto;font-weight: bold;font-size: 20px;}
    
    .Producten { display: flex; justify-content: center; }
    .product a { background: #ffffff; border: 2px solid #dddddd; margin: 10px; display: block; padding: 10px; position: relative; }
    .badge { background: #ad0109; width: fit-content !important; padding: 5px 10px !important; }
    .productTitle { font-size: 12px; overflow: hidden; color: var(--bs-body-color); height: 3.4em; padding-top: 10px; }
    .product img { width: 60% !important; margin: 0 auto; display: block; }
    .prijzen { display: flex; flex-direction: column; justify-content: flex-end; text-align: right; height: 4em; }
    .historyPrice:empty { display: none;}
    .historyPrice { color: black; text-decoration: line-through; margin: 0; }
    .actieprijs { color: #ad0109; font-size: 1.5rem !important; font-weight: 900; margin: 0; }
    
    .jacsListing div { width: 20%; padding: 0; }
    .jacsListing div div { width: 100%; }
    
    .jacsListing .filters { margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
    .jacsListing .filter-option { background: #fff; padding: 10px 20px; background: #f0f0f0; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; transition: background-color .3s; }
    .jacsListing .filter-option.active, .filter-option:hover { background: #75ba01 !important; color: white; }
    .jacsListing .hidden { display: none; }
    .jacsListing div:has(.hidden) { display: none; }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; color:white;}
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        
        .button{width:80%;}
        
        .productTitle { height: 34px; font-size: 0.7em; }
        .jacsListing div { width: 50%; }
        .actieprijs { font-size: 1.1rem !important; }
        
        
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        .button{width:60%;}
        
        .jacsListing div { width: 25%; }
        .productTitle { height: 32px; font-size: 9px; }
        .actieprijs { font-size: 1.1rem !important; }
    }