@font-face { font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    #PortalPagina { width: 100%; font-family: Poppins; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; }
    #PortalPagina h2 { font-size: 25px; line-height: 40px; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }

    #nav-listing { padding-top: 40px; }
    #nav-listing a { padding: 10px 20px; font-weight: normal; }
    .filters { font-size: .875rem; line-height: 1.5rem; cursor: pointer; }
    .jacsListing .hidden, .jacsListing div:has(.hidden), [data-category="{{manufacturer}}"], [data-category="{{categoryName}}"] { display: none; }
    .filter-option[data-category="all"] { padding: 5px 0 10px; font-weight: 600; }
    .filter-option[data-category="all"]:before { display: none; }
    .filter-option:before { content: "\25E2"; margin-right: 5px; color: #fff; filter: contrast(1); }
    .filter-option:hover:before { filter: contrast(0); }

    #price-filter input { width: 5em; border: 1px solid #dbdbdb; text-indent: 10px; }
    #price-filter button, #reset-filters { width: 100%; border: none; }

    #productCount { margin: 25px 20px 5px; }

    .jacsListing div { width: 33.33%; padding: 0; }
    .jacsListing div div { width: 100%; }

    #Producten { display: flex; justify-content: center; padding: 0; }
    .product a { border: 2px solid #ddd; margin: 10px; padding: 10px; display: block; position: relative; }
    .product img { width: 60% !important; margin: 0 auto; display: block; }
    .badge { background: #ad0109; padding: 5px 10px !important; width: fit-content !important; line-height: normal; }
    .productTitle { font-size: 12px; height: 30px; margin-top: 10px; color: var(--bs-body-color); overflow: hidden; }
    .prijzen { display: flex; flex-direction: column; text-align: right; justify-content: flex-end; 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; }

    /* Mobile */
    @media screen and (max-width: 667px) {
      #PortalPagina h1 { font-size: 25px; }
      #PortalPagina p { font-size: 14px; line-height: 23px; }
      .productTitle { height: auto; }
      .jacsListing div { width: 100%; }
    }

    /* Tablet */
    @media screen and (min-width: 768px) and (max-width: 1032px) {
      .jacsListing div { width: 33.33%; }
      .productTitle { font-size: 11px; height: auto; }
      .badge { font-size: 10px; }
    }