.cmhh-collectie{display:none!important}
#cmhh,#cmhh *{box-sizing:border-box!important;text-align:left!important}
#cmhh{width:100%;margin:0;padding:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#0F1621}
#cmhh .cmhh-card{margin:0;padding:0;background:#fff;border:1px solid rgba(15,22,33,.10);border-radius:18px;overflow:hidden;box-shadow:none}

#cmhh a.cmhh-link{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto 32px;align-items:center;gap:14px;margin:0!important;padding:14px 20px!important;background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid rgba(15,22,33,.07)!important;border-radius:0!important;box-shadow:none!important;color:#0F1621!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;transition:background-color .15s ease}
#cmhh a.cmhh-link:last-child{border-bottom:0!important}
#cmhh a.cmhh-link:hover{background:#F7FAF8!important}
#cmhh a.cmhh-link:focus-visible{outline:2px solid #169A47!important;outline-offset:-2px}

#cmhh .cmhh-tile{width:44px;height:44px;border-radius:12px;background:#F7FAF8;border:1px solid rgba(15,22,33,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:'Poppins',system-ui,sans-serif;font-size:11px;font-weight:700;color:#5C6873;letter-spacing:.02em}
#cmhh .cmhh-tile img{display:block;width:28px;height:28px;object-fit:contain;margin:0;border:0}
#cmhh .cmhh-info{min-width:0;display:flex;flex-direction:column;gap:2px}
#cmhh .cmhh-name{font-family:'Poppins',system-ui,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.005em!important;color:#0F1621!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}
#cmhh a.cmhh-link:hover .cmhh-name{color:#12833D!important}
#cmhh .cmhh-sub{font-size:12.5px!important;font-weight:500!important;line-height:1.3!important;color:#7A8792!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#cmhh .cmhh-when{justify-self:end;font-size:11.5px!important;font-weight:700!important;line-height:1!important;white-space:nowrap;border-radius:999px;font-variant-numeric:tabular-nums}
#cmhh .cmhh-when.on{padding:6px 10px;background:#F1F4F2;color:#4A5560!important}
#cmhh .cmhh-when.today{background:rgba(22,154,71,.10);color:#12833D!important}

#cmhh .cmhh-arr{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(15,22,33,.10);border-radius:999px;background:#fff;color:#8A97A0!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#cmhh .cmhh-arr svg{display:block;width:14px;height:14px}
#cmhh a.cmhh-link:hover .cmhh-arr{background:#F2F9F4;border-color:rgba(22,154,71,.30);color:#12833D!important}

/* Skeleton */
#cmhh .cmhh-skrow{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(15,22,33,.07)}
#cmhh .cmhh-skrow:last-child{border-bottom:0}
#cmhh .cmhh-skl{display:flex;flex-direction:column;gap:7px}
#cmhh .cmhh-sk{display:block;border-radius:6px;background:linear-gradient(90deg,#EEF2EF 25%,#F6F8F7 50%,#EEF2EF 75%);background-size:200% 100%;animation:cmhhSk 1.2s linear infinite}
#cmhh .cmhh-sk.t{width:44px;height:44px;border-radius:12px}
#cmhh .cmhh-sk.a{width:45%;max-width:180px;height:14px}
#cmhh .cmhh-sk.b{width:25%;max-width:90px;height:10px}
@keyframes cmhhSk{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){#cmhh *{animation:none!important;transition:none!important}}

@media (max-width:620px){
  #cmhh a.cmhh-link{grid-template-columns:40px minmax(0,1fr) auto 28px;gap:12px;padding:12px 14px!important}
  #cmhh .cmhh-tile,#cmhh .cmhh-sk.t{width:40px;height:40px;border-radius:11px}
  #cmhh .cmhh-tile img{width:26px;height:26px}
  #cmhh .cmhh-name{font-size:15px!important}
  #cmhh .cmhh-sub{font-size:12px!important}
  #cmhh .cmhh-when{font-size:11px!important}
  #cmhh .cmhh-when.on{padding:5px 8px}
  #cmhh .cmhh-arr{width:28px;height:28px}
  #cmhh .cmhh-skrow{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:12px 14px}
}
@media (max-width:380px){
  #cmhh a.cmhh-link{grid-template-columns:40px minmax(0,1fr) auto}
  #cmhh .cmhh-arr{display:none}
}
