/* ============================================================
   Vernast Vochtbestrijding — Shared site footer (.ft)
   Zelf-standig: geen kelder.css / site.css nodig.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap');

footer.ft{background:#0a0a0c;color:rgba(255,255,255,.7);padding:72px 0 28px;font-family:'Urbanist',system-ui,-apple-system,sans-serif;line-height:1.6;}
footer.ft *{box-sizing:border-box;}
footer.ft .wrap{max-width:1240px;margin:0 auto;padding:0 40px;}
footer.ft .grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;margin-bottom:50px;}
footer.ft img{height:30px;width:auto;object-fit:contain;margin-bottom:18px;display:block;}
footer.ft .col p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.6);max-width:300px;margin:0 0 18px;}
footer.ft .cl{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:10px;color:rgba(255,255,255,.82);}
footer.ft .cl svg{width:16px;height:16px;color:#ff9d92;flex:none;}
footer.ft h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.24em;color:rgba(255,255,255,.48);margin:0 0 18px;font-family:inherit;}
footer.ft ul{list-style:none!important;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
footer.ft ul li{list-style:none!important;padding-left:0!important;background:none!important;margin:0;}
footer.ft ul li::before,footer.ft ul li::marker{content:none!important;display:none!important;}
footer.ft a{font-size:14px;color:rgba(255,255,255,.7);text-decoration:none;}
footer.ft a:hover{color:#fff;}
footer.ft .bot{border-top:1px solid rgba(255,255,255,.09);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.5);}
footer.ft .bot .pol{display:flex;gap:20px;}

@media (max-width:900px){
  footer.ft{padding:56px 0 24px;}
  footer.ft .wrap{padding:0 22px;}
  footer.ft .grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:36px;}
}
@media (max-width:520px){
  footer.ft .grid{grid-template-columns:1fr;}
  footer.ft .bot{flex-direction:column;align-items:flex-start;}
}

/* imgslot: echte <img> ter vervanging van <image-slot> design-placeholder */
img.imgslot{object-fit:cover;object-position:50% 50%;display:block;max-width:100%;}