/* Scope toàn bộ style vào .yy-countdown để không ảnh hưởng phần khác */
.yy-countdown{
    --yy-bg:#0f172a;      /* nền ngoài */
    --yy-card:#111827cc;  /* nền hộp */
    --yy-fg:#e5e7eb;      /* chữ chính */
    --yy-muted:#94a3b8;   /* chữ phụ */
    --yy-accent:#22d3ee;  /* nhấn */
    display:grid; place-items:center;  
    color:var(--yy-fg);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  }
  
  .yy-countdown .yyc-card{
    padding:5px;

    width:min(900px,100%);
  }
  
  .yy-countdown .yyc-timer{
    display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px;
  }
  
  .yy-countdown .yyc-tile{
    text-align:center;
  }
  
  .yy-countdown .yyc-num{
    font-variant-numeric:tabular-nums;
    font-weight:800; line-height:1; letter-spacing:1px;
    font-size:clamp(20px, 8vw, 14px);
    background-color: #ff8604bd;
    padding: 10px;
    box-shadow:0 10px 40px #ae6565de;

  }
  
  .yy-countdown .yyc-lbl{
    color:#000; margin-top:6px;
    font-size:clamp(11px,2vw,14px); letter-spacing:.6px; 

  }
  
  /* Thông điệp khi hết giờ */
  .yy-countdown .yyc-msg{
    display:none; text-align:center; margin-top:12px;
    font-weight:800; letter-spacing:1px; font-variant-numeric:tabular-nums;
    font-size:clamp(34px, 8vw, 72px); color:var(--yy-accent);
    box-shadow: 7px 6px 13px 1px #0c0c0cde;
  }
  
  /* Mobile: xếp 2 cột */
  @media (max-width:520px){
    .yy-countdown .yyc-timer{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  }