.page-khuyen-mai{color:#333333;background-color:#ffffff;width:100%;}
.page-khuyen-mai img{max-width:100%;height:auto;}
.page-khuyen-mai__hero-section{padding-top:10px;background:#e8f4f9;}
.page-khuyen-mai__hero-image img{width:100%;aspect-ratio:17/5;object-fit:cover;display:block;}
.page-khuyen-mai__hero-content{max-width:1200px;margin:-40px auto 0;padding:40px 24px;position:relative;background:white;border-radius:24px 24px 0 0;}
.page-khuyen-mai__hero-title{color:#026ea0;font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:1.3;font-weight:800;max-width:900px;margin-bottom:14px;}
.page-khuyen-mai__hero-desc{color:#333;max-width:900px;line-height:1.7;margin-bottom:24px;}
.page-khuyen-mai__hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.page-khuyen-mai__btn{padding:12px 32px;border-radius:50px;font-weight:700;text-decoration:none;display:inline-block;transition:all .2s ease;text-align:center;}
.page-khuyen-mai__btn--login{background:#ea7c07;color:#ffffff;border:2px solid #ea7c07;}
.page-khuyen-mai__btn--login:hover{background:#d66e00;transform:translateY(-2px);}
.page-khuyen-mai__btn--register{background:#26a9e0;color:#ffffff;border:2px solid #26a9e0;}
.page-khuyen-mai__btn--register:hover{background:#0693c4;transform:translateY(-2px);}
.page-khuyen-mai__promo-intro{max-width:1200px;margin:30px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.page-khuyen-mai__intro-card{background:#ffffff;box-shadow:0 6px 24px -8px rgba(0,0,0,.1);border-radius:20px;padding:32px 24px;text-align:center;}
.page-khuyen-mai__intro-icon{font-size:3rem;margin-bottom:12px;}
.page-khuyen-mai__intro-title{color:#026ea0;font-size:1.2rem;font-weight:700;margin-bottom:8px;}
.page-khuyen-mai__intro-text{color:#555;font-size:.95rem;line-height:1.6;}
.page-khuyen-mai__promo-list{padding:40px 0 20px;}
.page-khuyen-mai__container{max-width:1200px;margin:0 auto;padding:0 24px;}
.page-khuyen-mai__section-title{color:#026ea0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;text-align:center;margin-bottom:32px;}
.page-khuyen-mai__promo-grid{display:grid;gap:24px;}
.page-khuyen-mai__promo-item{display:grid;grid-template-columns:0.9fr 1.1fr;background:#ffffff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;}
.page-khuyen-mai__promo-thumb img{width:100%;height:100%;object-fit:cover;min-height:300px;}
.page-khuyen-mai__promo-body{padding:28px;}
.page-khuyen-mai__promo-tag{display:inline-block;padding:4px 12px;background:#26a9e0;color:#ffffff;border-radius:6px;font-weight:600;font-size:.8rem;margin-bottom:10px;}
.page-khuyen-mai__promo-title{color:#026ea0;font-size:1.4rem;font-weight:700;margin-bottom:10px;}
.page-khuyen-mai__promo-body{padding:28px;line-height:1.7;}
.page-khuyen-mai__promo-body ul{list-style:disc;padding-left:20px;margin:10px 0;}
.page-khuyen-mai__promo-cta{display:inline-block;margin-top:16px;padding:10px 24px;background:#ea7c07;color:#ffffff;border-radius:24px;font-weight:700;text-decoration:none;}
.page-khuyen-mai__promo-cta:hover{background:#d66e00;transform:translateY(-2px);}
.page-khuyen-mai__event-highlight{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:20px auto 40px;padding:0 24px;gap:32px;align-items:center;}
.page-khuyen-mai__event-media img{width:100%;border-radius:20px;aspect-ratio:4/3;object-fit:cover;}
.page-khuyen-mai__event-content{background:#ffffff;border-radius:20px;padding:20px;}
.page-khuyen-mai__event-title{color:#026ea0;font-size:1.6rem;font-weight:700;margin-bottom:12px;}
.page-khuyen-mai__event-list{list-style:none;padding:0;margin:10px 0;}
.page-khuyen-mai__event-list li{padding:4px 0;line-height:1.6;position:relative;padding-left:20px;}
.page-khuyen-mai__event-list li::before{content:"✓";color:#26a9e0;position:absolute;left:0;font-weight:700;}
.page-khuyen-mai__event-cta{display:inline-block;margin-top:16px;padding:10px 24px;background:#ea7c07;color:#ffffff;border-radius:24px;font-weight:700;text-decoration:none;}
.page-khuyen-mai__event-cta:hover{background:#d66e00;}
.page-khuyen-mai__rules-section{background:#f4f8fc;padding:60px 0;}
.page-khuyen-mai__rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.page-khuyen-mai__rule-item{background:#ffffff;border-left:5px solid #26a9e0;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.page-khuyen-mai__rule-item h3{color:#026ea0;margin-bottom:8px;font-size:1.05rem;}
.page-khuyen-mai__rule-item p{line-height:1.7;color:#333;}
.page-khuyen-mai__faq-list{max-width:900px;margin:0 auto;}
.page-khuyen-mai__container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.page-khuyen-mai__faq-section {
    padding: 60px 0;
}
.page-khuyen-mai__faq-section .page-khuyen-mai__container {
    max-width: 800px;
}
.page-khuyen-mai__faq-item{
    background:#ffffff;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
    margin-bottom:12px;
    overflow:hidden;
}
.page-khuyen-mai__faq-question{
    padding:16px 20px;
    font-weight:600;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    gap:10px;
    list-style:none;
    color:#026ea0;
}
.page-khuyen-mai__faq-question::-webkit-details-marker{display:none;}
.page-khuyen-mai__faq-icon{
    background:#26a9e0;
    color:#fff;
    width:24px;
    height:24px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    flex-shrink:0;
}
.page-khuyen-mai__faq-answer{
    padding:0 20px 16px;
    color:#444;
    line-height:1.7;
}
.page-khuyen-mai__faq-answer p{color:#333;}
.page-khuyen-mai__guide-download{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    max-width:1200px;
    margin:20px auto 40px;
    padding:0 24px;
    gap:32px;
    align-items:center;
}
.page-khuyen-mai__guide-media img{
    width:100%;
    border-radius:20px;
    aspect-ratio:4/3;
    object-fit:cover;
}
.page-khuyen-mai__guide-title{
    color:#026ea0;
    font-size:1.6rem;
    font-weight:700;
    margin-bottom:12px;
}
.page-khuyen-mai__guide-steps{
    margin:20px 0;
    padding-left:20px;
    color:#333;
    line-height:1.7;
}
.page-khuyen-mai__guide-steps li{margin-bottom:8px;}
.page-khuyen-mai__guide-cta, .page-khuyen-mai__promo-cta, .page-khuyen-mai__event-cta {
    display:inline-block;
    margin-top:10px;
    padding:12px 32px;
    background:#26a9e0;
    color:#fff;
    border-radius:50px;
    font-weight:700;
    text-decoration:none;
    transition:all .2s ease;
}
.page-khuyen-mai__guide-cta:hover, .page-khuyen-mai__guide-cta:hover, .page-khuyen-mai__promo-cta:hover { background:#1f9fd0; }
@media (max-width: 1024px) {
    .page-khuyen-mai__intro-card{padding:16px 12px;}
    .page-khuyen-mai__event-media img{aspect-ratio:4/3;}
}
@media (max-width: 768px) {
    .page-khuyen-mai img{max-width:100% !important;height:auto !important;}
    .page-khuyen-mai__hero-image img{aspect-ratio:16/9;min-height:200px;}
    .page-khuyen-mai__hero-section{padding-top:0;}
    .page-khuyen-mai__hero-content{margin:-10px 0 0;padding:24px 16px;border-radius:0;}
    .page-khuyen-mai__intro-card{grid-column:auto;}
    .page-khuyen-mai__promo-intro{grid-template-columns:1fr;gap:12px;padding:0 12px;}
    .page-khuyen-mai__intro-card{padding:20px 16px;}
    .page-khuyen-mai__promo-grid{grid-template-columns:1fr}
    .page-khuyen-mai__promo-grid{
        grid-template-columns:1fr;
    }
    .page-khuyen-mai__promo-item{grid-template-columns:1fr;}
    .page-khuyen-mai__promo-thumb img{width:100%;height:auto;min-height:200px;   }
    .page-khuyen-mai__promo-cta{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;}
    .page-khuyen-mai__promo-body{padding:20px;}
    .page-khuyen-mai__promo-item{grid-template-columns:1fr}
    .page-khuyen-mai__event-highlight{grid-template-columns:1fr;gap:24px;padding:0 16px;}
    .page-khuyen-mai__rules-grid{grid-template-columns:1fr;}
    .page-khuyen-mai__rule-item h3{font-size:.95rem;}
    .page-khuyen-mai__event-content{text-align:center;}
    .page-khuyen-mai__event-cta{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;}
    .page-khuyen-mai__guide-title{font-size:1.4rem;text-align:center;}
    .page-khuyen-mai__guide-steps{padding-left:0;list-style-position:inside;}
    .page-khuyen-mai__guide-body{padding:0 4px;}
    .page-khuyen-mai__guide-body br{display:none;}
    .page-khuyen-mai__guide-cta{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;}
    .page-khuyen-mai__guide-download{grid-template-columns:1fr;padding:0 16px;gap:16px;}
    .page-khuyen-mai__guide-title{font-size:1.3rem;}
    .page-khuyen-mai__faq-section{padding:20px 0;}
    .page-khuyen-mai__event-list li{font-size:.9rem;}
    .page-khuyen-mai__promo-grid,.page-khuyen-mai__promo-item{min-width:0;}
    .page-khuyen-mai__promo-item{overflow:hidden;}
    .page-khuyen-mai__promo-thumb,.page-khuyen-mai__promo-body{min-width:0;}
    .page-khuyen-mai__promo-cta,.page-khuyen-mai__event-cta,.page-khuyen-mai__guide-cta{box-sizing:border-box;max-width:100%;width:100%;}
    .page-khuyen-mai{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
        box-sizing:border-box;
    }
    .page-khuyen-mai__hero-section{overflow:hidden;}
}