.draw-countdown{max-width:410px;margin:20px 0 0;padding:18px 20px 15px;border:1px solid #6b99f442;border-radius:18px;background:linear-gradient(125deg,#12366c91,#061b4938);box-shadow:inset 0 1px 0 #ffffff0d}
.draw-countdown[hidden]{display:none}
.countdown-caption{display:flex;align-items:center;gap:8px;margin:0 0 13px;font-size:9px;line-height:1.5;font-weight:800;letter-spacing:.12em;color:#deebff}
.countdown-caption::before{content:'';width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#d2ff00;box-shadow:0 0 12px #d2ff0045}
.countdown-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px 10px;border:1px solid #6095fa35;border-radius:10px;background:#0616338c}
.countdown-unit strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:43px;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';line-height:1;letter-spacing:.01em;color:#fff}
.countdown-unit:first-child strong{color:#d2ff00}
.countdown-unit span{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a9bfdf}
.draw-countdown .countdown-note{margin:11px 0 0;font-size:9px;line-height:1.6;color:#afc4e4}
.draw-countdown.has-arrived{border-color:#d2ff0066}
@media(max-width:760px){.draw-countdown{max-width:none;padding:15px;margin-top:17px}.countdown-unit strong{font-size:39px}.countdown-caption{font-size:8px}.countdown-unit{padding:11px 3px 9px}}
@media(max-width:370px){.draw-countdown{padding:13px 11px}.countdown-clock{gap:6px}.countdown-unit strong{font-size:35px}.countdown-unit span{font-size:7px}}

.announcement-with-countdown{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;padding:8px 20px;line-height:1.4}
.announcement-with-countdown>span{margin:0}
.announcement-countdown{display:flex;align-items:center;gap:10px;letter-spacing:0;color:#061b49}
.announcement-countdown[hidden]{display:none}
.announcement-countdown-label{font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.announcement-clock{display:flex;align-items:center;gap:5px}
.announcement-clock>span{display:inline-flex;align-items:baseline;justify-content:center;gap:3px;min-width:41px;padding:5px 6px;border-radius:5px;background:#061b49;color:#fff;white-space:nowrap}
.announcement-clock b{font-size:14px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}
.announcement-clock small{font-size:8px;font-weight:500;letter-spacing:0;color:#d2ff00;text-transform:none}
@media(max-width:1050px){.announcement-with-countdown{gap:8px 18px}.announcement-with-countdown>.announcement-price{display:none}}
@media(max-width:760px){.announcement-with-countdown{flex-direction:column;gap:6px;padding:8px 12px}.announcement-with-countdown>.announcement-message{display:block;margin:0;font-size:7px}.announcement-countdown{gap:8px}.announcement-clock>span{min-width:40px;padding:5px}.announcement-countdown-label{font-size:7px}}