.hot-banner { background: linear-gradient(135deg, rgba(239,68,68,0.12), rgba(245,158,11,0.08)); border: 1px solid rgba(239,68,68,0.2); border-radius: 0.75rem; padding: 1rem 1.25rem; margin-bottom: 1.5rem; text-align: center; animation: pulse-border 2s infinite; }
@keyframes pulse-border { 0%,100% { border-color: rgba(239,68,68,0.2); } 50% { border-color: rgba(239,68,68,0.5); } }
.hot-banner .hot-label { font-size: 0.65rem; color: #ef4444; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.25rem; }
.hot-banner .hot-title { font-size: 1rem; font-weight: 800; color: #fbbf24; margin-bottom: 0.25rem; }
.hot-banner .hot-countdown { font-size: 0.8rem; color: #e2e8f0; }
.hot-banner .hot-countdown span { color: #ef4444; font-weight: 700; font-size: 1.1rem; }
.hot-banner .hot-cta { display: inline-block; margin-top: 0.5rem; font-size: 0.75rem; color: #a5b4fc; text-decoration: none; border-bottom: 1px dashed rgba(165,180,252,0.3); }