.events-hero { display: block !important; }
.events-title-row { display: grid; grid-template-columns: minmax(0,1fr) 380px; gap: 48px; align-items: center; }
.events-title-row .hero-main { min-width: 0; }
.events-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 30px; }
.events-toolbar .filter-row, .events-toolbar .summary-bar { margin-top: 0 !important; }
.events-toolbar .summary-bar { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.countdown-panel { position: relative; display: grid !important; grid-template-columns: minmax(0,1fr) 210px; grid-template-rows: auto auto auto; column-gap: 16px; row-gap: 4px !important; min-width: 0; min-height: 0 !important; padding: 14px 16px !important; border: 1px solid rgba(85,217,255,.22) !important; border-radius: 6px !important; background: #0a0d0f !important; box-shadow: inset 0 0 28px rgba(85,217,255,.035) !important; overflow: hidden; }
.countdown-panel::before { content: ''; position: absolute; left: 0; top: 0; width: 35%; height: 2px; background: #55d9ff; box-shadow: 0 0 16px rgba(85,217,255,.55); animation: deadlinePulse 2.4s ease-in-out infinite; }
.countdown-panel::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 35%, rgba(85,217,255,.05) 50%, transparent 65%); transform: translateX(-100%); animation: deadlineScan 5s ease-in-out infinite; }
.countdown-label { grid-column: 1; grid-row: 1; color: #55d9ff !important; font-size: 10px !important; letter-spacing: 0 !important; }
.countdown-event { grid-column: 1; grid-row: 2; min-width: 0; min-height: 0; overflow: hidden; color: #fff !important; font-size: 13px !important; line-height: 1.35 !important; text-overflow: ellipsis; white-space: nowrap; }
.countdown-deadline { grid-column: 1; grid-row: 3; overflow: hidden; color: rgba(255,255,255,.4) !important; font-size: 10px !important; text-overflow: ellipsis; white-space: nowrap; }
.countdown-timer { grid-column: 2; grid-row: 1 / 4; align-self: stretch; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 0 !important; margin-top: 0 !important; border-left: 1px solid rgba(255,255,255,.08); }
.countdown-box { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; padding: 0 3px !important; border: 0 !important; border-right: 1px solid rgba(255,255,255,.07) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
.countdown-box:last-child { border-right: 0 !important; }
.countdown-box::before { display: none !important; }
.countdown-value { color: #fff !important; font-size: 19px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0 !important; animation: none !important; font-variant-numeric: tabular-nums; text-shadow: 0 0 14px rgba(85,217,255,.2); }
.countdown-unit { margin-top: 7px !important; color: rgba(255,255,255,.34) !important; font-size: 9px !important; white-space: nowrap; }
@keyframes deadlinePulse { 50% { width: 72%; opacity: .6; } }
@keyframes deadlineScan { 0%,60% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
@media (max-width: 900px) { .events-title-row { grid-template-columns: 1fr; gap: 24px; } .countdown-panel { width: min(100%, 440px); } }
@media (max-width: 640px) { .events-toolbar { align-items: flex-start; flex-direction: column; } .countdown-panel { grid-template-columns: 1fr; width: 100%; } .countdown-label, .countdown-event, .countdown-deadline, .countdown-timer { grid-column: 1; } .countdown-label { grid-row: 1; } .countdown-event { grid-row: 2; } .countdown-deadline { grid-row: 3; } .countdown-timer { grid-row: 4; min-height: 62px; margin-top: 8px !important; border-top: 1px solid rgba(255,255,255,.08); border-left: 0; } }
@media (prefers-reduced-motion: reduce) { .countdown-panel::before, .countdown-panel::after { animation-duration: .01ms; } }