.page-the-thao { background-color: #FFFFFF; max-width: 1200px; margin: 0 auto; padding: 0 16px; color: #333333; }

.page-the-thao__hero-section { margin-top: 20px; margin-bottom: 30px; display: flex; flex-direction: column; }

.page-the-thao__hero-image-wrapper { width: 100%; max-width: 840px; margin: 0 auto; background: linear-gradient(135deg, #fef1f1 0%, #ffffff 70%); }

.page-the-thao__hero-image { display: block; width: 100%; height: auto; max-width: 840px; aspect-ratio: 3 / 1; object-fit: cover; border-radius: 0px; }

.page-the-thao__hero-content { text-align: center; padding: 20px 0 0 0; max-width: 840px; margin: 0 auto; }

.page-the-thao__title { font-weight: 700; line-height: 1.15; letter-spacing: 0.5px; color: #E53935; max-width: 700px; margin: 0 auto 16px auto; }

.page-the-thao__intro-text { font-size: 16px; line-height: 1.7; max-width: 680px; margin: 0 auto 20px auto; }

.page-the-thao__cta-btn { padding: 12px 30px; border-radius: 40px; background-image: linear-gradient(180deg, #FF5A4F 0%, #E53935 100%); color: #ffffff; font-weight: 600; text-decoration: none; display: inline-block; }

.page-the-thao__cta-btn:hover { opacity: 0.75; }

.page-the-thao__section-title { text-align: center; font-weight: 700; color: #E53935; margin: 40px 0 24px 0; font-size: 1.5rem; }

.page-the-thao__sports-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; }

.page-the-thao__sport-card { background-color: #F5F7FA; border: 1px solid #E0E0E0; border-radius: 12px; padding: 12px; text-align: left; }

.page-the-thao__sport-card-image { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 8px; display: block; }

.page-the-thao__sport-card-title { font-weight: 700; font-size: 1.2em; margin: 12px 0 8px 0; }

.page-the-thao__sport-card-desc { font-size: 0.9em; line-height: 1.6; margin: 0 0 12px 0; }

.page-the-thao__features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 40px; }

.page-the-thao__feature-item { background-color: #FFFFFF; border: 1px solid #E0E0E0; padding: 20px; border-radius: 8px; }

.page-the-thao__feature-icon { font-size: 2rem; display: inline-block; margin-bottom: 8px; }

.page-the-thao__feature-title { font-weight: 700; margin: 0 0 8px 0; }

.page-the-thao__feature-desc { font-size: 0.9rem; line-height: 1.6; }

.page-the-thao__download-cta-banner { background-color: #F5F7FA; border: 1px solid #E0E0E0; border-radius: 12px; padding: 20px; margin-bottom: 40px; }

.page-the-thao__cta-banner-inner { display: flex; align-items: center; justify-content: space-between; max-width: 800px; margin: 0 auto; gap: 16px; flex-wrap: wrap; width: 100%; box-sizing: border-box; }

.page-the-thao__cta-title { font-weight: 700; margin: 0 0 8px 0; }

.page-the-thao__cta-desc { margin: 0 0 8px 0; }

@media (max-width: 768px) {
  .page-the-thao { padding: 0 12px; }

  .page-the-thao__hero-section { margin-top: 10px; }

  .page-the-thao__hero-image { aspect-ratio: 2/1; max-width: 100%; height: auto; }

  .page-the-thao__sports-card-grid { grid-template-columns: 1fr; gap: 20px; }

  .page-the-thao__features-grid { grid-template-columns: 1fr; gap: 12px; }

  .page-the-thao__cta-banner-inner { flex-direction: column; text-align: center; width: 100%; max-width: 100%; overflow: hidden; box-sizing: border-box; }

  .page-the-thao__cta-btn { max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; width: auto; }

  .page-the-thao img { max-width: 100%; height: auto; }
}