/* ===== CSS تکمیلی مخصوص صفحهٔ آلبوم موزیک ساب‌لیمینال ===== */
/* بقیهٔ کلاس‌ها (هیرو، تب‌ها، مودال خرید، پخش‌کننده، toast) از course-single.css می‌آیند */

.adel-course .adel-album-art-wrap { position: relative; }
.adel-course .adel-album-art { border-radius: 27px; }
.adel-course .adel-vinyl {
  position: absolute;
  z-index: -1;
  right: -30px;
  top: 8%;
  width: 84%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: repeating-radial-gradient(circle at center, #102e31 0 3px, #193c3f 4px 7px);
  box-shadow: 0 16px 35px rgba(6, 38, 41, .25);
}
.adel-course .adel-vinyl::after {
  content: "";
  position: absolute;
  inset: 40%;
  border: 12px solid var(--cyan);
  border-radius: 50%;
  background: var(--teal);
}

.adel-course .adel-health-note {
  margin-top: 16px; padding: 15px 18px;
  border: 1px solid #e7cf9e; border-radius: 16px;
  color: #604b22; background: #fffaf0;
}
.adel-course .adel-health-note strong { display: block; margin-bottom: 4px; color: #4d3b18; font-size: .82rem; }
.adel-course .adel-health-note p { margin: 0; font-size: .76rem; line-height: 1.9; }

.adel-course .adel-sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.adel-course .adel-side { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.adel-course .adel-side-head { display: flex; align-items: center; justify-content: space-between; padding: 17px 19px; border-bottom: 1px solid var(--line); background: #f6fbfb; }
.adel-course .adel-side-title { display: flex; align-items: center; gap: 11px; }
.adel-course .adel-side-letter { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: #fff; background: var(--teal); font-weight: 800; font-size: .85rem; }
.adel-course .adel-side-count { color: var(--muted); font-size: .7rem; white-space: nowrap; }

.adel-course .adel-track-list { margin: 0; padding: 7px 14px; list-style: none; }
.adel-course .adel-track {
  min-height: 57px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid #edf2f3;
}
.adel-course .adel-track:last-child { border-bottom: 0; }
.adel-course .adel-track-num { color: #8aa0a4; font-size: .7rem; text-align: center; }
.adel-course .adel-track-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; font-weight: 600; }
.adel-course .adel-track-lock { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: #425d61; background: #edf2f3; font-size: .75rem; }

@media (max-width: 960px) {
  .adel-course .adel-sides { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .adel-course .adel-track { grid-template-columns: 23px minmax(0, 1fr) auto auto; }
}