.page-course-detail .page-hero,.page-course-detail .page-container{display:none;visibility:hidden}.page-course-detail .site-header{background:transparent}.page-course-detail .site-header .logo img{filter:brightness(0) invert(1)}.page-course-detail .site-header .main-nav a{color:#ffffff}.page-course-detail .site-header .main-nav a:hover,.page-course-detail .site-header .main-nav a.active{color:#ffffff;opacity:.8}.page-course-detail .site-header .header-btn{background:#ffffff;color:#034c7d}.page-course-detail .site-header .header-btn:hover{background:rgba(255,255,255,0.9)}.page-course-detail .site-header .mobile-menu-toggle{color:#ffffff}.page-course-detail .site-header.scrolled{background:#ffffff;box-shadow:0 2px 20px rgba(0,0,0,0.1)}.page-course-detail .site-header.scrolled .logo img{filter:none}.page-course-detail .site-header.scrolled .main-nav a{color:#333}.page-course-detail .site-header.scrolled .main-nav a:hover,.page-course-detail .site-header.scrolled .main-nav a.active{color:#034c7d;opacity:1}.page-course-detail .site-header.scrolled .header-btn{background:linear-gradient(135deg, #7fa53c 0%, #6b8c32 100%);color:#ffffff}.page-course-detail .site-header.scrolled .mobile-menu-toggle{color:#333}.course-detail .course-hero-compact{background:linear-gradient(135deg, #034c7d 0%, #0a5d94 50%, #1a6fa8 100%);padding:120px 0 180px;position:relative}.course-detail .course-hero-compact::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/><circle cx="50" cy="50" r="30" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></svg>') center center no-repeat;background-size:cover}.course-detail .course-hero-inner{max-width:1280px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.course-detail .course-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:25px;font-family:'Inter Tight',sans-serif;font-size:14px}.course-detail .course-breadcrumb a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color .3s ease}.course-detail .course-breadcrumb a:hover{color:#ffffff}.course-detail .course-breadcrumb span{color:rgba(255,255,255,0.5)}.course-detail .course-type-badge{display:inline-block;background:#7fa53c;color:#ffffff;font-family:'Inter Tight',sans-serif;font-size:12px;font-weight:600;padding:8px 18px;border-radius:25px;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.course-detail .course-hero-title{font-family:'Kanit',sans-serif;font-size:52px;font-weight:600;color:#ffffff;line-height:1.15;margin:0 0 20px;max-width:700px}.course-detail .course-hero-desc{font-family:'Inter Tight',sans-serif;font-size:18px;color:rgba(255,255,255,0.85);line-height:1.7;margin:0 0 30px;max-width:650px}.course-detail .course-hero-meta{display:flex;gap:35px;flex-wrap:wrap}.course-detail .course-hero-meta-item{display:flex;align-items:center;gap:10px;color:#ffffff;font-family:'Inter Tight',sans-serif;font-size:15px}.course-detail .course-hero-meta-item i{font-size:18px;opacity:.8}.course-detail .course-layout{max-width:1280px;margin:-120px auto 0;padding:0 20px 60px;display:grid;grid-template-columns:1fr 400px;gap:40px;position:relative;z-index:2}.course-detail .course-main-content{background:#fff;border-radius:30px;padding:50px;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.course-detail .course-section-title{font-family:'Kanit',sans-serif;font-size:28px;font-weight:600;color:#000;margin:0 0 25px;display:flex;align-items:center;gap:15px}.course-detail .course-section-title::before{content:'';width:5px;height:30px;background:linear-gradient(180deg, #034c7d 0%, #7fa53c 100%);border-radius:3px}.course-detail .course-text{font-family:'Inter Tight',sans-serif;font-size:16px;color:#555;line-height:1.8;margin-bottom:20px}.course-detail .course-learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 40px}.course-detail .course-learn-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8f9fa;border-radius:15px;transition:transform .3s ease}.course-detail .course-learn-item:hover{transform:translateY(-3px)}.course-detail .course-learn-item i{color:#7fa53c;font-size:18px;margin-top:2px}.course-detail .course-learn-item span{font-family:'Inter Tight',sans-serif;font-size:15px;color:#333;line-height:1.5}.course-detail .course-program-section{margin-top:50px}.course-detail .course-module{background:#ffffff;border:1px solid #eee;border-radius:20px;margin-bottom:15px;overflow:hidden;transition:box-shadow .3s ease}.course-detail .course-module:hover{box-shadow:0 5px 20px rgba(0,0,0,0.08)}.course-detail .course-module-header{display:flex;align-items:center;padding:25px 30px;cursor:pointer;transition:background .3s ease}.course-detail .course-module-header:hover{background:#f8f9fa}.course-detail .course-module-num{font-family:'Kanit',sans-serif;font-size:14px;font-weight:600;color:#034c7d;background:rgba(3,76,125,0.1);padding:6px 14px;border-radius:20px;margin-right:18px}.course-detail .course-module-name{font-family:'Kanit',sans-serif;font-size:18px;font-weight:500;color:#000;flex:1}.course-detail .course-module-time{font-family:'Inter Tight',sans-serif;font-size:14px;color:#888;margin-left:15px}.course-detail .course-module-toggle{width:30px;height:30px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:15px;transition:transform .3s ease,background .3s ease}.course-detail .course-module.active .course-module-toggle{transform:rotate(180deg);background:#034c7d;color:#fff}.course-detail .course-module-toggle i{font-size:12px;color:#666}.course-detail .course-module.active .course-module-toggle i{color:#fff}.course-detail .course-module-lessons{padding:0 30px 25px;display:none}.course-detail .course-module.active .course-module-lessons{display:block}.course-detail .course-lesson-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #f0f0f0}.course-detail .course-lesson-item .course-lesson-icon{width:38px;height:38px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.course-detail .course-lesson-item .course-lesson-icon i{font-size:14px;color:#666}.course-detail .course-lesson-item:hover .course-lesson-icon{background:#6b8c32}.course-detail .course-lesson-item:hover .course-lesson-icon i{color:#fff}.course-detail .course-lesson-item:last-child{border-bottom:none}.course-detail .course-lesson-name{font-family:'Inter Tight',sans-serif;font-size:15px;color:#333;flex:1}.course-detail .course-lesson-duration{font-family:'Inter Tight',sans-serif;font-size:13px;color:#999}.course-detail .course-sidebar{position:relative}.course-detail .course-enroll-card{background:#ffffff;border-radius:30px;padding:35px;box-shadow:0 20px 60px rgba(0,0,0,0.15);position:sticky;top:100px}.course-detail .course-enroll-preview{width:100%;aspect-ratio:16/10;border-radius:20px;overflow:hidden;margin-bottom:25px;position:relative}.course-detail .course-enroll-preview img{width:100%;height:100%;object-fit:cover}.course-detail .course-enroll-preview-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background:rgba(127,165,60,0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,background .3s ease}.course-detail .course-enroll-preview-play:hover{transform:translate(-50%, -50%) scale(1.1);background:#7fa53c}.course-detail .course-enroll-preview-play i{color:#fff;font-size:22px;margin-left:4px}.course-detail .course-enroll-stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin-bottom:25px}.course-detail .course-enroll-stat{background:#f8f9fa;border-radius:15px;padding:18px 15px;text-align:center}.course-detail .course-enroll-stat-val{font-family:'Kanit',sans-serif;font-size:26px;font-weight:600;color:#034c7d;margin-bottom:5px}.course-detail .course-enroll-stat-lbl{font-family:'Inter Tight',sans-serif;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.course-detail .course-enroll-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;background:linear-gradient(135deg, #7fa53c 0%, #6b8c32 100%);color:#ffffff;font-family:'Kanit',sans-serif;font-size:16px;font-weight:500;padding:16px 20px;border-radius:25px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px rgba(127,165,60,0.4);margin-bottom:12px}.course-detail .course-enroll-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(127,165,60,0.5)}.course-detail .course-enroll-btn-test{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;background:linear-gradient(135deg, #034c7d 0%, #0a5d94 100%);color:#ffffff;font-family:'Kanit',sans-serif;font-size:16px;font-weight:500;padding:16px 20px;border-radius:25px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px rgba(3,76,125,0.3);margin-bottom:12px}.course-detail .course-enroll-btn-test:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(3,76,125,0.4)}.course-detail .course-enroll-btn-outline{display:block;width:100%;box-sizing:border-box;background:transparent;color:#034c7d;font-family:'Kanit',sans-serif;font-size:15px;font-weight:500;padding:14px 20px;border-radius:25px;text-decoration:none;text-align:center;border:2px solid #034c7d;transition:all .3s ease}.course-detail .course-enroll-btn-outline:hover{background:#034c7d;color:#ffffff}.course-detail .course-enroll-features{margin-top:25px;padding-top:25px;border-top:1px solid #eee}.course-detail .course-enroll-feature{display:flex;align-items:center;gap:12px;font-family:'Inter Tight',sans-serif;font-size:14px;color:#333;margin-bottom:12px}.course-detail .course-enroll-feature:last-child{margin-bottom:0}.course-detail .course-enroll-feature i{color:#7fa53c;font-size:16px}.course-detail .course-instructor-card{background:#fff;border-radius:20px;padding:0;box-shadow:0 10px 40px rgba(0,0,0,0.08);margin-top:25px;overflow:hidden}.course-detail .course-instructor-header{background:linear-gradient(135deg, #034c7d 0%, #0a6ebd 100%);padding:16px 20px;display:flex;align-items:center;gap:10px;color:#fff;font-family:'Kanit',sans-serif;font-size:15px;font-weight:500}.course-detail .course-instructor-header i{font-size:18px;opacity:.9}.course-detail .course-instructor-profile{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid #f0f0f0}.course-detail .course-instructor-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0;border:3px solid #7fa53c}.course-detail .course-instructor-avatar img{width:100%;height:100%;object-fit:cover}.course-detail .course-instructor-badge{position:absolute;bottom:0;right:0;width:22px;height:22px;background:linear-gradient(135deg, #7fa53c 0%, #6b8c32 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;border:2px solid #fff}.course-detail .course-instructor-info{flex:1}.course-detail .course-instructor-name{font-family:'Kanit',sans-serif;font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:3px}.course-detail .course-instructor-title{font-size:13px;color:#666}.course-detail .course-instructor-bio{padding:16px 20px;font-size:13px;line-height:1.6;color:#555;border-bottom:1px solid #f0f0f0}.course-detail .course-instructor-stats{display:grid;grid-template-columns:repeat(3, 1fr);padding:15px 10px;border-bottom:1px solid #f0f0f0}.course-detail .course-instructor-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 5px}.course-detail .course-instructor-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px}.course-detail .course-instructor-stat:nth-child(1) .course-instructor-stat-icon{background:linear-gradient(135deg, rgba(3,76,125,0.15) 0%, rgba(3,76,125,0.05) 100%);color:#034c7d}.course-detail .course-instructor-stat:nth-child(2) .course-instructor-stat-icon{background:linear-gradient(135deg, rgba(127,165,60,0.15) 0%, rgba(127,165,60,0.05) 100%);color:#7fa53c}.course-detail .course-instructor-stat:nth-child(3) .course-instructor-stat-icon{background:linear-gradient(135deg, rgba(245,158,11,0.15) 0%, rgba(245,158,11,0.05) 100%);color:#f59e0b}.course-detail .course-instructor-stat-info{text-align:center}.course-detail .course-instructor-stat-val{font-family:'Kanit',sans-serif;font-size:18px;font-weight:600;color:#1a1a2e}.course-detail .course-instructor-stat-lbl{font-size:11px;color:#888;margin-top:2px}.course-detail .course-instructor-achievements{display:flex;flex-wrap:wrap;gap:8px;padding:15px 20px;border-bottom:1px solid #f0f0f0}.course-detail .course-instructor-achievement{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg, rgba(127,165,60,0.1) 0%, rgba(127,165,60,0.05) 100%);border-radius:20px;font-size:12px;color:#5d8a1f;font-weight:500}.course-detail .course-instructor-achievement i{font-size:11px;color:#7fa53c}.course-detail .course-instructor-company{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#f8f9fa}.course-detail .course-instructor-company-logo{width:45px;height:45px;border-radius:10px;overflow:hidden;background:#fff;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.course-detail .course-instructor-company-logo img{width:100%;height:100%;object-fit:cover;border-radius:7px}.course-detail .course-instructor-company-info{flex:1}.course-detail .course-instructor-company-name{font-family:'Kanit',sans-serif;font-size:14px;font-weight:600;color:#1a1a2e}.course-detail .course-instructor-company-desc{font-size:12px;color:#888}.course-detail .related-courses-section{margin-top:60px;padding-top:60px;border-top:1px solid #eee}@media (max-width:1024px){.course-detail .course-layout{grid-template-columns:1fr;margin-top:-80px}.course-detail .course-hero-title{font-size:38px}.course-detail .course-sidebar{order:-1}.course-detail .course-enroll-card{position:static}.course-detail .course-learn-grid{grid-template-columns:1fr}}@media (max-width:768px){.course-detail .course-hero-compact{padding:100px 0 150px}.course-detail .course-hero-title{font-size:30px}.course-detail .course-main-content{padding:30px}.course-detail .course-enroll-stats{grid-template-columns:1fr}}/*# sourceMappingURL=style.css.map */