.course-detail{grid-template-columns:1fr 320px;align-items:start;gap:28px;display:grid}.course-detail-banner{aspect-ratio:16/7;color:#fff;border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.course-detail-banner .course-play{width:64px;height:64px;position:static}.course-detail-section{margin-bottom:28px}.course-detail-section h2{font-family:var(--font-display);color:var(--navy);align-items:center;gap:8px;margin-bottom:12px;font-size:20px;display:flex}.course-detail-desc{color:var(--gray-700,#444);white-space:pre-line;font-size:15px;line-height:1.9}.completion-note{background:var(--teal-pale);border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.completion-note .icon{width:18px;height:18px;color:var(--teal-deep,var(--navy));flex-shrink:0}.purchase-card{padding:24px;position:sticky;top:88px}.purchase-card .price-line{align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.purchase-card .price-value{font-family:var(--font-latin);color:var(--navy);font-size:32px;font-weight:700}.purchase-card .price-value.free{color:var(--sage-deep,#6f9a3c)}.purchase-card .btn{justify-content:center;width:100%;margin-bottom:10px}.purchase-meta{color:var(--gray-600);margin-top:12px;font-size:13px;line-height:1.8}.purchase-meta .icon{vertical-align:-2px;width:14px;height:14px;margin-right:4px}@media (max-width:860px){.course-detail{grid-template-columns:1fr}.purchase-card{position:static}}