.page-khuyen-mai{color:#1F2D3D;background:#F4F7FB;max-width:100%;overflow-x:hidden}
.page-khuyen-mai h1,.page-khuyen-mai h2,.page-khuyen-mai h3{color:#2F6BFF;line-height:1.3;margin:0 0 12px}
.page-khuyen-mai p{line-height:1.7;margin:0 0 12px;color:#1F2D3D}
.page-khuyen-mai a{color:#2F6BFF}
.page-khuyen-mai__hero-section{width:100%;max-width:1200px;margin:0 auto;padding:10px 16px 0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}
.page-khuyen-mai__hero-image-wrap{width:100%;max-width:1200px;margin:0 0 20px}
.page-khuyen-mai__hero-image{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 12px 30px rgba(47,107,255,.18)}
.page-khuyen-mai__hero-content{width:100%;max-width:900px;text-align:center;padding:8px 0 4px}
.page-khuyen-mai__hero-title{font-weight:800;letter-spacing:.2px;max-width:900px;margin:0 auto 14px;color:#1F2D3D}
.page-khuyen-mai__hero-desc{font-size:1.02rem;max-width:780px;margin:0 auto 22px;color:#1F2D3D}
.page-khuyen-mai__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}
.page-khuyen-mai__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:12px;font-weight:700;text-decoration:none;font-size:1rem;line-height:1.3;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;transition:transform .15s ease,box-shadow .15s ease}
.page-khuyen-mai__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;box-shadow:0 8px 20px rgba(47,107,255,.28)}
.page-khuyen-mai__btn--ghost{background:#FFFFFF;color:#2F6BFF;border:1px solid #D6E2FF}
.page-khuyen-mai__btn--outline{background:transparent;color:#2F6BFF;border:2px solid #2F6BFF}
.page-khuyen-mai__btn:hover{transform:translateY(-1px)}
.page-khuyen-mai__banner-section{max-width:1200px;margin:20px auto 0;padding:0 16px;box-sizing:border-box}
.page-khuyen-mai__banner-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.page-khuyen-mai__banner-thumbs img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:12px;border:1px solid #D6E2FF;background:#FFFFFF}
.page-khuyen-mai__intro-section,.page-khuyen-mai__posts-section,.page-khuyen-mai__promo-section,.page-khuyen-mai__list-section,.page-khuyen-mai__faq-section{max-width:1200px;margin:0 auto;padding:32px 16px;box-sizing:border-box}
.page-khuyen-mai__section-title{font-weight:800;margin-bottom:18px}
.page-khuyen-mai__intro-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.page-khuyen-mai__highlight-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:20px;box-shadow:0 6px 18px rgba(47,107,255,.06)}
.page-khuyen-mai__highlight-card h3{font-size:1.08rem}
.page-khuyen-mai__section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.page-khuyen-mai__link{font-weight:600;text-decoration:none;border-bottom:1px solid rgba(47,107,255,.4)}
.page-khuyen-mai__posts-track{display:flex;gap:16px;overflow:hidden;margin-top:12px}
.page-khuyen-mai__post-card{flex:0 0 calc(25% - 12px);background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:12px;box-sizing:border-box;box-shadow:0 6px 18px rgba(47,107,255,.06)}
.page-khuyen-mai__post-card img{width:100%;height:auto;object-fit:cover;display:block;border-radius:10px;margin-bottom:10px}
.page-khuyen-mai__post-card h3{font-size:1.02rem;margin-bottom:8px}
.page-khuyen-mai__card-link{text-decoration:none}
.page-khuyen-mai__post-card p{font-size:.94rem;margin:0}
.page-khuyen-mai__promo-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(47,107,255,.07)}
.page-khuyen-mai__promo-media img{width:100%;height:auto;display:block;border-radius:12px}
.page-khuyen-mai__checklist{margin:0 0 18px;padding-left:20px}
.page-khuyen-mai__checklist li{margin-bottom:10px;line-height:1.65;color:#1F2D3D}
.page-khuyen-mai__promo-actions{display:flex;flex-wrap:wrap;gap:12px;max-width:100%;box-sizing:border-box}
.page-khuyen-mai__list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.page-khuyen-mai__list-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:20px;box-shadow:0 6px 18px rgba(47,107,255,.06)}
.page-khuyen-mai__list-item h3{font-size:1.05rem}
.page-khuyen-mai__list-item p{font-size:.95rem;margin:0}
.page-khuyen-mai__overlay-section{width:100%;position:relative;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;margin:20px 0}
.page-khuyen-mai__overlay-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.page-khuyen-mai__overlay-mask{position:absolute;inset:0;background:rgba(15,30,60,.62);z-index:1}
.page-khuyen-mai__overlay-content{position:relative;z-index:2;padding:32px 20px;max-width:820px}
.page-khuyen-mai__overlay-title{color:#FFFFFF;font-weight:800;margin-bottom:12px}
.page-khuyen-mai__overlay-content p{color:#F4F7FB;margin-bottom:20px}
.page-khuyen-mai__faq-list{display:flex;flex-direction:column;gap:12px}
.page-khuyen-mai__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:16px 20px}
.page-khuyen-mai__faq-question{font-size:1.02rem;margin:0 0 8px;cursor:pointer}
.page-khuyen-mai__faq-answer p{margin:0;font-size:.96rem}
.page-khuyen-mai__cta-section{max-width:1200px;margin:0 auto;padding:32px 16px 48px;box-sizing:border-box}
.page-khuyen-mai__cta-inner{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(47,107,255,.1)}
.page-khuyen-mai__cta-image{width:100%;height:auto;display:block}
.page-khuyen-mai__cta-content{padding:24px;text-align:center}
.page-khuyen-mai__cta-title{font-weight:800;margin-bottom:12px}
.page-khuyen-mai__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;margin-top:16px}
@media (max-width:768px){
.page-khuyen-mai__hero-section{padding:8px 14px 0}
.page-khuyen-mai__hero-image-wrap{margin-bottom:16px}
.page-khuyen-mai__hero-title{font-size:clamp(1.3rem,5vw,1.7rem)}
.page-khuyen-mai__banner-thumbs{grid-template-columns:repeat(2,1fr);gap:10px}
.page-khuyen-mai__intro-highlights{grid-template-columns:1fr}
.page-khuyen-mai__posts-track{flex-direction:column;overflow:visible}
.page-khuyen-mai__post-card{flex:1 1 auto;width:100%}
.page-khuyen-mai__promo-wrap{grid-template-columns:1fr;padding:16px}
.page-khuyen-mai__list-grid{grid-template-columns:1fr}
.page-khuyen-mai__hero-actions,.page-khuyen-mai__promo-actions,.page-khuyen-mai__cta-actions{flex-direction:column;gap:10px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-khuyen-mai__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;box-sizing:border-box}
.page-khuyen-mai img{max-width:100%!important;height:auto!important}
.page-khuyen-mai{overflow-x:hidden}
}