/* Chọn Đồ Tốt Core 0.2.5 — video xem tại chỗ. */
.cdt-video { margin: 28px 0; }
.cdt-video[hidden] { display: none; }
.cdt-video__khung { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 14px; background: #0f5358; box-shadow: 0 10px 26px rgba(13, 78, 83, .16); }
.cdt-video__trinh-phat { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.cdt-video__nut { position: absolute; inset: 0; z-index: 2; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: #0f5358; cursor: pointer; transition: opacity .25s ease; }
.cdt-video--dang-tai .cdt-video__nut { cursor: progress; }
.cdt-video--dang-tai .cdt-video__phat { animation: cdt-nhip 1s ease-in-out infinite; }
.cdt-video__bia { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cdt-video__phu { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 83, 88, .55) 0%, rgba(15, 83, 88, 0) 30%, rgba(15, 83, 88, 0) 55%, rgba(15, 83, 88, .88) 100%); }
.cdt-video__tren { position: absolute; top: 14px; left: 16px; right: 16px; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.35; text-align: left; text-shadow: 0 1px 3px rgba(0, 0, 0, .45); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cdt-video__phat { position: absolute; top: 50%; left: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: #a84731; box-shadow: 0 6px 18px rgba(0, 0, 0, .3); transition: transform .15s ease, background .15s ease; }
.cdt-video__tam { position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -8px; border-left: 26px solid #fff; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
.cdt-video__duoi { position: absolute; left: 16px; right: 16px; bottom: 14px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; color: #fff; text-align: left; text-shadow: 0 1px 3px rgba(0, 0, 0, .45); }
.cdt-video__nhan { font-size: 17px; font-weight: 800; }
.cdt-video__kenh { flex: 0 0 auto; padding: 4px 10px; border-radius: 999px; background: rgba(0, 0, 0, .45); font-size: 12px; font-weight: 700; }
.cdt-video__nut:hover .cdt-video__phat, .cdt-video__nut:focus-visible .cdt-video__phat { transform: scale(1.08); background: #8f3a27; }
.cdt-video__nut:focus-visible { outline: 3px solid #cd6547; outline-offset: -3px; }
.cdt-video__du-phong { position: absolute; right: 16px; bottom: 16px; z-index: 3; padding: 10px 14px; border-radius: 10px; background: #a84731; color: #fff; font-weight: 800; }
.single-post .cdt-content .cdt-video figcaption { margin-top: 8px; color: #607077; font-size: 13px; text-align: left; }
.cdt-video-nhom { margin: 28px 0; }
.cdt-video-nhom .cdt-video { margin: 0; }
.cdt-video-nhom__the { display: flex; gap: 8px; margin-bottom: 10px; }
.cdt-video-nhom__the button { flex: 1 1 0; min-height: 44px; padding: 8px 12px; border: 2px solid #cfe0dd; border-radius: 12px; background: #fff; color: #0d4e53; font-size: 15px; font-weight: 800; cursor: pointer; }
.cdt-video-nhom__the button[aria-selected="true"] { border-color: #176d73; background: #176d73; color: #fff; }
.cdt-video-nhom__the button:focus-visible { outline: 3px solid #cd6547; outline-offset: 2px; }
@keyframes cdt-nhip { 50% { transform: scale(.9); opacity: .8; } }
@media (max-width: 520px) {
  .cdt-video__phat { width: 60px; height: 60px; margin: -30px 0 0 -30px; }
  .cdt-video__tam { margin: -11px 0 0 -6px; border-left-width: 20px; border-top-width: 11px; border-bottom-width: 11px; }
  .cdt-video__nhan { font-size: 15px; }
  .cdt-video__tren { font-size: 13px; }
  .cdt-video__kenh { display: none; }
}
@media (prefers-reduced-motion: reduce) { .cdt-video__phat, .cdt-video__nut { transition: none; } .cdt-video--dang-tai .cdt-video__phat { animation: none; } }