/* VIDEO_GT_v1 — nút xem video giới thiệu (hero trang chủ aiphaply / tuphap) + popup. Khuôn từ aitraloi.com. */
.vgt-nut{position:relative;display:inline-flex;align-items:center;gap:11px;padding:5px 16px 5px 5px;border:0;cursor:pointer;border-radius:999px;font:inherit;text-align:left;transition:background .2s;line-height:1.2;vertical-align:middle}
.vgt-toi{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.vgt-toi:hover{background:rgba(255,255,255,.2)}
.vgt-sang{background:#fff;color:#0f2d5c;box-shadow:inset 0 0 0 1.5px rgba(15,45,92,.35)}
.vgt-sang:hover{background:#f6efe1}
.vgt-bia{position:relative;flex:none;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#fff}
.vgt-bia img{width:100%;height:100%;object-fit:cover;display:block}
.vgt-bia i{position:absolute;inset:0;background:rgba(10,20,50,.38);display:flex;align-items:center;justify-content:center}
.vgt-bia i::after{content:'';margin-left:4px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}
.vgt-nut::before{content:'';position:absolute;left:5px;top:5px;width:48px;height:48px;border-radius:50%;animation:vgt-nhip 2.4s infinite;pointer-events:none}
.vgt-sang::before{animation-name:vgt-nhip-sang}
@keyframes vgt-nhip{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 13px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes vgt-nhip-sang{0%{box-shadow:0 0 0 0 rgba(15,45,92,.35)}70%{box-shadow:0 0 0 13px rgba(15,45,92,0)}100%{box-shadow:0 0 0 0 rgba(15,45,92,0)}}
.vgt-chu b{display:block;font-size:15px;font-weight:700}
.vgt-chu small{display:block;font-size:12.5px;opacity:.78;margin-top:1px}
.vgt-ngan{display:none}
.vgt-nen{position:fixed;inset:0;z-index:99999;background:rgba(5,10,30,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:vgt-hien .2s ease}
.vgt-nen[hidden]{display:none}
@keyframes vgt-hien{from{opacity:0}to{opacity:1}}
.vgt-khung{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}
.vgt-khung video{display:block;width:min(86vh - 70px,640px,92vw);aspect-ratio:1/1;border-radius:18px;background:#000;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.vgt-nen.doc .vgt-khung video{width:min(92vw,calc((100dvh - 120px) * 9 / 16),506px);height:auto;aspect-ratio:9/16}
.vgt-dong{position:absolute;top:-14px;right:-14px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:#fff;color:#0f1b2d;font-size:18px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.vgt-cta{background:#fff;color:#0f2d5c;font-weight:800;padding:12px 24px;border-radius:999px;text-decoration:none!important;font-size:15px}
html.vgt-khoa{overflow:hidden}
html.vgt-khoa .cb-root,html.vgt-khoa .bottom-nav{display:none!important}
@media (max-width:600px){
  .vgt-nut{gap:8px;padding:4px 13px 4px 4px;flex:none}
  .vgt-bia,.vgt-nut::before{width:40px;height:40px}
  .vgt-nut::before{left:4px;top:4px}
  .vgt-bia i::after{border-width:7px 0 7px 12px;margin-left:3px}
  .vgt-dai{display:none}.vgt-ngan{display:inline}
  .vgt-chu b{font-size:14px}.vgt-chu small{font-size:11.5px}
  .vgt-dong{top:-10px;right:-6px}
}
@media (prefers-reduced-motion:reduce){.vgt-nut::before{animation:none}}
/* aiphaply: nút nằm dưới đoạn dẫn, trên ô mô tả vấn đề */
.apl-vgt{margin:-4px 0 18px}
/* tuphap — HERO_NUT_GON_v1: điện thoại chỉ còn [Gửi yêu cầu] [▶ Xem video] một hàng; "Xem danh mục dịch vụ" ẩn (đã có ở dải 5 cửa ngay dưới) */
.tp-cta .vgt-nut{min-height:48px}
@media (max-width:559px){
  .tp-cta.co-vgt{display:flex;flex-wrap:nowrap;gap:10px;align-items:center}
  .tp-cta.co-vgt .tp-nut--vien{display:none}
  .tp-cta.co-vgt .tp-nut--chinh{flex:1;min-width:0;padding-left:12px;padding-right:12px;font-size:14.5px;line-height:1.25}   /* EN "Send a consultation request" xuống 2 dòng thay vì bị cắt */
}