.voorpaginakop{max-width:720px;margin-bottom:22px}.voorpaginakop h2{margin:5px 0 7px;font-size:clamp(29px,4vw,42px);line-height:1.08}.voorpaginakop p{margin:0;color:#586960}.schildpadkeuze{padding:58px 0 34px}.hoofdcategorierooster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hoofdcategorie{position:relative;display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:20px;min-height:132px;padding:20px 24px;border:2px solid #cfd9d0;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(18,59,47,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hoofdcategorie:hover,.hoofdcategorie:focus{transform:translateY(-3px);border-color:var(--groen);box-shadow:0 14px 30px rgba(18,59,47,.13)}.hoofdcategorie .categoriebeeld{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;font-size:15px;font-weight:850;color:#fff}.hoofdcategorie.water .categoriebeeld{background:linear-gradient(145deg,#247fa4,#164f6b)}.hoofdcategorie.land .categoriebeeld{background:linear-gradient(145deg,#7c9141,#405b2e)}.hoofdcategorie strong{display:block;font-size:clamp(22px,3vw,31px);line-height:1.1}.hoofdcategorie small{display:block;margin-top:7px;color:#65756d}.hoofdcategorie b{font-size:32px;color:var(--groen)}.lossecategorieen{padding:32px 0 58px}.categorierooster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.categoriekaart{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:15px;min-height:132px;padding:18px;border:1px solid var(--rand);border-radius:15px;background:#fff;transition:border-color .18s ease,transform .18s ease}.categoriekaart:hover,.categoriekaart:focus{transform:translateY(-2px);border-color:var(--groen)}.categorielogo{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#f0f4e5}.categorielogo img{display:block;width:56px;height:56px;object-fit:contain}.categoriekaart strong,.categoriekaart small,.categoriekaart em{display:block}.categoriekaart strong{font-size:19px;line-height:1.2}.categoriekaart small{margin-top:4px;color:#64736b;font-size:13px;line-height:1.35}.categoriekaart em{margin-top:9px;color:var(--groen);font-size:13px;font-style:normal;font-weight:800}.willekeurigeproducten{padding-top:20px}.willekeurigeproducten .sectiekop h2{margin:5px 0 0}.categoriepagina{min-height:500px}.kruimelpad{display:flex;gap:9px;margin-bottom:24px;color:#617168;font-size:14px}.kruimelpad a{text-decoration:underline}.categoriepaginakop{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.categoriepaginakop h1{margin:5px 0 8px;font-size:clamp(36px,6vw,58px);line-height:1}.categoriepaginakop p{max-width:750px;margin:0;color:#586960}.categoriepagina .product h2{margin:4px 0;font-size:22px}.categoriepagina .knop.secundair{background:#e8efe9;color:var(--groen)}body[data-thema="donker"] .hoofdcategorie,body[data-thema="donker"] .categoriekaart{background:#17241f;color:#edf7f0;border-color:#496155}body[data-thema="donker"] .hoofdcategorie small,body[data-thema="donker"] .categoriekaart small,body[data-thema="donker"] .voorpaginakop p,body[data-thema="donker"] .categoriepaginakop p{color:#c0d1c7!important}body[data-thema="donker"] .categorielogo{background:#263a31}body[data-thema="contrast"] .hoofdcategorie,body[data-thema="contrast"] .categoriekaart{border:3px solid currentColor}@media(max-width:900px){.categorierooster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.schildpadkeuze{padding-top:42px}.hoofdcategorierooster,.categorierooster{grid-template-columns:1fr}.hoofdcategorie{grid-template-columns:74px 1fr auto;min-height:108px;padding:16px}.hoofdcategorie .categoriebeeld{width:74px;height:74px}.categoriepaginakop,.willekeurigeproducten .sectiekop{align-items:stretch;flex-direction:column}.willekeurigeproducten .sectiekop form{width:100%}.willekeurigeproducten .sectiekop input{min-width:0;flex:1}.categoriepaginakop .knop{width:100%;text-align:center}}@media(max-width:420px){.hoofdcategorie{grid-template-columns:62px 1fr auto;gap:12px}.hoofdcategorie .categoriebeeld{width:62px;height:62px;font-size:12px}.categoriekaart{grid-template-columns:54px 1fr}.categorielogo{width:54px;height:54px}.categorielogo img{width:46px;height:46px}}