:root {
  --cyan: #00ffff;
  --teal: #008080;
  --teal2: #006b6b;
  --deep: #073f42;
  --deep2: #052f32;
  --ink: #183b3f;
  --muted: #5b7478;
  --ice: #f3f8fa;
  --line: #d8e7ea;
  --shadow: 0 22px 60px rgba(0, 70, 76, .13);
  --shadow2: 0 10px 28px rgba(0, 70, 76, .08);
  --container: 1200px;
  --reading: 760px;
}

.adel-video, .adel-video * { box-sizing: border-box; }
.adel-video { color: var(--ink); background: #fff; font-family: "Vazirmatn", Tahoma, sans-serif; font-size: 16px; line-height: 1.9; }
.adel-video a { color: inherit; text-decoration: none; }
.adel-video button, .adel-video input { font: inherit; }
.adel-video button { cursor: pointer; }
.adel-video img, .adel-video svg { display: block; }
.adel-video [hidden] { display: none !important; }
.adel-video img { max-width: 100%; }
.adel-video :focus-visible { outline: 3px solid rgba(0, 128, 128, .4); outline-offset: 3px; }
.adel-video .adel-container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }

/* ---------- هیرو ---------- */
.adel-video .hero { padding: 22px 0 54px; color: #fff; background: radial-gradient(circle at 85% 12%, rgba(0, 255, 255, .12), transparent 22rem), linear-gradient(145deg, #052f32, #073f42); }
.adel-video .breadcrumbs { margin-bottom: 22px; color: #9cbabc; font-size: .8rem; }
.adel-video .hero-copy { max-width: 900px; margin: auto; text-align: center; }
.adel-video .tag { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid rgba(133, 235, 232, .35); border-radius: 99px; color: #a3f1ee; font-size: .82rem; font-weight: 900; }
.adel-video .tag:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); }
.adel-video h1 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.75rem); line-height: 1.45; letter-spacing: -.03em; text-wrap: balance; }
.adel-video .lead { max-width: 720px; margin: auto; color: #c4d7d9; font-size: 1rem; }
.adel-video .meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 19px; color: #aac3c5; font-size: .84rem; }

/* ---------- پلیر ---------- */
.adel-video .video-shell { position: relative; z-index: 4; margin-top: -30px; }
.adel-video .video-card { overflow: hidden; border: 7px solid #fff; border-radius: 28px; background: #061e20; box-shadow: 0 30px 80px rgba(0, 35, 38, .28); }
.adel-video .video-card.is-portrait { width: min(100%, 520px, var(--video-fit-width)); margin-inline: auto; }
.adel-video .video-card.is-square { width: min(100%, 760px, var(--video-fit-width)); margin-inline: auto; }
.adel-video .screen { position: relative; aspect-ratio: var(--video-aspect, 16/9); overflow: hidden; background: #061e20; cursor: pointer; }
.adel-video .episode-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.adel-video .screen-copy { position: absolute; z-index: 2; inset: 0; display: grid; place-items: center; pointer-events: none; }
.adel-video .big-play { pointer-events: auto; width: 88px; height: 88px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .65); border-radius: 30px; color: var(--deep); background: var(--cyan); box-shadow: 0 15px 35px rgba(0, 0, 0, .28); }
.adel-video .video-controls { position: absolute; z-index: 4; right: 0; left: 0; bottom: 0; padding: 32px 18px 16px; background: linear-gradient(transparent, rgba(0, 0, 0, .92)); cursor: default; opacity: 1; transform: translateY(0); transition: opacity .2s ease, transform .24s ease; }
.adel-video .video-card.controls-hidden .video-controls { opacity: 0; transform: translateY(100%); pointer-events: none; }
.adel-video .video-card.controls-hidden .screen { cursor: none; }
.adel-video .seek { width: 100%; height: 32px; display: block; direction: ltr; accent-color: var(--cyan); cursor: pointer; }
.adel-video .controls-row { display: flex; align-items: center; gap: 8px; direction: ltr; }
.adel-video .controls-row .control { min-width: 44px; height: 44px; padding: 0 11px; display: grid; place-items: center; border: 0; border-radius: 12px; color: #fff; background: rgba(255, 255, 255, .12); }
.adel-video .controls-row .control:hover { background: rgba(255, 255, 255, .22); }
.adel-video .controls-row .control.is-on { background: var(--cyan); color: var(--deep); }
.adel-video .fullscreen-toggle { margin-left: 2px; }
.adel-video .fullscreen-toggle .icon-expand { display: block; }
.adel-video .fullscreen-toggle .icon-compress { display: none; }
.adel-video .fullscreen-toggle[aria-pressed="true"] .icon-expand { display: none; }
.adel-video .fullscreen-toggle[aria-pressed="true"] .icon-compress { display: block; }
.adel-video [data-action="toggle-small"] .icon-play { display: block; }
.adel-video [data-action="toggle-small"] .icon-pause { display: none; }
.adel-video .video-card.is-playing [data-action="toggle-small"] .icon-play { display: none; }
.adel-video .video-card.is-playing [data-action="toggle-small"] .icon-pause { display: block; }
.adel-video .time { color: #d6e3e4; font-size: .8rem; font-variant-numeric: tabular-nums; }
.adel-video .video-title { margin-left: auto; overflow: hidden; color: #fff; font-size: .84rem; text-overflow: ellipsis; white-space: nowrap; direction: rtl; }
.adel-video .status { padding: 10px 17px; color: #667f83; background: #fff; font-size: .8rem; }
.adel-video .status strong { color: var(--deep); }
.adel-video .episode-video::cue { background: rgba(0, 0, 0, .78); color: #fff; font-family: "Vazirmatn", Tahoma, sans-serif; }
.adel-video .screen:fullscreen, .adel-video .screen:-webkit-full-screen { width: 100%; height: 100%; aspect-ratio: auto; background: #000; }
.adel-video .screen:fullscreen .episode-video, .adel-video .screen:-webkit-full-screen .episode-video { object-fit: contain; }
.adel-video .screen:fullscreen .video-controls, .adel-video .screen:-webkit-full-screen .video-controls { padding-right: max(22px, env(safe-area-inset-right)); padding-bottom: max(18px, env(safe-area-inset-bottom)); padding-left: max(22px, env(safe-area-inset-left)); }

/* ---------- بدنه + سایدبار فصل‌ها ---------- */
.adel-video .content { padding: 70px 0 90px; }
.adel-video .layout { display: grid; grid-template-columns: 280px minmax(0, var(--reading)); justify-content: center; align-items: start; gap: 52px; }
.adel-video .layout.layout-single { grid-template-columns: minmax(0, var(--reading)); gap: 0; }
.adel-video .layout-single .body { width: 100%; }
.adel-video .sidebar { position: sticky; top: 101px; display: grid; gap: 14px; }
.adel-video .side { padding: 18px; border: 1px solid var(--line); border-radius: 19px; background: #fff; box-shadow: var(--shadow2); }
.adel-video .side h2 { margin: 0 0 10px; color: var(--deep); font-size: .95rem; }
.adel-video .chapters { display: grid; gap: 5px; }
.adel-video .chapters .chapter { width: 100%; min-height: 44px; padding: 8px 9px; display: grid; grid-template-columns: 48px 1fr; gap: 8px; align-items: center; border: 0; border-radius: 10px; color: #526f73; background: transparent; text-align: right; font-size: .84rem; }
.adel-video .chapters .chapter time { direction: ltr; color: var(--teal2); font-size: .74rem; font-weight: 900; }
.adel-video .chapters .chapter:hover, .adel-video .chapters .chapter.active { color: var(--deep); background: #effafa; }
.adel-video .side-cta { padding: 19px; border-radius: 19px; color: #fff; background: linear-gradient(145deg, var(--deep), #08656a); box-shadow: var(--shadow2); }
.adel-video .side-cta span { display: block; color: #9af0ed; font-size: .76rem; font-weight: 900; }
.adel-video .side-cta h2 { margin: 5px 0 7px; font-size: 1rem; }
.adel-video .side-cta p { margin: 0 0 12px; color: #c1d4d6; font-size: .8rem; }
.adel-video .side-cta a { min-height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 12px; color: var(--deep); background: var(--cyan); font-size: .8rem; font-weight: 900; }
.adel-video .mobile-chapters { display: none; margin-bottom: 20px; border: 1px solid var(--line); border-radius: 16px; }
.adel-video .mobile-chapters summary { min-height: 48px; padding: 10px 14px; font-weight: 900; cursor: pointer; }
.adel-video .mobile-chapters .chapters { padding: 0 9px 12px; }

.adel-video .body { min-width: 0; }
.adel-video .summary { margin-bottom: 34px; padding: 23px; border: 1px solid #a8d8d9; border-radius: 20px; background: linear-gradient(135deg, #efffff, #fff); }
.adel-video .summary strong { display: block; color: var(--deep); }
.adel-video .summary p { margin: 4px 0 0; color: #466469; }

.adel-video section[id] { scroll-margin-top: 105px; }
.adel-video .video-content h2 { margin: 46px 0 15px; color: var(--deep); font-size: clamp(1.35rem, 2.7vw, 1.9rem); line-height: 1.55; }
.adel-video .video-content h3 { margin: 26px 0 9px; color: var(--deep); font-size: 1.05rem; }
.adel-video .video-content p { margin: 0 0 20px; color: #38585d; font-size: 1rem; line-height: 2.15; }
.adel-video .video-content ul, .adel-video .video-content ol { margin: 0 0 22px; padding: 0 22px 0 0; color: #405f63; }
.adel-video .video-content li { font-size: .95rem; line-height: 2; }
.adel-video .video-content blockquote { margin: 26px 0; padding: 20px 22px; border-right: 4px solid var(--teal); border-radius: 16px; color: #37595d; background: #f2f8f9; font-size: .96rem; }

.adel-video .transcript { border-top: 1px solid var(--line); }
.adel-video .transcript .row { display: grid; grid-template-columns: 68px 1fr; gap: 15px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.adel-video .transcript .stamp { min-height: 44px; border: 0; border-radius: 10px; color: var(--teal2); background: #eaffff; font-size: .8rem; font-weight: 900; direction: ltr; }
.adel-video .transcript .row p { margin: 0; font-size: .95rem; color: #38585d; }
.adel-video .notice { margin: 28px 0 0; padding: 18px 20px; border: 1px solid #ead3a5; border-radius: 17px; color: #704d1b; background: #fff9eb; font-size: .88rem; }

.adel-video .host { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-top: 38px; padding: 20px; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow2); background: #fff; }
.adel-video .host img { width: 74px; height: 74px; object-fit: cover; border-radius: 19px; background: #e7f1f3; }
.adel-video .host strong { display: block; color: var(--deep); font-size: .92rem; }
.adel-video .host p { margin: 2px 0 0; color: var(--muted); font-size: .82rem; }
.adel-video .host a { color: var(--teal2); font-size: .82rem; font-weight: 900; white-space: nowrap; }

/* ---------- CTA میانی ---------- */
.adel-video .mid-cta { position: relative; isolation: isolate; overflow: hidden; margin: 40px 0; padding: 32px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; border: 1px solid rgba(150, 241, 237, .24); border-radius: 24px; color: #fff; background: radial-gradient(circle at 8% 0, rgba(0, 255, 255, .16), transparent 18rem), linear-gradient(135deg, var(--deep2), #076569); box-shadow: 0 22px 55px rgba(0, 70, 76, .17); }
.adel-video .mid-cta span { color: #96f1ed; font-size: .78rem; font-weight: 900; }
.adel-video .mid-cta h2 { max-width: 34ch; margin: 5px 0 8px; color: #fff; font-size: clamp(1.18rem, 2vw, 1.42rem); line-height: 1.75; }
.adel-video .mid-cta p { max-width: 58ch; margin: 0; color: #c8dcde; font-size: .9rem; }
.adel-video .mid-cta > a { min-width: 176px; min-height: 50px; padding: 10px 18px; display: flex; align-items: center; justify-content: center; border-radius: 14px; color: var(--deep); background: var(--cyan); box-shadow: 0 10px 28px rgba(0, 0, 0, .16); font-size: .86rem; font-weight: 900; white-space: nowrap; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
.adel-video .mid-cta > a:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 14px 34px rgba(0, 0, 0, .2); }

/* ---------- ویدئوهای مرتبط ---------- */
.adel-video .related { padding: 70px 0; background: var(--ice); }
.adel-video .section-head { max-width: 730px; margin: 0 auto 26px; text-align: center; }
.adel-video .section-head span { color: var(--teal2); font-size: .82rem; font-weight: 900; }
.adel-video .section-head h2 { margin: 5px 0 8px; color: var(--deep); font-size: clamp(1.5rem, 3.2vw, 2.2rem); }
.adel-video .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.adel-video .video-item { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: var(--shadow2); }
.adel-video .thumb { position: relative; aspect-ratio: 16/9; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #074b4f, #052f32); }
.adel-video .thumb svg { opacity: .9; }
.adel-video .thumb .duration { position: absolute; left: 10px; bottom: 10px; padding: 3px 7px; border-radius: 7px; background: rgba(0, 0, 0, .72); font-size: .76rem; direction: ltr; color: #fff; }
.adel-video .video-item > div:last-child { padding: 16px; }
.adel-video .video-item > div:last-child > span { color: var(--teal2); font-size: .76rem; font-weight: 900; }
.adel-video .video-item h3 { margin: 4px 0 7px; color: var(--deep); font-size: 1rem; line-height: 1.7; }
.adel-video .video-item > div:last-child > a { min-height: 44px; display: flex; align-items: center; color: var(--teal2); font-size: .82rem; font-weight: 900; }

@media (max-width: 1040px) {
  .adel-video .layout { grid-template-columns: minmax(0, var(--reading)); }
  .adel-video .sidebar { display: none; }
  .adel-video .mobile-chapters { display: block; }
  .adel-video .grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  .adel-video .adel-container { width: min(calc(100% - 24px), var(--container)); }
  .adel-video .hero { padding: 16px 0 42px; }
  .adel-video h1 { font-size: clamp(1.45rem, 7vw, 2rem); }
  .adel-video .video-shell { margin-top: -24px; }
  .adel-video .video-card { border-width: 4px; border-radius: 19px; }
  .adel-video .big-play { width: 65px; height: 65px; border-radius: 22px; }
  .adel-video .video-controls { padding: 24px 10px 10px; }
  .adel-video .video-title { display: none; }
  .adel-video .content { padding: 55px 0 65px; }
  .adel-video .transcript .row { grid-template-columns: 1fr; gap: 7px; }
  .adel-video .transcript .stamp { width: 68px; }
  .adel-video .mid-cta { grid-template-columns: 1fr; }
  .adel-video .mid-cta { padding: 24px; gap: 20px; }
  .adel-video .mid-cta > a { width: 100%; min-width: 0; justify-content: center; }
  .adel-video .host { grid-template-columns: 62px 1fr; }
  .adel-video .host img { width: 62px; height: 62px; }
  .adel-video .host a { grid-column: 1 / -1; text-align: center; }
  .adel-video .grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .adel-video * { animation: none !important; transition: none !important; }
}