.page-khuyen-mai{color:#333333;overflow-x:hidden}
.page-khuyen-mai__hero{background:#e8f4fd;padding-top:0;margin-top:0}
.page-khuyen-mai__hero-inner{max-width:1200px;margin:0 auto;padding:10px 16px 20px;display:flex;flex-direction:column;gap:0;align-items:center}
.page-khuyen-mai__hero-image{width:100%;margin-bottom:8px}
.page-khuyen-mai__hero-image img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:12px}
.page-khuyen-mai__hero-content{width:100%;text-align:center;padding-top:0}
.page-khuyen-mai__hero-title{font-size:clamp(1.4rem, 3.2vw, 2.1rem);font-weight:800;line-height:1.3;letter-spacing:-0.01em;color:#0477d7;max-width:760px;margin:0 auto 10px}
.page-khuyen-mai__hero-desc{font-size:1rem;line-height:1.6;color:#444;max-width:700px;margin:0 auto 18px}
.page-khuyen-mai__btn{display:inline-block;padding:12px 28px;border-radius:999px;background:#0369d1;color:#fff;font-weight:700;font-size:0.95rem;text-decoration:none;transition:background 0.2s ease;white-space:normal;word-wrap:break-word}
.page-khuyen-mai__btn:hover{background:#024ba0}
.page-khuyen-mai__btn--primary{background:linear-gradient(135deg,#26A9E0,#0369d1);padding:14px 38px;font-size:1.05rem}
.page-khuyen-mai__promo-list{padding:32px 16px;max-width:1200px;margin:0 auto}
.page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.page-khuyen-mai__promo-card{background:#fff;border:1px solid #e0edf5;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(3,105,209,0.06)}
.page-khuyen-mai__promo-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.page-khuyen-mai__promo-info{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.page-khuyen-mai__promo-title{font-size:1.15rem;font-weight:700;line-height:1.35;color:#0369d1;margin:0}
.page-khuyen-mai__promo-desc{font-size:0.92rem;line-height:1.6;color:#444;margin:0}
.page-khuyen-mai__promo-info .page-khuyen-mai__btn{align-self:flex-start;margin-top:auto}
.page-khuyen-mai__howto{background:#f4faff;padding:28px 16px}
.page-khuyen-mai__howto-inner{max-width:900px;margin:0 auto}
.page-khuyen-mai__howto-title{font-size:clamp(1.3rem, 2.8vw, 1.8rem);font-weight:800;color:#0369d1;text-align:center;margin:0 0 24px;line-height:1.3}
.page-khuyen-mai__howto-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:20px}
.page-khuyen-mai__howto-item{background:#fff;border:1px solid #dcedf8;border-radius:12px;padding:16px 20px;box-shadow:0 1px 4px rgba(3,105,209,0.05)}
.page-khuyen-mai__howto-step{font-size:1rem;font-weight:700;color:#0260b8;margin:0 0 6px}
.page-khuyen-mai__howto-step p{margin:0}
.page-khuyen-mai__howto-item p{margin:0;font-size:0.92rem;color:#555;line-height:1.6}
.page-khuyen-mai__howto-cta{text-align:center}
.page-khuyen-mai__rules{padding:32px 16px;max-width:1000px;margin:0 auto}
.page-khuyen-mai__rules-title{font-size:clamp(1.3rem, 2.8vw, 1.8rem);font-weight:800;color:#0369d1;text-align:center;margin:0 0 8px}
.page-khuyen-mai__rules-desc{text-align:center;color:#666;font-size:0.95rem;margin-bottom:24px;line-height:1.6}
.page-khuyen-mai__rules-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-khuyen-mai__rule-item{background:#f8fcff;border-left:4px solid #26A9E0;border-radius:8px;padding:16px}
.page-khuyen-mai__rule-title{font-size:1rem;font-weight:700;color:#0260b8;margin:0 0 8px}
.page-khuyen-mai__rule-desc{margin:0;font-size:0.9rem;color:#555;line-height:1.6}
.page-khuyen-mai__faq{padding:20px 16px 48px;max-width:800px;margin:0 auto}
.page-khuyen-mai__faq-title{font-size:clamp(1.3rem, 2.8vw, 1.8rem);font-weight:800;color:#0369d1;text-align:center;margin:0 0 24px}
.page-khuyen-mai__faq-item{background:#fff;border:1px solid #cde7f5;border-radius:10px;padding:14px 16px;margin-bottom:10px}
.page-khuyen-mai__faq-question{font-weight:700;color:#0260b8;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}
.page-khuyen-mai__faq-question::-webkit-details-marker{display:none}
.page-khuyen-mai__faq-answer{color:#455;margin-top:10px;font-size:0.92rem;line-height:1.65}
@media (max-width: 1024px){
.page-khuyen-mai__promo-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.page-khuyen-mai__rules-list{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px){
.page-khuyen-mai__hero{padding-top:0}
.page-khuyen-mai__hero-inner{padding-left:10px;padding-right:10px}
.page-khuyen-mai__hero-image img{aspect-ratio:16/9;max-width:100%!important;height:auto!important}
.page-khuyen-mai__hero-content{max-width:100%}
.page-khuyen-mai__btn{display:flex;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;justify-content:center;text-align:center}
.page-khuyen-mai__promo-grid{grid-template-columns:1fr;gap:20px}
.page-khuyen-mai__rules-list{grid-template-columns:1fr}
.page-khuyen-mai__howto-cta{width:100%}
.page-khuyen-mai img{max-width:100%!important;height:auto!important}
.page-khuyen-mai{max-width:100%;overflow-x:hidden}
}