.page-khuyen-mai{color:#333333;background-color:#F4F7FB}
.page-khuyen-mai__hero-section{padding-top:12px}
.page-khuyen-mai__hero-image-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.page-khuyen-mai__hero-image{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:cover;border-radius:16px;max-height:420px}
.page-khuyen-mai__hero-content{width:100%;max-width:1200px;margin:24px auto 0;padding:0 16px;box-sizing:border-box;text-align:center}
.page-khuyen-mai__hero-title{font-size:clamp(24px, 4vw, 38px);font-weight:800;color:#1F2D3D;line-height:1.2;margin:0 0 12px;letter-spacing:-0.02em}
.page-khuyen-mai__hero-description{font-size:16px;color:#1F2D3D;line-height:1.6;max-width:680px;margin:0 auto 24px}
.page-khuyen-mai__cta-button,.page-khuyen-mai__promo-button,.page-khuyen-mai__guide-button{display:inline-block;background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#ffffff;text-decoration:none;padding:14px 28px;border-radius:50px;font-weight:700;font-size:16px;box-shadow:0 4px 15px rgba(47,107,255,0.4);border:none;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}
.page-khuyen-mai__cta-button:hover,.page-khuyen-mai__promo-button:hover,.page-khuyen-mai__guide-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(47,107,255,0.5)}
.page-khuyen-mai__section-title{text-align:center;color:#1F2D3D;font-size:32px;font-weight:800;line-height:1.3;margin:48px 0 12px}
.page-khuyen-mai__section-desc{text-align:center;color:#1F2D3D;max-width:700px;margin:0 auto 32px;font-size:16px;line-height:1.6}
.page-khuyen-mai__promo-section{padding:16px 16px 0;max-width:1200px;margin:0 auto;box-sizing:border-box}
.page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-top:10px}
.page-khuyen-mai__promo-card{background-color:#FFFFFF;border-radius:16px;padding:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #D6E2FF;display:flex;flex-direction:column;align-items:flex-start}
.page-khuyen-mai__promo-image{width:100%;height:auto;border-radius:12px;margin-bottom:16px;object-fit:cover}
.page-khuyen-mai__promo-title{color:#2F6BFF;font-size:20px;font-weight:700;margin:0 0 12px}
.page-khuyen-mai__promo-text{color:#1F2D3D;font-size:15px;line-height:1.6;margin:0 0 20px;flex-grow:1}
.page-khuyen-mai__guid-section{max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box}
.page-khuyen-mai__guide-container{display:flex;flex-direction:column;gap:24px}
.page-khuyen-mai__guide-step{display:flex;align-items:center;gap:24px;background-color:#FFFFFF;border-radius:16px;padding:24px;border:1px solid #D6E2FF;flex-direction:row}
.page-khuyen-mai__guide-step--alt{flex-direction:row-reverse}
.page-khuyen-mai__guide-image{width:50%;max-width:480px;height:auto;border-radius:12px;object-fit:cover}
.page-khuyen-mai__guide-content{flex:1;padding:0 8px}
.page-khuyen-mai__guide-title{color:#2F6BFF;font-size:24px;font-weight:700;margin:0 0 16px}
.page-khuyen-mai__guide-text{color:#1F2D3D;font-size:16px;line-height:1.7;margin:0 0 24px}
.page-khuyen-mai__guide-text a{color:#2F6BFF;text-decoration:underline;font-weight:600}
.page-khuyen-mai__guide-title,.page-khuyen-mai__guide-button{font-size:16px}
.page-khuyen-mai__notice-section{max-width:1200px;margin:48px auto;padding:0 16px 48px;box-sizing:border-box}
.page-khuyen-mai__notice-box{background-color:#FFFFFF;border-radius:16px;padding:24px 32px;border:1px solid #D6E2FF}
.page-khuyen-mai__notice-list{padding-left:20px;color:#1F2D3D;font-size:15px;line-height:1.8}
.page-khuyen-mai__notice-item{margin-bottom:12px}
.page-khuyen-mai__notice-item a{color:#2F6BFF;text-decoration:underline}
.page-khuyen-mai__notice-list li{margin:8px 0}
@media (max-width: 1024px){.page-khuyen-mai__promo-grid{grid-template-columns:1fr 1fr}
.page-khuyen-mai__guide-step,.page-khuyen-mai__guide-step--alt{flex-direction:column;text-align:left}
.page-khuyen-mai__guide-image{width:100%;max-width:100%}
}
@media (max-width: 768px){.page-khuyen-mai__hero-section{padding-top:0}
.page-khuyen-mai__hero-image{aspect-ratio:2/1}
.page-khuyen-mai__promo-grid{grid-template-columns:1fr}
.page-khuyen-mai__promo-image,.page-khuyen-mai__guide-image,.page-khuyen-mai__hero-image{max-width:100% !important;height:auto !important}
.page-khuyen-mai img{max-width:100%;height:auto}
.page-khuyen-mai__guide-button,.page-khuyen-mai__promo-button,.page-khuyen-mai__cta-button{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-khuyen-mai__guide-button,.page-khuyen-mai__promo-button,.page-khuyen-mai__cta-button{display:block;text-align:center}
.page-khuyen-mai__section-title{font-size:24px}
.page-khuyen-mai__section-desc{font-size:14px;padding:0 16px}
.page-khuyen-mai__guide-step{flex-direction:column;padding:16px}
.page-khuyen-mai__guide-step--alt{flex-direction:column}
.page-khuyen-mai__guide-content{padding:0}
.page-khuyen-mai__guide-button,.page-khuyen-mai__promo-button{width:100%;max-width:100%}
.page-khuyen-mai__promo-card{padding:12px}
.page-khuyen-mai__notice-box{padding:16px}
}