.page-khuyen-mai__hero { background: #B71C1C; }
.page-khuyen-mai__hero-image { width: 100%; height: auto; display: block; object-fit: cover; max-height: 300px; }
.page-khuyen-mai__hero-content { text-align: center; padding: 20px 16px; }
.page-khuyen-mai__hero-content h1 { color: #FFF5E1; font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 700; margin-bottom: 10px; }
.page-khuyen-mai__hero-content p { color: #FFF5E1; margin-bottom: 20px; }
.page-khuyen-mai__cta-button { display: inline-block; padding: 14px 30px; background: linear-gradient(180deg, #FFD86A 0%, #E6B800 100%); color: #333; font-weight: 700; border-radius: 30px; text-decoration: none; border: 2px solid #F2B544; transition: transform 0.2s; }
.page-khuyen-mai__cta-button:hover { transform: scale(1.05); }
@media (max-width: 768px) {
  .page-khuyen-mai__hero-content { padding: 15px 10px; }
  .page-khuyen-mai__cta-button { width: 100%; max-width: 100%; box-sizing: border-box; text-align: center; white-space: normal; }
  .page-khuyen-mai__hero-image { max-height: 200px; }
  .page-khuyen-mai img { max-width: 100% !important; height: auto !important; }
}