/* === Mobile Hero Section === */
@media (max-width: 768px) {
    .home-hero {
      display: none !important;
    }
    
    .desktop-only {
      display: none !important;
    }
  
    .mobile-only {
      display: block !important;
    }

    
  
    .home-hero.mobile-only {
      padding: 15px 12px;
      margin-top: 5px !important; /* match header height */
      display: block;
    }
  
    .home-hero .section-inner {
      padding: 12px !important;
    }
  
    .hero-course {
      display: block;
      
      text-align: center;
    }
  
    .hero-thumb {
      width: 100%;
      margin-bottom: 15px;
    }
  
    .hero-thumb img {
      width: 100%;
      height: auto;
      border-radius: 6px;
    }
  
    .course-title {
      font-size: 1.18rem;
      font-weight: 800;
      /* color: #f5a623; */
      margin: 5px 0 2px;
      line-height: 1.3;
    }
  
    .course-subtitle {
      font-size: 1.1rem;
      /* color: #f3b249; */
      margin-bottom: 7px;
      line-height: 1.3;
    }
  
    .course-intro {
      font-size: 1rem;
      /* color: #333; */
      margin-bottom: 15px;
      line-height: 1.5;
    }
  
    .hero-btn-cta {
      width: 100%;
      margin-bottom: 20px;
    }
  
    /* .hero-btn-cta .btn-cta {
      display: inline-block;
      width: 100%;
      padding: 12px 20px;
      font-size: 1rem;
      font-weight: 600;
      background-color: #f5a623;
      color: #fff;
      text-align: center;
      border: none;
      border-radius: 6px;
      text-decoration: none;
    } */
  
    /* .hero-btn-cta .btn-cta:hover {
      background-color: #e5941c;
    } */
  
    .hero-share {
      margin-top: 8px;
      text-align: center;
    }
  
    .hero-share .share-label {
      font-size: 0.85rem;
      /* color: #555; */
      margin-bottom: 1px;
      display: block;
    }
  
    .hero-share .social-menu-icons {
      justify-content: center;
      gap: 2px;
      flex-wrap: wrap;
    }
  
    .hero-share .social-menu-icons li a img,
    .hero-share .social-menu-icons li svg {
      width: 15px;
      height: 15px;
    }
	
	
	
  }