/* Professional course pages */
/* Professional course pages */

.course-page{
    background:#f8fafb;
    color:#172126;
}

.course-hero{
    position:relative;
    overflow:hidden;
    background:#103b43;
    color:#fff;
}

/* Course banner image fully visible */
.course-hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:1;
}

/* Lighter overlay so the course banner remains visible */
.course-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(8,45,52,.58) 0%,
        rgba(8,45,52,.45) 52%,
        rgba(8,45,52,.28) 100%
    );
}

/* Keep text and price card above the image */
.course-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:48px;
    align-items:center;
    padding-top:90px;
    padding-bottom:90px;
}



.course-kicker{display:inline-flex;padding:8px 13px;border:1px solid rgba(255,255,255,.36);border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.04em}
.course-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.08;margin:22px 0 10px;max-width:900px}
.course-english-title{font-size:18px;opacity:.78;margin:0 0 24px}
.course-lead{font-size:18px;line-height:1.8;max-width:760px;color:rgba(255,255,255,.88)}
.course-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.course-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:800}
.course-btn-primary{background:#d7ae55;color:#162128}.course-btn-light{background:#fff;color:#163139}
.course-btn-block{width:100%;margin-top:20px}
.course-summary-card{background:#fff;color:#172126;border-radius:22px;padding:26px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.course-price{font-size:34px;font-weight:900;color:#0b7f83;margin-bottom:18px}
.course-summary-card dl{margin:0}
.course-summary-card dl div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #edf0f2}
.course-summary-card dt{color:#6b7479}.course-summary-card dd{margin:0;text-align:right;font-weight:800}
.course-content-section{padding:72px 0}
.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}
.course-main-content,.course-side-content{display:grid;gap:22px}
.course-panel,.course-side-card{background:#fff;border:1px solid #e5eaed;border-radius:18px;padding:28px;box-shadow:0 8px 28px rgba(27,50,58,.05)}
.course-panel h2,.course-side-card h3{margin-top:0;color:#123f47}
.course-richtext{line-height:1.85;color:#37474f}
.course-richtext ul{padding-left:22px}.course-richtext li{margin:8px 0}
.course-side-content{position:sticky;top:100px}
.certificate-card{text-align:center;background:linear-gradient(180deg,#fffaf0,#fff)}
.certificate-card>span{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#d7ae55;font-size:24px}
.course-final-cta{background:#0d5960;color:#fff;padding:42px 0}
.course-final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.course-final-cta span{opacity:.75}.course-final-cta h2{margin:6px 0 0}
.course-not-found{padding:100px 20px;text-align:center}
@media(max-width:900px){
 .course-hero-grid,.course-layout{grid-template-columns:1fr}
 .course-side-content{position:static}
 .course-hero-grid{padding-top:60px;padding-bottom:60px}
}
@media(max-width:600px){
 .course-hero-actions,.course-final-cta .container{align-items:stretch;flex-direction:column}
 .course-summary-card,.course-panel,.course-side-card{padding:20px}
 .course-summary-card dl div{align-items:flex-start;flex-direction:column;gap:4px}
 .course-summary-card dd{text-align:left}
}