:root{--czf-bg:#0F1115;--czf-bg2:#181B21;--czf-ink:#F2F4F7;--czf-ink2:#A8B0BC;--czf-ink3:#6E7683;--czf-line:#262A31;--czf-or:#FF6F00}
.czf-wrap{width:min(1240px,100% - 2rem);margin-inline:auto}
.czf-usp{background:#fff;border-top:1px solid #D9DFE8;border-bottom:1px solid #D9DFE8;font-family:inherit}
.czf-usp .czf-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}
.czf-usp div{display:flex;gap:12px;align-items:center;font-weight:700;font-size:.92rem;color:#0F1B33}
.czf-usp p{margin:0}.czf-usp span{display:block;font-weight:500;color:#4A5568;font-size:.82rem}
.czf-usp svg{width:30px;height:30px;stroke:var(--czf-or);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 30px}
footer.czf{background:var(--czf-bg);color:var(--czf-ink2);font-size:.92rem;line-height:1.5;margin:0;padding:0}
footer.czf a{color:inherit;text-decoration:none}
.czf-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr;gap:36px;padding:52px 0 40px}
.czf-logo{display:inline-block;line-height:0}
.czf-logo img{height:52px;width:auto;max-width:220px;display:block}
.czf-about p{margin:14px 0 18px;max-width:34ch;line-height:1.6}
.czf-contact{display:flex;flex-direction:column;gap:9px}
.czf-contact>a,.czf-contact>span{display:flex;gap:10px;align-items:flex-start;color:var(--czf-ink)!important}
.czf-contact svg{width:17px;height:17px;stroke:var(--czf-or);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 17px;margin-top:3px}
.czf-contact small{display:block;color:var(--czf-ink3);font-size:.8rem}
footer.czf h4{color:var(--czf-ink);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}
footer.czf ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
footer.czf ul li{margin:0;padding:0}
footer.czf ul a{color:var(--czf-ink2)!important;transition:color .12s}
footer.czf ul a:hover{color:var(--czf-or)!important}
.czf-news p{margin:0 0 14px;line-height:1.6}
.czf-news form{display:flex;border:1.5px solid var(--czf-line);border-radius:10px;overflow:hidden;background:var(--czf-bg2);margin:0}
.czf-news input{flex:1;min-width:0;border:0!important;background:transparent!important;padding:12px 14px;color:var(--czf-ink)!important;box-shadow:none!important}
.czf-news input::placeholder{color:var(--czf-ink3)}
.czf-news button{border:0;background:var(--czf-or)!important;color:#fff!important;font-weight:700;padding:0 18px;cursor:pointer;border-radius:0}
.czf-news small{display:block;margin-top:8px;color:var(--czf-ink3);font-size:.75rem}
.czf-social{display:flex;gap:8px;margin-top:20px}
.czf-social a{width:38px;height:38px;border-radius:9px;background:var(--czf-bg2);border:1px solid var(--czf-line);display:grid;place-items:center}
.czf-social a:hover{border-color:var(--czf-or)}
.czf-social svg{width:17px;height:17px;fill:var(--czf-ink2)}
.czf-social a:hover svg{fill:var(--czf-or)}
.czf-mid{border-top:1px solid var(--czf-line);border-bottom:1px solid var(--czf-line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.czf-pay,.czf-ship{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.czf-pay b,.czf-ship b{font-size:.75rem;color:var(--czf-ink3);margin-right:6px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.czf-pay span{background:#fff;color:#0F1115;font-size:.72rem;font-weight:800;padding:6px 10px;border-radius:5px;min-width:56px;text-align:center;line-height:1}
.czf-ship span{background:var(--czf-bg2);border:1px solid var(--czf-line);padding:6px 10px;border-radius:5px;font-weight:700;color:var(--czf-ink);font-size:.78rem}
.czf-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0 26px;font-size:.8rem;color:var(--czf-ink3)}
.czf-bot ul{flex-direction:row;gap:18px;flex-wrap:wrap}
.czf-bot ul a{color:var(--czf-ink3)!important}.czf-bot ul a:hover{color:var(--czf-ink)!important}
@media(max-width:1000px){.czf-top{grid-template-columns:1fr 1fr 1fr;gap:28px}.czf-about,.czf-news{grid-column:span 3}.czf-news form{max-width:460px}.czf-usp .czf-wrap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  .czf-top{grid-template-columns:1fr;padding:40px 0 28px;gap:0}.czf-about{padding-bottom:20px}.czf-news{padding-top:20px}
  .czf-col h4{display:flex;justify-content:space-between;cursor:pointer;padding:12px 0;margin:0;border-top:1px solid var(--czf-line)}
  .czf-col h4::after{content:"+";font-size:1.1rem}.czf-col.open h4::after{content:"–"}
  .czf-col ul{display:none;padding-bottom:12px}.czf-col.open ul{display:flex}
  .czf-usp .czf-wrap{grid-template-columns:1fr;gap:14px}
}

/* ===== v1.4: mobiel logo + compacter ===== */
@media(max-width:600px){
  .czf-logo img{height:38px!important;max-width:150px!important}
  footer.czf{font-size:.88rem}
  .czf-top{padding:32px 0 22px!important}
  .czf-about p{margin:12px 0 14px}
  .czf-usp .czf-wrap{padding:16px 0}
}