.page-khuyen-mai{color:#333;background:#fff;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6}.page-khuyen-mai__container{max-width:1200px;margin:0 auto;padding:0 20px}.page-khuyen-mai__container--small{max-width:900px}.page-khuyen-mai__container--medium{max-width:1100px}.page-khuyen-mai img{max-width:100%;height:auto;display:block}.page-khuyen-mai__hero-section{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);padding:10px 0 0;margin:0;box-sizing:border-box}.page-khuyen-mai__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page-khuyen-mai__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.page-khuyen-mai__hero-content{text-align:center;padding:24px 20px 30px;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;margin-top:-10px;position:relative;z-index:1}.page-khuyen-mai__hero-title{color:#017439;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800;line-height:1.4;letter-spacing:-0.01em;margin:0 auto 10px;max-width:820px}.page-khuyen-mai__hero-desc{color:#4b5563;font-size:clamp(0.95rem,2vw,1.05rem);font-weight:400;max-width:760px;margin:0 auto 22px;line-height:1.7}.page-khuyen-mai__hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:5px}.page-khuyen-mai__btn,.page-khuyen-mai__promo-btn,.page-khuyen-mai__cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:50px;font-weight:700;text-decoration:none;font-size:0.95rem;letter-spacing:0.3px;transition:all 0.3s ease;cursor:pointer;text-align:center;border:none}.page-khuyen-mai__btn--primary,.page-khuyen-mai__cta-btn{background:#017439;color:#fff;box-shadow:0 4px 15px rgba(1,116,57,0.3)}.page-khuyen-mai__btn--primary:hover,.page-khuyen-mai__cta-btn:hover{background:#015d2e;transform:translateY(-2px);box-shadow:0 6px 20px rgba(1,116,57,0.4)}.page-khuyen-mai__btn--outline{background:transparent;color:#017439;border:2px solid #017439}.page-khuyen-mai__btn--outline:hover{background:rgba(1,116,57,0.06);transform:translateY(-2px)}.page-khuyen-mai__intro-section{padding:50px 0 30px}.page-khuyen-mai__container{width:100%;box-sizing:border-box}.page-khuyen-mai__section-title{color:#017439;text-align:center;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800;margin:0 0 14px;line-height:1.35;letter-spacing:-0.01em}.page-khuyen-mai__section-desc{color:#6b7280;text-align:center;font-size:0.98rem;max-width:900px;margin:0 auto 32px;line-height:1.75}.page-khuyen-mai__promo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:12px}.page-khuyen-mai__promo-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.page-khuyen-mai__promo-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(1,116,57,0.1)}.page-khuyen-mai__promo-card-image img{width:100%;aspect-ratio:2/1;object-fit:cover}.page-khuyen-mai__promo-card-content{padding:20px 18px 22px;display:flex;flex-direction:column;flex:1}.page-khuyen-mai__promo-card-title{color:#17403e;font-size:1.1rem;font-weight:700;margin:0 0 10px;line-height:1.5;letter-spacing:-0.01em}.page-khuyen-mai__promo-card-desc{color:#6b7280;font-size:0.9rem;line-height:1.75;flex:1;margin:0 0 14px}.page-khuyen-mai__promo-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:0.82rem}.page-khuyen-mai__promo-code{color:#25747a;background:#e6f7f7;padding:2px 10px;border-radius:6px}.page-khuyen-mai__promo-date{color:#ff9900;font-weight:600}.page-khuyen-mai__promo-btn,.page-khuyen-mai__cta-btn{background:linear-gradient(90deg,#5bc500,#82c200);color:#fff;border-radius:8px;padding:10px 20px;font-weight:700;box-shadow:0 4px 12px rgba(92,197,0,0.3)}.page-khuyen-mai__promo-btn:hover,.page-khuyen-mai__cta-btn:hover{transform:scale(1.03);box-shadow:0 6px 16px rgba(92,197,0,0.4)}.page-khuyen-mai__steps-section{background:#f9fafb;padding:50px 0 42px}.page-khuyen-mai__steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:12px}.page-khuyen-mai__step-item{background:#fff;border-radius:12px;padding:28px 22px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.06)}.page-khuyen-mai__step-number{display:inline-block;width:44px;height:44px;background:#017439;color:#fff;border-radius:50%;font-size:1.1rem;font-weight:700;line-height:44px;text-align:center;margin-bottom:14px}.page-khuyen-mai__step-title{color:#17403e;font-size:1.1rem;font-weight:700;margin:0 0 8px}.page-khuyen-mai__step-desc{color:#6b7280;font-size:0.9rem;line-height:1.65}.page-khuyen-mai__steps-cta{text-align:center;margin-top:26px}.page-khuyen-mai__payment-section{padding:50px 0}.page-khuyen-mai__payment-text{text-align:center;color:#6b7280;max-width:850px;margin:0 auto 28px;font-size:1rem}.page-khuyen-mai__brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto;padding:0 20px}.page-khuyen-mai__brand-item{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all 0.25s ease}.page-khuyen-mai__brand-item:hover{border-color:#017439;box-shadow:0 4px 12px rgba(1,116,57,0.08)}.page-khuyen-mai__brand-item img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.page-khuyen-mai__brand-name{margin-top:6px;font-weight:600;color:#17403e;text-align:center;font-size:0.88rem}.page-khuyen-mai__terms-section{background:#f9fafb;padding:50px 0 42px}.page-khuyen-mai__terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.page-khuyen-mai__terms-item{background:#fff;padding:22px;border-radius:12px;border-top:3px solid #017439}.page-khuyen-mai__terms-title{color:#17403e;font-size:1.02rem;font-weight:700;margin-bottom:8px}.page-khuyen-mai__terms-list{list-style:none;padding:0;margin:0}.page-khuyen-mai__terms-list li{color:#4b5563;font-size:0.9rem;padding:5px 0 5px 20px;position:relative;line-height:1.65}.page-khuyen-mai__terms-list li:before{content:'';position:absolute;left:0;top:13px;width:10px;height:10px;background:#19a36b;border-radius:50%}.page-khuyen-mai__rules-section{padding:50px 0}.page-khuyen-mai__rules-content{max-width:930px;margin:0 auto 28px}.page-khuyen-mai__rules-content p{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:20px;background:#f8fafc;padding:17px 22px;border-radius:10px;border-left:4px solid #017439}.page-khuyen-mai__faq-section{background:linear-gradient(180deg,white 0%,#f0fdf4 100%);padding:50px 0}.page-khuyen-mai__faq-list{max-width:860px;margin:10px auto 0}.page-khuyen-mai__faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.03)}.page-khuyen-mai__faq-question{cursor:pointer;list-style:none;padding:16px 22px;font-weight:700;color:#017439;display:flex;justify-content:space-between;align-items:center;font-size:1rem;position:relative}.page-khuyen-mai__faq-question::-webkit-details-marker{display:none}.page-khuyen-mai__faq-icon{color:#9ca3af;font-size:1.2rem}.page-khuyen-mai__faq-answer{background:#f9fafb;border-top:1px dashed #e5e7eb;padding:18px 22px;color:#4b5563;font-size:0.95rem;line-height:1.7}.page-khuyen-mai__guide-section{padding:56px 0}.page-khuyen-mai__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.page-khuyen-mai__guide-figure{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #eef2f7;margin:0;box-shadow:0 2px 6px rgba(0,0,0,0.04)}.page-khuyen-mai__guide-figure img{width:100%;aspect-ratio:2/1;object-fit:cover}.page-khuyen-mai__guide-figure figcaption{padding:18px 20px 22px}.page-khuyen-mai__guide-title{color:#017439;font-size:1.02rem;font-weight:700;margin:0 0 6px}.page-khuyen-mai__guide-text{color:#6b7280;font-size:0.92rem;line-height:1.7;margin:0}.page-khuyen-mai__guide-steps-section{background:#fafbfc;padding:40px 0 50px}.page-khuyen-mai__guide-steps-image img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:14px}.page-khuyen-mai__cta-section{padding:0}.page-khuyen-mai__cta-content{background:linear-gradient(135deg,#017439,#019d4f 60%,#7cc500);padding:44px 24px 48px;text-align:center}.page-khuyen-mai__cta-title{color:#fff;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;margin-bottom:12px;line-height:1.4}.page-khuyen-mai__cta-desc{color:#d1fae5;font-size:1rem;max-width:700px;margin:0 auto 20px}.page-khuyen-mai__cta-btn{background:#ff9900;color:#1f2937;font-weight:800;font-size:1rem;box-shadow:0 8px 24px rgba(0,0,0,0.25);text-transform:uppercase;letter-spacing:0.8px}.page-khuyen-mai__cta-btn:hover{background:#ffaa33;transform:translateY(-3px)}.page-khuyen-mai__cta-btn,.page-khuyen-mai__promo-btn{width:auto}.page-khuyen-mai__promo-btn{width:100%;box-sizing:border-box}.page-khuyen-mai__btn,.page-khuyen-mai__cta-btn-mobile{padding:12px 24px}@media(max-width:768px){.page-khuyen-mai__hero-section{padding-top:10px}.page-khuyen-mai__hero-image{aspect-ratio:2/1;border-radius:8px}.page-khuyen-mai__hero-content{padding:16px 14px 22px;margin-top:0}.page-khuyen-mai__hero-title{font-size:1.2rem;letter-spacing:-0.01em}.page-khuyen-mai__hero-desc,.page-khuyen-mai__section-desc{font-size:0.9rem}.page-khuyen-mai__hero-actions,.page-khuyen-mai__btn-mobile,.page-khuyen-mai__promo-btn{max-width:100%;overflow:hidden;word-wrap:break-word;white-space:normal;text-align:center}.page-khuyen-mai__promo-cards,.page-khuyen-mai__steps-list,.page-khuyen-mai__guide-grid,.page-khuyen-mai__terms-grid{grid-template-columns:1fr;gap:20px}.page-khuyen-mai__promo-card-content{padding:16px}.page-khuyen-mai__brand-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 0}.page-khuyen-mai__brand-item{padding:10px}.page-khuyen-mai__brand-name{font-size:0.82rem}.page-khuyen-mai__btn,.page-khuyen-mai__promo-btn,.page-khuyen-mai__cta-btn{width:100%;max-width:100% !important;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-khuyen-mai__hero-actions,.page-khuyen-mai__steps-cta,.page-khuyen-mai__cta-actions{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box;overflow:hidden}.page-khuyen-mai__hero-actions .page-khuyen-mai__btn,.page-khuyen-mai__steps-cta .page-khuyen-mai__btn,.page-khuyen-mai__cta-actions .page-khuyen-mai__cta-btn{width:100% !important;max-width:100% !important}.page-khuyen-mai__container,.page-khuyen-mai__container--small,.page-khuyen-mai__container--medium{padding-left:12px;padding-right:12px}.page-khuyen-mai__content {width:100%}.page-khuyen-mai{padding-left:0;padding-right:0;overflow:hidden}.page-khuyen-mai__section-title{text-align:center;margin-bottom:10px}.page-khuyen-mai__section-desc{margin-bottom:26px}.page-khuyen-mai__terms-title{font-size:1rem}.page-khuyen-mai__terms-list li{font-size:0.85rem}.page-khuyen-mai__faq-question{padding:14px 16px;font-size:0.9rem}.page-khuyen-mai__faq-answer{padding:14px 16px;font-size:0.86rem}.page-khuyen-mai__content img,.page-khuyen-mai__hero-image-wrap img,.page-khuyen-mai__promo-card-image img,.page-khuyen-mai__guide-figure img,.page-khuyen-mai__guide-steps-image img{max-width:100% !important;height:auto !important}.page-khuyen-mai__brand-item img,.page-khuyen-mai__promo-card-image img,.page-khuyen-mai__guide-figure img,.page-khuyen-mai__guide-steps-image img{aspect-ratio:auto}}