/* assets/css/countdown.css */
.release-row{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.countdown{
  display:flex; align-items:stretch; gap:8px;
  padding:6px 10px;
  background: rgba(0,0,0,.25);
  border:1px solid #22222a;
  border-radius:14px;
  box-shadow:0 6px 18px rgb(0 0 0 / .25);
}
.cd-seg{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-width:64px; padding:6px 8px;
  background: linear-gradient(180deg, rgba(134, 3, 3, .18), rgba(0,0,0,.15));
  border:1px solid #2a2a33; border-radius:10px;
}
.cd-num{
  font-weight:800; font-size: clamp(18px, 4.5vw, 26px); line-height:1;
  letter-spacing: 1px; color: #fff;
}
.cd-lbl{ margin-top:4px; font-size:12px; color: var(--muted); }
.cd-colon{
  display:flex; align-items:center; justify-content:center;
  padding:0 4px; font-weight:700; color: #e9e9ef; opacity:.8;
}
.countdown.live{
  background: rgba(0, 128, 0, .15);
  border-color: rgba(0, 200, 120, .35);
}
.cd-live{ font-weight:700; color:#d7ffe3; }

@media (max-width: 900px){
  .cd-seg{ min-width:56px; }
  .release-row{ gap:10px; }
}
@media (max-width: 420px){
  .cd-lbl{ display:none; }
  .cd-seg{ min-width:46px; }
}