/* ============================================================
   Course Academy LMS - Theme (LTR/RTL ready)
   ============================================================ */
:root{
  --brand:#04469A;
  --brand-dark:#083c7f;
  --brand-soft:#eaf3ff;
  --brand-alt:#5B9BCB;
  --gold:#D3B15A;
  --gold-soft:rgba(211,177,90,.14);
  --accent:#D3B15A;
  --purple:#B091CD;
  --purple-dark:#502169;
  --ink:#0d1330;
  --muted:#5b6279;
  --line:#e9edf6;
  --bg:#f7f9fc;
  --white:#FFFFFF;
  --shadow-sm:0 2px 8px rgba(8,60,127,.08);
  --shadow:0 12px 30px rgba(8,60,127,.12);
  --radius:16px;
  --radius-sm:10px;
  --gradient:linear-gradient(135deg,#04469A 0%,#5B9BCB 42%,#B091CD 100%);
  --gradient-soft:linear-gradient(135deg,#eef5ff 0%,#f3ecff 100%);
}
*{-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter','Tajawal',system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  letter-spacing:.1px;
  overflow-x:hidden;
}
[dir="rtl"] body{font-family:'Tajawal','Inter',system-ui,sans-serif;letter-spacing:0;}
h1,h2,h3,h4,h5,h6{font-weight:800;}
a{text-decoration:none;color:inherit;}
.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;font-size:.78rem;flex:0 0 auto;}

/* ---------- Navbar ---------- */
.site-nav{
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(242,247,255,.98) 100%);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(4,70,154,.10);
  padding:.75rem 0;
  box-shadow:0 8px 24px rgba(4,70,154,.06);
}
.site-nav .container{position:relative;}
.site-nav .navbar-brand{font-size:1.15rem;color:var(--ink);padding:.2rem .4rem;border-radius:12px;}
.site-nav .navbar-brand:hover{background:rgba(4,70,154,.04);}
.brand-mark{
  width:42px;height:42px;border-radius:14px;background:var(--gradient);
  display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;
  box-shadow:0 10px 18px rgba(4,70,154,.18);
}
.site-nav .navbar-nav{gap:.35rem;align-items:center;}
.site-nav .nav-link{font-weight:700;color:#111111;padding:.7rem .9rem;border-radius:12px;margin-inline:.15rem;transition:.2s ease;position:relative;}
.site-nav .nav-link::after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;background:linear-gradient(90deg,var(--gold) 0%, var(--brand-alt) 100%);transform:scaleX(0);transform-origin:center;transition:.2s ease;opacity:.8;border-radius:99px;}
.site-nav .nav-link:hover{color:var(--brand-dark);background:rgba(91,155,203,.08);}
.site-nav .nav-link:hover::after{transform:scaleX(1);}
.lang-switch .dropdown-menu{min-width:120px;}

