/* Trang Thể Thao 88now – bảng màu Green Gold tối */
.page-the-thao{--pt-green:#11A84E;--pt-green-2:#22C768;--pt-btn:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);--pt-card:#11271B;--pt-bg:#08160F;--pt-text:#F2FFF6;--pt-text-2:#A7D9B8;--pt-border:#2E7A4E;--pt-glow:#57E38D;--pt-gold:#F2C14E;--pt-divider:#1E3A2A;--pt-deep:#0A4B2C;background:var(--pt-bg);color:var(--pt-text);font-family:'Segoe UI',Arial,sans-serif;line-height:1.7;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}
.page-the-thao *{box-sizing:border-box}
.page-the-thao__hero-section{padding-top:10px;margin:0 auto;max-width:1200px;width:100%;overflow:hidden}
.page-the-thao__hero-image{width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--pt-border);background:var(--pt-card)}
.page-the-thao__hero-image img{width:100%;height:auto;display:block;max-width:100%}
.page-the-thao__hero-content{padding:20px 16px 8px;text-align:center}
.page-the-thao__main-title{color:var(--pt-text);font-weight:800;line-height:1.25;letter-spacing:.2px;margin:0 0 12px;max-width:900px;margin-left:auto;margin-right:auto;font-size:clamp(1.4rem,4vw,2.2rem)}
.page-the-thao__hero-desc{color:var(--pt-text-2);max-width:780px;margin:0 auto 18px;font-size:1rem}
.page-the-thao__hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%}
.page-the-thao__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:12px;font-weight:700;text-decoration:none;font-size:.98rem;line-height:1.3;transition:opacity .2s ease,transform .2s ease;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-the-thao__btn--primary{background:var(--pt-btn);color:#062B16;border:1px solid var(--pt-glow);box-shadow:0 6px 18px rgba(87,227,141,.18)}
.page-the-thao__btn--ghost{background:transparent;color:var(--pt-text);border:1px solid var(--pt-border)}
.page-the-thao__btn:hover{opacity:.92;transform:translateY(-1px)}
.page-the-thao__intro-section,.page-the-thao__overview-section,.page-the-thao__advantages-section,.page-the-thao__games-section,.page-the-thao__guide-section,.page-the-thao__promo-section,.page-the-thao__app-section,.page-the-thao__faq-section,.page-the-thao__blog-section,.page-the-thao__cta-section{max-width:1100px;margin:0 auto;padding:28px 16px;width:100%}
.page-the-thao__section-title{color:var(--pt-gold);font-weight:800;line-height:1.3;margin:0 0 14px;font-size:clamp(1.15rem,2.6vw,1.6rem)}
.page-the-thao__intro-section p,.page-the-thao__guide-section p,.page-the-thao__promo-section p,.page-the-thao__app-content p{color:var(--pt-text-2);margin:0 0 14px}
.page-the-thao__intro-section a,.page-the-thao__guide-section a,.page-the-thao__promo-section a,.page-the-thao__app-content a,.page-the-thao__faq-answer a{color:var(--pt-glow);text-decoration:underline;font-weight:600}
.page-the-thao__table-wrap{width:100%;overflow-x:auto;border:1px solid var(--pt-border);border-radius:12px;background:var(--pt-card)}
.page-the-thao__overview-table{width:100%;border-collapse:collapse;min-width:600px}
.page-the-thao__overview-table th,.page-the-thao__overview-table td{border-bottom:1px solid var(--pt-divider);padding:12px 14px;text-align:left;color:var(--pt-text);font-size:.95rem}
.page-the-thao__overview-table th{background:var(--pt-deep);color:var(--pt-text);font-weight:700}
.page-the-thao__overview-table tbody tr:nth-child(even){background:rgba(34,199,104,.04)}
.page-the-thao__advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.page-the-thao__advantage-card{background:var(--pt-card);border:1px solid var(--pt-border);border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.page-the-thao__advantage-card h3{color:var(--pt-green-2);margin:0 0 8px;font-size:1.05rem;line-height:1.35}
.page-the-thao__advantage-card p{color:var(--pt-text-2);margin:0;font-size:.93rem}
.page-the-thao__sport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-the-thao__sport-card{background:var(--pt-card);border:1px solid var(--pt-border);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.page-the-thao__sport-media{width:100%;overflow:hidden;background:var(--pt-deep)}
.page-the-thao__sport-media img{width:100%;height:auto;display:block;max-width:100%}
.page-the-thao__sport-card h3{color:var(--pt-green-2);margin:14px 16px 8px;font-size:1.08rem;line-height:1.35}
.page-the-thao__sport-card p{color:var(--pt-text-2);margin:0 16px 18px;font-size:.93rem}
.page-the-thao__guide-list{list-style:none;counter-reset:ptstep;padding:0;margin:0 0 16px;display:grid;gap:12px}
.page-the-thao__guide-list li{background:var(--pt-card);border:1px solid var(--pt-border);border-radius:14px;padding:16px 18px;counter-increment:ptstep;position:relative}
.page-the-thao__guide-list li h3{color:var(--pt-green-2);margin:0 0 6px;font-size:1.02rem;line-height:1.35}
.page-the-thao__guide-list li h3::before{content:counter(ptstep) '. ';color:var(--pt-gold);font-weight:800}
.page-the-thao__guide-list li p{color:var(--pt-text-2);margin:0;font-size:.94rem}
.page-the-thao__promo-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.page-the-thao__promo-list li{background:var(--pt-card);border:1px solid var(--pt-border);border-left:4px solid var(--pt-gold);border-radius:10px;padding:12px 16px;color:var(--pt-text-2);font-size:.95rem}
.page-the-thao__app-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:var(--pt-card);border:1px solid var(--pt-border);border-radius:16px;padding:18px}
.page-the-thao__app-media{overflow:hidden;border-radius:12px}
.page-the-thao__app-media img{width:100%;height:auto;display:block;max-width:100%}
.page-the-thao__faq-list{display:grid;gap:10px}
.page-the-thao__faq-item{background:var(--pt-card);border:1px solid var(--pt-border);border-radius:12px;overflow:hidden}
.page-the-thao__faq-question{width:100%;text-align:left;background:transparent;border:0;color:var(--pt-text);font-weight:700;font-size:1rem;padding:16px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.4}
.page-the-thao__faq-question::after{content:'+';color:var(--pt-glow);font-size:1.3rem;font-weight:800;flex:0 0 auto}
.page-the-thao__faq-question[aria-expanded="true"]::after{content:'–'}
.page-the-thao__faq-answer{padding:0 18px 16px;color:var(--pt-text-2);font-size:.95rem;display:none}
.page-the-thao__faq-answer p{margin:0 0 8px}
.page-the-thao__blog-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:thin}
.page-the-thao__blog-card{flex:0 0 calc(33.333% - 11px);min-width:0}
.page-the-thao__blog-link{display:block;background:var(--pt-card);border:1px solid var(--pt-border);border-radius:14px;overflow:hidden;text-decoration:none;height:100%}
.page-the-thao__blog-link img{width:100%;height:auto;display:block;max-width:100%}
.page-the-thao__blog-link h3{color:var(--pt-green-2);margin:12px 14px 6px;font-size:1rem;line-height:1.35}
.page-the-thao__blog-link p{color:var(--pt-text-2);margin:0 14px 16px;font-size:.9rem}
.page-the-thao__blog-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap;width:100%}
.page-the-thao__blog-nav{width:44px;height:44px;border-radius:50%;border:1px solid var(--pt-border);background:var(--pt-card);color:var(--pt-text);font-size:1.4rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.page-the-thao__blog-nav:hover{border-color:var(--pt-glow);color:var(--pt-glow)}
.page-the-thao__cta-box{background:linear-gradient(180deg,#0A4B2C 0%,#11271B 100%);border:1px solid var(--pt-border);border-radius:18px;padding:26px 20px;text-align:center}
.page-the-thao__cta-box p{color:var(--pt-text-2);max-width:720px;margin:0 auto 18px}
.page-the-thao__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}
.page-the-thao img{max-width:100%;height:auto}
@media (max-width:1024px){.page-the-thao__advantages-grid{grid-template-columns:repeat(2,1fr)}.page-the-thao__sport-grid{grid-template-columns:1fr 1fr}.page-the-thao__blog-card{flex-basis:calc(50% - 8px)}}
@media (max-width:768px){.page-the-thao__hero-section{padding-top:8px}.page-the-thao__hero-content{padding:16px 12px 6px}.page-the-thao__hero-actions{flex-direction:column;align-items:stretch}.page-the-thao__btn{width:100%;max-width:100%}.page-the-thao__advantages-grid{grid-template-columns:1fr}.page-the-thao__sport-grid{grid-template-columns:1fr}.page-the-thao__app-inner{grid-template-columns:1fr;padding:14px}.page-the-thao__blog-card{flex-basis:100%}.page-the-thao__blog-track{overflow-x:hidden}.page-the-thao__cta-actions{flex-direction:column;align-items:stretch}.page-the-thao__blog-actions{flex-direction:column}.page-the-thao__section-title{font-size:1.15rem}.page-the-thao img{max-width:100%!important;height:auto!important}.page-the-thao__overview-table{min-width:520px}}
@media (max-width:480px){.page-the-thao__main-title{line-height:1.3}.page-the-thao__blog-actions .page-the-thao__btn{width:100%}}