.ch-hero,.ch-hero *{box-sizing:border-box!important;text-align:left!important}
.ch-hero{display:block!important;position:relative;overflow:hidden;width:100%;margin:0;padding:92px 0 44px;background:#0A1017;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.ch-hero .ch-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 140% at 12% 0%,rgba(22,154,71,.16),transparent 55%)}
.ch-hero .ch-inner{position:relative;display:block!important;max-width:1320px;margin:0 auto;padding:0 50px}

/* Kruimelpad */
.ch-hero .ch-crumb{display:flex;align-items:center;justify-content:flex-start!important;flex-wrap:wrap;gap:8px;margin:0 0 26px;font-size:13px;line-height:1.4;color:#6C7A86}
.ch-hero a.ch-crumb-a{display:inline!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;color:#A9B7C2!important;text-decoration:none!important;white-space:nowrap;transition:color .15s ease}
.ch-hero a.ch-crumb-a:hover{color:#6CC08B!important}
.ch-hero .ch-cur{color:#F2F6F4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}

/* Twee kolommen: club links, volgende wedstrijd rechts */
.ch-hero .ch-grid{display:flex;align-items:center;justify-content:space-between!important;gap:40px}
.ch-hero .ch-left{flex:1 1 auto;min-width:0}
.ch-hero .ch-next{flex:0 0 440px;width:440px}
.ch-hero .ch-next.ch-gone{display:none!important}

/* Logo + titel */
.ch-hero .ch-row{display:flex;align-items:center;justify-content:flex-start!important;gap:26px;min-width:0}
.ch-hero .ch-logo{width:96px;height:96px;flex:none;display:flex;align-items:center;justify-content:center;padding:14px;background:#fff;border-radius:22px;overflow:hidden}
.ch-hero .ch-logo img{display:block;width:100%;height:100%;object-fit:contain}
.ch-hero .ch-logo .ch-init{font-family:'Poppins',system-ui,sans-serif;font-size:22px;font-weight:700;color:#0F1621}
.ch-hero .ch-txt{flex:1 1 auto;min-width:0;overflow:hidden}
.ch-hero .ch-eb-row{display:flex;align-items:center;justify-content:flex-start!important;gap:10px;margin:0 0 12px}
.ch-hero .ch-tick{width:3px;height:13px;flex:none;background:#6CC08B}
.ch-hero .ch-eb{font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#6CC08B}
.ch-hero h1.ch-h1{margin:0!important;padding:0!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:56px!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.03em!important;color:#F2F6F4!important;text-transform:none!important;text-wrap:balance;overflow-wrap:break-word}
/* Elk gegeven begint met een puntje dat buiten beeld valt aan het begin van een regel, zodat er nooit een los puntje vooraan staat */
.ch-hero .ch-meta{display:flex;align-items:center;justify-content:flex-start!important;flex-wrap:wrap;gap:6px 0;min-height:21px;margin:14px 0 0 -21px;font-size:14px;font-weight:500;line-height:1.5;color:#A9B7C2}
.ch-hero .ch-mi:empty{display:none}
.ch-hero .ch-mi::before{content:"\00b7";display:inline-block;width:21px;text-align:center!important;color:#4A5560}

/* Vorm van de laatste vijf */
.ch-hero .ch-form{display:flex;align-items:center;justify-content:flex-start!important;flex-wrap:wrap;gap:6px;min-height:28px;margin-top:22px}
.ch-hero .ch-form:empty{display:none}
.ch-hero .ch-fb{display:flex;align-items:center;justify-content:center!important;width:26px;height:26px;flex:none;border-radius:7px;font-family:'Poppins',system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1;text-align:center!important;color:#fff}
.ch-hero .ch-fb.W{background:#169A47}
.ch-hero .ch-fb.G{background:#3A4652}
.ch-hero .ch-fb.V{background:#B4483F}
.ch-hero .ch-fl{margin-left:8px;font-size:13.5px;line-height:1.4;color:#A9B7C2}

/* Kaart volgende wedstrijd */
.ch-hero .ch-next{position:relative;display:block;margin:0;padding:0;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;color:#F2F6F4}
.ch-hero .ch-nh{display:flex;align-items:center;justify-content:space-between!important;gap:12px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.ch-hero .ch-nh-l{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#6CC08B;white-space:nowrap}
.ch-hero .ch-nh-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#6CC08B}
.ch-hero .ch-nh-r{min-width:0;font-size:12.5px;line-height:1.3;color:#8A97A2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-hero .ch-nm{display:flex;align-items:flex-start;justify-content:space-between!important;gap:10px;padding:18px 18px 4px}
.ch-hero .ch-nt{display:flex;flex:1 1 0;flex-direction:column;align-items:center;min-width:0;text-align:center!important}
.ch-hero .ch-nt img{display:block;width:40px;height:40px;object-fit:contain}
.ch-hero .ch-nt .ch-ni{display:flex;align-items:center;justify-content:center!important;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);font-family:'Poppins',system-ui,sans-serif;font-size:13px;font-weight:700;color:#C9D3DA}
.ch-hero .ch-nn{display:block;width:100%;margin-top:9px;font-family:'Poppins',system-ui,sans-serif;font-size:14.5px;font-weight:600;line-height:1.3;color:#F2F6F4;text-align:center!important;overflow-wrap:anywhere}
.ch-hero .ch-nn.me{color:#fff}
.ch-hero .ch-nc{display:flex;flex:none;flex-direction:column;align-items:center;min-width:92px;padding-top:2px;text-align:center!important}
.ch-hero .ch-time{font-family:'Poppins',system-ui,sans-serif;font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em;color:#F2F6F4;font-variant-numeric:tabular-nums;text-align:center!important}
.ch-hero .ch-date{margin-top:6px;font-size:12.5px;line-height:1.3;color:#8A97A2;text-align:center!important;white-space:nowrap}
.ch-hero .ch-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#6CC08B}
.ch-hero .ch-live i{width:7px;height:7px;border-radius:50%;background:#6CC08B;animation:chBlink 1.2s ease-in-out infinite}
@keyframes chBlink{50%{opacity:.3}}
.ch-hero .ch-odds{display:flex;gap:8px;padding:16px 18px 0}
.ch-hero .ch-odds>*{flex:1 1 0;min-width:0}
.ch-hero a.ch-odd,.ch-hero span.ch-odd{display:block!important;margin:0!important;padding:10px 6px 9px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;box-shadow:none!important;color:#F2F6F4!important;text-decoration:none!important;text-align:center!important;transition:background-color .15s ease,border-color .15s ease}
.ch-hero a.ch-odd:hover{background:rgba(22,154,71,.16)!important;border-color:rgba(108,192,139,.55)!important}
.ch-hero .ch-ok{display:block;font-size:11px;font-weight:700;line-height:1;letter-spacing:.06em;color:#8A97A2;text-align:center!important}
.ch-hero .ch-ov{display:block;margin-top:6px;font-family:'Poppins',system-ui,sans-serif;font-size:19px;font-weight:700;line-height:1;color:#F2F6F4;font-variant-numeric:tabular-nums;text-align:center!important}
.ch-hero .ch-ob{display:block;margin-top:6px;font-size:11.5px;line-height:1.2;color:#9FDDB4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center!important}
.ch-hero span.ch-odd .ch-ov{color:#5B6872}
.ch-hero .ch-nodds{margin:16px 18px 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);font-size:13px;line-height:1.5;color:#A9B7C2}
.ch-hero .ch-nf{display:flex;align-items:center;justify-content:space-between!important;flex-wrap:wrap;gap:8px 14px;padding:14px 18px 16px}
.ch-hero .ch-tv{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:13px;line-height:1.3;color:#A9B7C2}
.ch-hero .ch-tv i{width:6px;height:6px;flex:none;border-radius:50%;background:#6CC08B}
.ch-hero a.ch-tv-a{display:inline!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font:inherit!important;font-weight:600!important;color:#F2F6F4!important;text-decoration:none!important}
.ch-hero a.ch-tv-a:hover{color:#6CC08B!important}
.ch-hero a.ch-vb{display:inline-flex!important;align-items:center;gap:6px;margin:0 0 0 auto!important;padding:0!important;background:none!important;border:0!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:13.5px!important;font-weight:600!important;line-height:1.2!important;color:#6CC08B!important;text-decoration:none!important;white-space:nowrap}
.ch-hero a.ch-vb:hover{color:#9FDDB4!important}
.ch-hero a.ch-vb svg{width:14px;height:14px;display:block;flex:none;transition:transform .15s ease}
.ch-hero a.ch-vb:hover svg{transform:translateX(3px)}
.ch-hero a:focus-visible{outline:2px solid #6CC08B!important;outline-offset:3px;border-radius:6px}

/* Laden */
.ch-hero .ch-sk{display:block;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:chSk 1.3s ease-in-out infinite}
.ch-hero .ch-sk-odd{height:64px;border-radius:12px}
.ch-hero .ch-nt .ch-sk,.ch-hero .ch-nc .ch-sk{margin-left:auto;margin-right:auto}
@keyframes chSk{0%{background-position:200% 0}100%{background-position:-200% 0}}

@media(max-width:1180px){
  .ch-hero .ch-next{flex-basis:400px;width:400px}
  .ch-hero h1.ch-h1{font-size:48px!important}
}
@media(max-width:980px){
  .ch-hero{padding:92px 0 30px}
  .ch-hero .ch-inner{padding:0 24px}
  .ch-hero .ch-grid{display:block}
  .ch-hero .ch-next{width:100%;max-width:560px;margin-top:26px}
  .ch-hero h1.ch-h1{font-size:40px!important}
}
@media(max-width:640px){
  .ch-hero{padding:92px 0 28px}
  .ch-hero .ch-crumb{margin-bottom:18px}
  .ch-hero .ch-row{gap:16px}
  .ch-hero .ch-logo{width:64px;height:64px;border-radius:15px;padding:10px}
  .ch-hero .ch-logo .ch-init{font-size:16px}
  .ch-hero .ch-eb-row{margin-bottom:8px}
  .ch-hero .ch-eb{font-size:11px}
  .ch-hero h1.ch-h1{font-size:32px!important}
  .ch-hero .ch-meta{font-size:13px;margin-top:10px}
  .ch-hero .ch-nh{flex-wrap:wrap;gap:4px 12px}
  .ch-hero .ch-nh-r{white-space:normal}
  .ch-hero .ch-form{margin-top:16px}
  .ch-hero .ch-next{margin-top:22px}
  .ch-hero .ch-nh,.ch-hero .ch-nf{padding-left:14px;padding-right:14px}
  .ch-hero .ch-nm{padding:16px 14px 2px}
  .ch-hero .ch-odds{padding:14px 14px 0;gap:6px}
  .ch-hero .ch-nodds{margin:14px 14px 0}
  .ch-hero .ch-time{font-size:24px}
  .ch-hero .ch-nn{font-size:13.5px}
}
@media(max-width:420px){
  .ch-hero .ch-logo{width:54px;height:54px;border-radius:13px;padding:8px}
  .ch-hero h1.ch-h1{font-size:28px!important}
  .ch-hero .ch-cur{max-width:140px}
  .ch-hero .ch-nc{min-width:76px}
}
@media(prefers-reduced-motion:reduce){.ch-hero *{animation:none!important;transition:none!important}}