/* ---------- Buttons ---------- */
.btn{font-weight:600;border-radius:.65rem;}
.btn-accent{background:linear-gradient(135deg,var(--purple-dark) 0%, var(--brand) 42%, var(--brand-alt) 100%);color:#fff;border:none;box-shadow:0 10px 20px rgba(80,33,105,.22);}
.btn-accent:hover{color:#fff;filter:brightness(1.06);box-shadow:0 14px 24px rgba(80,33,105,.28);}
.btn-outline-brand{color:var(--brand);border:1.5px solid var(--brand);border-radius:.65rem;}
.btn-outline-brand:hover{background:var(--brand);color:#fff;}
.btn-ghost{background:var(--brand-soft);color:var(--brand);border:none;}
.btn-ghost:hover{background:#dde1ff;color:var(--brand-dark);}
.btn-danger-soft{background:#ffe9ee;color:#e11d48;border:none;}

/* ---------- Hero ---------- */
.hero{
  background:radial-gradient(circle at top left, rgba(176,145,205,.18), transparent 26%),
             radial-gradient(circle at bottom right, rgba(91,155,203,.18), transparent 32%),
             linear-gradient(135deg,#f9fbff 0%,#f5f7ff 24%,#f9f5ff 58%,#ffffff 100%);
  color:var(--ink);
  position:relative;
  overflow:hidden;
  padding:5rem 0 5.5rem;
  border-bottom:1px solid rgba(4,70,154,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.hero::before,.hero::after{
  content:"";position:absolute;border-radius:50%;background:linear-gradient(135deg, rgba(211,177,90,.12), rgba(80,33,105,.10));
}
.hero::before{width:420px;height:420px;top:-140px;inset-inline-end:-110px;}
.hero::after{width:290px;height:290px;bottom:-120px;inset-inline-start:5%;}
.hero .container{position:relative;z-index:2;}
.hero-badge{
  display:inline-flex;align-items:center;gap:.5rem;background:rgba(211,177,90,.12);
  border:1px solid rgba(211,177,90,.35);padding:.45rem 1rem;border-radius:2rem;
  font-size:.9rem;margin-bottom:1.2rem;color:var(--brand-dark);font-weight:700;
}
.hero h1{font-size:2.9rem;font-weight:800;line-height:1.12;max-inline-size:17ch;color:var(--brand-dark);}
.hero p.lead{font-size:1.12rem;opacity:.92;max-inline-size:55ch;color:#3d4569;}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem;}
.hero-cta .btn{font-weight:700;padding:.8rem 1.7rem;border-radius:.9rem;}
.hero-cta .btn-outline-light{background:rgba(255,255,255,.7);border-color:rgba(4,70,154,.15);color:var(--brand-dark);}
.hero-cta .btn-outline-light:hover{background:#fff;color:var(--brand-dark);box-shadow:var(--shadow-sm);}
.hero-metrics{
  background:linear-gradient(135deg, rgba(80,33,105,.06), rgba(4,70,154,.06), rgba(91,155,203,.06));
  border-bottom:1px solid rgba(4,70,154,.08);
  padding:1.1rem 0 1.25rem;
}
.hero-stats{
  display:flex;justify-content:center;align-items:center;gap:1.4rem 1.8rem;flex-wrap:wrap;
  width:100%;
}
.stat-line{display:inline-flex;align-items:baseline;flex-wrap:nowrap;gap:.45rem;color:var(--brand-dark);font-weight:700;font-size:14px;white-space:nowrap;}
.stat-line strong{font-size:14px;line-height:1.1;color:var(--brand-dark);}
.stat-line span{color:#2d3550;font-size:14px;}
.hero-img{max-width:100%;border-radius:22px;box-shadow:0 26px 60px rgba(80,33,105,.12);border:1px solid rgba(80,33,105,.08);}
.courses-hero{padding-block:4rem;}
.courses-hero h1{max-inline-size:19ch;}
.courses-hero-img{width:100%;max-height:390px;object-fit:cover;}
#course-categories{scroll-margin-top:6rem;}
@media (max-width:991px){
  .hero{padding:4rem 0 4.5rem;}
  .hero h1{font-size:2.2rem;}
  .hero-img{margin-top:2rem;}
  .hero-stats{justify-content:flex-start;align-items:flex-start;}
  .stat-line{white-space:normal;}
 }

/* ---------- Course cards ---------- */
.card-course{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:.25s;height:100%;
}
.card-course:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.card-course .card-img-wrap{height:165px;overflow:hidden;position:relative;background:var(--brand-soft);}
.card-course .card-img-wrap img,.course-cover-img{width:100%;height:100%;object-fit:cover;display:block;}
.course-cover-placeholder{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:var(--gradient);color:#fff;font-size:3rem;
}
.card-course .badge-level{position:absolute;inset-block-start:10px;inset-inline-start:10px;}
.card-course .badge-free{position:absolute;inset-block-start:10px;inset-inline-end:10px;}
.card-body2{padding:1rem 1.1rem 1.2rem;}
.category-card{
  height:100%;padding:0 0 1.2rem;display:flex;flex-direction:column;
  align-items:stretch;gap:.45rem;border:1px solid var(--line);
  border-radius:var(--radius);background:linear-gradient(145deg,#fff 0%,#eef5ff 100%);
  overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(4,70,154,.2);}
.category-card-thumb{height:145px;display:block;overflow:hidden;background:var(--gradient);}
.category-card-thumb .course-cover-img,.category-card-thumb .course-cover-placeholder{width:100%;height:100%;object-fit:cover;}
.category-card-thumb .category-card-icon{width:100%;height:100%;margin:0;border-radius:0;display:grid;place-items:center;font-size:2rem;}
.category-card-icon{
  width:58px;height:58px;margin-bottom:auto;display:grid;place-items:center;border-radius:18px;
  background:var(--gradient);color:#fff;font-size:1.45rem;box-shadow:0 10px 20px rgba(4,70,154,.16);
}
.category-card-title,.category-card-count{margin-inline:1rem;}
.category-card-title{font-size:1.05rem;font-weight:800;color:var(--brand-dark);}
.category-card-count{font-size:.85rem;color:var(--muted);}
.category-course-item{overflow:hidden;}
.category-hero{padding-block:3.5rem;}
.category-hero h1{margin-bottom:.6rem;}
.category-course-item{border:1px solid rgba(4,70,154,.1);box-shadow:var(--shadow-sm);}
.category-course-content{padding:clamp(1rem,3vw,2rem);}
.category-course-number{display:inline-block;color:var(--brand);font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.category-course-description{white-space:normal;line-height:1.7;}
.category-playlist{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fbfcff;}
.category-playlist-list{list-style:none;margin:0;padding:0;}
.category-playlist-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .15rem;border-top:1px solid var(--line);}
.category-playlist-item:first-child{border-top:0;}
.category-playlist-link{min-width:0;display:flex;align-items:center;gap:.65rem;color:var(--ink);}
.category-playlist-link:hover{color:var(--brand);}
.category-playlist-link.is-locked{color:var(--muted);}
.category-playlist-title{min-width:0;}
.category-course-reviews{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;}
.category-review{padding:.7rem 0;border-top:1px solid var(--line);}
.category-review:first-of-type{border-top:0;}
.category-review-stars{color:#e3a51a;font-size:.8rem;white-space:nowrap;}
.card-course .course-title{font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;}
.instructor-mini{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;margin-block:.6rem;}
.meta-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.83rem;}
.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:.7rem;}
.price{font-size:1.15rem;font-weight:800;color:var(--brand);}
.price.free{color:var(--gold);}
/* ---------- Sections ---------- */
.section{padding-block:4rem;}
.section-head{margin-bottom:2.2rem;}
.section-head .kicker{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;}
.section-head h2{font-weight:800;font-size:1.9rem;}
.cat-chip{
  display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:.8rem 1rem;font-weight:600;transition:.2s;
}
.cat-chip i{font-size:1.3rem;color:var(--brand);}
.cat-chip:hover{border-color:var(--brand);color:var(--brand);box-shadow:var(--shadow-sm);}

/* ---------- Feature cards ---------- */
.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;height:100%;transition:.2s;}
.feature-card:hover{box-shadow:var(--shadow);}
.feature-icon{
  width:54px;height:54px;border-radius:14px;background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-block-end:1rem;
}
.feature-card h5{font-weight:700;}

/* ---------- Testimonials ---------- */
.testi-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;height:100%;}
.stars{color:var(--accent);}

/* ---------- Pricing ---------- */
.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:2rem;height:100%;position:relative;transition:.25s;}
.price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.price-card.popular{border-color:var(--brand);}

/* Wider plan cards and visual tweaks */
.price-cards-row {display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;}
.price-card { max-width:720px; margin-inline:auto; }

/* Popular ribbon centered above card */
.price-card .tag-popular{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--gradient);color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .9rem;border-radius:30px;
}
[dir="rtl"] .price-card .tag-popular{transform:translateX(50%);} 

/* Price size similar to previous design */
.plan-price{font-size:2.4rem;font-weight:800;color:var(--ink);} 
.plan-period{color:var(--muted);font-size:0.95rem;margin-top:6px;} 
.price-card ul li{display:flex;gap:.6rem;align-items:center;padding-block:.3rem;color:var(--muted);font-size:.95rem;} 
.price-card ul li i{color:var(--gold);}

/* CTA style */
.btn-purple{background:var(--brand-dark);color:#fff;border:none;border-radius:12px;padding:.75rem 1rem;font-weight:800}
.btn-purple:hover{filter:brightness(1.03);box-shadow:var(--shadow-sm)}

/* Responsive adjustments */
@media (max-width:991px){
  .plan-price{font-size:2rem}
  .price-card{max-width:100%}
}
.cycle-group .btn{border-radius:.7rem;padding:.55rem 1.2rem;}

/* ---------- CTA band ---------- */
.cta-band{background:var(--gradient);border-radius:26px;padding:3.2rem;color:#fff;position:relative;overflow:hidden;}
.cta-band h2{font-size:2rem;font-weight:800;}

/* ---------- Newsletter ---------- */
.newsletter-box{background:#fff;border-radius:18px;padding:2.4rem;box-shadow:var(--shadow);}
.newsletter-box .form-control{border-radius:.8rem;padding:.75rem;}
.newsletter-box .btn{border-radius:.8rem;padding:.75rem 2rem;}

/* ============================================================
   Dashboards (student / instructor / admin)
   ============================================================ */
.dash-layout{display:flex;min-height:calc(100vh - 70px);}
.dash-side{
  width:250px;flex:0 0 250px;background:#0d1330;color:#c7cbe0;
  padding-block:1.5rem;position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;
}
.dash-side .side-user{display:flex;gap:.7rem;align-items:center;padding:0 1.2rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem;}
.dash-side .side-title{font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:#67709c;padding:0 1.2rem .4rem;}
.dash-side a.side-link{
  display:flex;align-items:center;gap:.7rem;color:#c0c5de;padding:.6rem 1.2rem;font-weight:500;font-size:.95rem;
  border-inline-start:3px solid transparent;transition:.15s;
}
.dash-side a.side-link i{width:20px;text-align:center;}
.dash-side a.side-link:hover{background:rgba(255,255,255,.06);color:#fff;}
.dash-side a.side-link.active{background:rgba(99,91,255,.25);color:#fff;border-inline-start-color:var(--brand);}
.dash-main{flex:1;padding:2rem;min-width:0;}
.dash-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap;}
.dash-top h1{font-size:1.5rem;margin:0;}
.stat-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.5rem;
  display:flex;gap:1rem;align-items:center;height:100%;
}
.stat-card .stat-ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;}
.stat-card .n{font-size:1.5rem;font-weight:800;line-height:1.1;}
.stat-card .l{color:var(--muted);font-size:.85rem;}
.card-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);}
.card-panel .panel-head{padding:1rem 1.25rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.card-panel .panel-head h5{margin:0;font-weight:700;font-size:1rem;}
.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom-width:1px;}
.table td{vertical-align:middle;}
.table .mini-cover{width:56px;height:38px;border-radius:8px;object-fit:cover;}

/* progress */
.progress{height:8px;border-radius:30px;background:#eef0f5;}
.progress-bar{background:var(--gradient);border-radius:30px;}

/* lesson player */
.player-wrap{background:#0d1330;border-radius:var(--radius);overflow:hidden;color:#fff;}
.player-screen{aspect-ratio:16/9;background:#000;position:relative;}
.player-screen video,iframe{width:100%;height:100%;border:0;display:block;}
.player-body{padding:1.2rem 1.5rem;}
.lesson-tabs{border-bottom:1px solid var(--line);padding-bottom:.5rem;}
.lesson-tabs .nav-link{color:var(--muted);font-weight:700;background:transparent;border:1px solid transparent;border-radius:999px;padding:.65rem 1rem;}
.lesson-tabs .nav-link:hover{color:var(--brand-dark);background:rgba(4,70,154,.05);}
.lesson-tabs .nav-link.active{background:var(--brand-soft);color:var(--brand-dark);border-color:rgba(4,70,154,.12);box-shadow:none;}
.curriculum-item{
  display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-radius:10px;color:var(--muted);
  font-size:.92rem;
}
.curriculum-item:hover{background:var(--brand-soft);color:var(--brand-dark);}
.curriculum-item.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:600;}
.curriculum-note{font-size:.8rem;color:var(--muted);}

/* forms */
/* Contact page tweaks: simple, colorful gradient look (blue → purple → brown) */
.contact-card{
  background:linear-gradient(135deg, rgba(4,70,154,0.06), rgba(80,33,105,0.05), rgba(176,145,205,0.03));
  border:none;
  box-shadow:var(--shadow);
  border-radius:18px;
}
.contact-card .form-label{color:var(--brand-dark);}
.contact-card .form-control{
  background:linear-gradient(180deg,#fff,#fbfdff);
  border:1px solid #000;
  padding:.75rem;
  border-radius:.85rem;
  transition:.18s ease;
}
.contact-card .form-control:focus{
  border-color:#000;
  box-shadow:none;
  outline:2px solid rgba(0,0,0,0.95);
}
.contact-card .btn-accent{background:var(--gradient);box-shadow:0 14px 34px rgba(4,70,154,.14);border-radius:12px;padding:.65rem 1.2rem;border:none}
.contact-info .fa-headset, .contact-info i{color:var(--brand);}
.contact-info .soc-btn{background:var(--brand-soft);color:var(--brand);border-radius:10px;border:none}
.contact-info .soc-btn:hover{background:var(--gradient);color:#fff}

.form-card{max-width:460px;margin-inline:auto;background:#fff;border-radius:20px;padding:2.2rem;box-shadow:var(--shadow);border:1px solid var(--line);}
.auth-page{display:flex;align-items:center;min-height:calc(100vh - 70px);padding-block:3rem;background:var(--bg);}
.form-control,.form-select,.input-group-text{border-radius:.7rem;}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(99,91,255,.15);}
.auth-role-box{display:flex;gap:1rem;flex-wrap:wrap;}
.auth-role-box .form-check{flex:1;min-width:150px;}

/* page hero small */
.page-hero{background:var(--gradient);color:#fff;padding:3rem 0;}
.page-hero h1{font-size:2rem;font-weight:800;}
.breadcrumb-c{color:rgba(255,255,255,.8);font-size:.9rem;}

/* badges + flash */
.flash-alert{border-radius:0!important;}

/* tables responsive */
@media (max-width:991px){
  .dash-layout{flex-direction:column;}
  .dash-side{width:100%;flex:1 1 auto;position:static;height:auto;}
  .dash-main{padding:1.2rem;}
}

/* RTL niceties */
[dir="rtl"] .me-1{margin-right:0!important;margin-left:.25rem!important;}
[dir="rtl"] .ms-1{margin-left:0!important;margin-right:.25rem!important;}
[dir="rtl"] .text-start{text-align:right!important;}
[dir="rtl"] .navbar-toggler-icon{transform:scaleX(-1);}
.flash-alert{position:relative;z-index:99;}

/* empty states */
.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted);}
.empty-state i{font-size:3rem;color:#c7cbe6;display:block;margin-bottom:1rem;}

/* filters on courses page */
.filter-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;position:sticky;top:90px;}
.course-start-banner{
  display:flex;align-items:center;justify-content:space-between;gap:2rem;
  padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(4,70,154,.12);
  border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(211,177,90,.20),transparent 28%),
  linear-gradient(120deg,#eef5ff 0%,#f3ecff 55%,#fff 100%);box-shadow:var(--shadow-sm);
}
.course-start-copy{max-width:680px;}
.course-start-eyebrow{display:inline-block;margin-bottom:.5rem;color:var(--brand);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.course-start-banner h2{margin:0 0 .6rem;color:var(--brand-dark);font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.2;}
.course-start-banner p{margin:0;color:#3d4569;font-size:1.05rem;line-height:1.65;}
.course-start-button{flex:0 0 auto;padding:.85rem 1.5rem;}
.beginner-recommendations{padding-block:3.5rem 1rem;scroll-margin-top:2rem;}
.beginner-recommendations .section-head{margin-bottom:1.5rem;}
.beginner-course-card .card-course{border-color:rgba(4,70,154,.18);box-shadow:0 5px 18px rgba(8,60,127,.07);}
.beginner-course-card.is-highlighted .card-course{border-color:var(--gold);box-shadow:0 0 0 4px rgba(211,177,90,.28),var(--shadow);transform:translateY(-4px);}
.beginner-recommendations.is-highlighted .section-head h2{color:var(--brand);}
@media (max-width:767px){
  .course-start-banner{align-items:flex-start;flex-direction:column;gap:1.25rem;}
  .course-start-button{width:100%;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .beginner-course-card .card-course{transition:none;}
}
.course-detail-cover{max-height:420px;object-fit:cover;border-radius:var(--radius);width:100%;}
.buy-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;position:sticky;top:90px;}
.lesson-lock{display:flex;align-items:center;gap:.6rem;}
.lesson-lock i{color:var(--muted);}
/* ---------- Footer ---------- */
.site-footer{background:#0d1330;color:#aab0c6;}
.site-footer .footer-title{color:#fff;font-weight:700;margin-bottom:1rem;}
.site-footer a{color:#aab0c6;}
.site-footer a:hover{color:#fff;}
.footer-about{color:#aab0c6;font-size:.92rem;}
.footer-contact li{display:flex;gap:.6rem;align-items:center;margin-bottom:.5rem;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);}
.soc-btn{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;}
.soc-btn:hover{background:var(--brand);color:#fff;}