.page-index-khuyen-mai{color:#FFF1E8;background-color:#140C0C;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}.page-index-khuyen-mai__hero-section{background-color:#140C0C;padding:10px 16px 0;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.page-index-khuyen-mai__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}.page-index-khuyen-mai__hero-image{width:100%;height:auto;aspect-ratio:1200/353;object-fit:cover;display:block;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,0.5)}.page-index-khuyen-mai__hero-content{width:100%;max-width:1200px;margin:0 auto;padding:24px 4px 12px;text-align:center}.page-index-khuyen-mai__main-title{color:#F3C54D;font-weight:800;line-height:1.35;letter-spacing:0.5px;max-width:980px;margin:0 auto 14px}.page-index-khuyen-mai__description{color:#FFF1E8;max-width:950px;margin:0 auto 22px;line-height:1.75;font-size:17px}.page-index-khuyen-mai__hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-index-khuyen-mai__btn{display:inline-block;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:14px 30px;border-radius:999px;font-weight:700;text-decoration:none;text-align:center;border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.page-index-khuyen-mai__btn--primary{background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%);color:#140C0C;border-color:#F3C54D}.page-index-khuyen-mai__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(243,197,77,0.45)}.page-index-khuyen-mai__btn--outline{border-color:#F3C54D;color:#F3C54D;background:transparent}.page-index-khuyen-mai__btn--outline:hover{background:#2A1212;transform:translateY(-2px)}.page-index-khuyen-mai__logo-section{background-color:#140C0C;padding:16px}.page-index-khuyen-mai__logo-inner{max-width:1200px;margin:0 auto}.page-index-khuyen-mai__section-title{text-align:center;font-size:1.85rem;line-height:1.4;color:#F3C54D;font-weight:800;letter-spacing:.4px;margin:8px 0 20px;max-width:1000px;padding:0 12px}.page-index-khuyen-mai__intro{text-align:center;max-width:900px;margin:0 auto 30px;font-size:1.05rem;line-height:1.8;color:#FFF1E8;padding:0 12px}.page-index-khuyen-mai__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 20px;justify-items:center;max-width:1200px;margin:8px auto 0;padding:0 8px}.page-index-khuyen-mai__logo-item{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:300px;width:100%;background:#2A1212;padding:16px 12px;border:1px solid #6A1E1E;border-radius:14px;box-sizing:border-box}.page-index-khuyen-mai__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;background:#FFF1E8;border-radius:8px;min-height:120px}.page-index-khuyen-mai__logo-cta{padding:10px 24px;border-radius:999px;background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%);color:#140C0C;font-weight:700;text-decoration:none;border:1px solid #F3C54D;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.page-index-khuyen-mai__logo-cta:hover{transform:scale(1.04);box-shadow:0 6px 18px rgba(243,197,77,0.4)}.page-index-khuyen-mai__logo-item:nth-child(5){grid-column:2}.page-index-khuyen-mai__logo-item:nth-child(6){grid-column:3}.page-index-khuyen-mai__guide-section{background-color:#140C0C}.page-index-khuyen-mai__guide-inner{max-width:1100px;margin:0 auto;padding:10px 16px 48px}.page-index-khuyen-mai__guide-step{display:flex;flex-direction:column;margin-bottom:20px;background:#2A1212;border-radius:16px;padding:10px 10px 10px;border:1px solid #6A1E1E}.page-index-khuyen-mai__guide-media{width:100%;max-width:100%;overflow:hidden}.page-index-khuyen-mai__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;display:block}.page-index-khuyen-mai__guide-body{padding:10px 6px 16px}.page-index-khuyen-mai__guide-title{color:#F3C54D;font-weight:700;font-size:1.45rem;line-height:1.5;margin-top:14px}.page-index-khuyen-mai__guide-body p{line-height:1.8;margin-top:8px;color:#FFF1E8}.page-index-khuyen-mai__highlight{background-color:#7E0D0D;padding:2px 12px;display:inline-block;border-radius:12px;border-left:4px solid #F3C54D;color:#FFF1E8;font-style:normal;font-weight:600}.page-index-khuyen-mai__faq-item{background:#2A1212;border-radius:14px;padding:12px 18px;margin-bottom:16px;border:1px solid #6A1E1E}.page-index-khuyen-mai__faq-item summary{color:#F3C54D;font-weight:600;cursor:pointer;padding:6px 0}.page-index-khuyen-mai__faq-item span{display:inline-block;width:20px;color:#F3C54D}.page-index-khuyen-mai__faq-item p{color:#FFF1E8;line-height:1.7}.page-index-khuyen-mai__cta-section{text-align:center;margin-top:30px;padding:18px 12px}.page-index-khuyen-mai__cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-index-khuyen-mai__cta-section p{max-width:900px;margin:0 auto 24px;line-height:1.8;font-size:1.05rem}@media (max-width:768px){.page-index-khuyen-mai{padding:0;max-width:100%;overflow-x:hidden}.page-index-khuyen-mai__hero-section{padding-top:10px;padding-left:12px;padding-right:12px}.page-index-khuyen-mai__hero-image{aspect-ratio:2/1}.page-index-khuyen-mai__logo-section{padding:12px}.page-index-khuyen-mai__logo-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0}.page-index-khuyen-mai__logo-item:nth-child(5),.page-index-khuyen-mai__logo-item:nth-child(6){grid-column:auto}.page-index-khuyen-mai__btn{max-width:100%!important;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:14px 20px;width:auto}.page-index-khuyen-mai img{max-width:100%!important;height:auto!important}.page-index-khuyen-mai__section-title{font-size:1.2rem}.page-index-khuyen-mai__guide-inner{padding-left:8px;padding-right:8px;padding-top:6px}.page-index-khuyen-mai__guide-step{padding:6px}.page-index-khuyen-mai__guide-title{font-size:1.1rem}.page-index-khuyen-mai__hero-content{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-index-khuyen-mai__hero-ctas,.page-index-khuyen-mai__cta-buttons,.page-index-khuyen-mai__logo-grid{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-index-khuyen-mai__main-title{font-weight:700;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}}@media (max-width:480px){.page-index-khuyen-mai__logo-grid{gap:10px}.page-index-khuyen-mai__btn{padding:12px 12px;font-size:14px}}