.vt-handover-video{max-width:1280px;margin:32px auto 8px;padding:0 24px;font-family:Inter,system-ui,sans-serif;scroll-margin-top:100px}
.vt-handover-video__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:32px;padding:28px;background:linear-gradient(118deg,#081e3a 0%,#0e355e 64%,#155b99 100%);color:#f8fbff;border-radius:24px;box-shadow:0 16px 36px #081e3a1a;border:1px solid #244c72;overflow:hidden}
.vt-handover-video__media,.vt-handover-video__copy{min-width:0}
.vt-handover-video__screen{position:relative;width:100%;max-width:100%;box-sizing:border-box;aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:14px;background:#081e3a;border:1px solid #447197}
.vt-handover-video__play{position:relative;display:block;width:100%;height:100%;color:white;isolation:isolate}
.vt-handover-video__play img{display:block;width:100%;height:100%;object-fit:contain}
.vt-handover-video__play-label{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:999px;background:#f6921e;color:#081e3a;font-size:14px;font-weight:800;box-shadow:0 4px 16px #0005}
.vt-handover-video__play-label>span{padding-left:8px;border-left:1px solid #081e3a44;font-size:12px}
.vt-handover-video__play:hover .vt-handover-video__play-label{background:#ffb54f}
.vt-handover-video__play:focus-visible,.vt-handover-video a:focus-visible{outline:3px solid #ffb54f;outline-offset:3px}
.vt-handover-video__screen iframe{display:block;width:100%;height:100%;min-height:200px;border:0}
.vt-handover-video__links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;color:#bfd5e8;font-size:12px;line-height:1.5}
.vt-handover-video__links a{color:#dceeff;text-decoration:underline;text-underline-offset:3px}
.vt-handover-video__eyebrow{font-size:11px;line-height:1.6;letter-spacing:.1em;font-weight:700;color:#9dcaff;margin:0 0 12px}
.vt-handover-video h2{font-size:clamp(23px,2.2vw,31px);font-weight:800;letter-spacing:-.025em;line-height:1.22;margin:0 0 18px;color:white}
.vt-handover-video h2 span{color:#ffae3d}
.vt-handover-video__copy>p:not(.vt-handover-video__eyebrow){font-size:14px;line-height:1.75;margin:0 0 12px;color:#e5eff8}
.vt-handover-video__copy>p.vt-handover-video__detail{font-size:13px;color:#bfd5e8}
.vt-handover-video__cta{display:inline-flex;align-items:center;gap:16px;background:#f6921e;color:#081e3a;padding:12px 17px;border-radius:10px;font-weight:800;font-size:13px;margin-top:7px;text-decoration:none}
.vt-handover-video__cta:hover{background:#ffb54f}
@media(max-width:900px){.vt-handover-video__grid{grid-template-columns:1fr;gap:24px}.vt-handover-video h2{font-size:29px}.vt-handover-video__screen{min-height:200px}}
@media(max-width:540px){.vt-handover-video{padding:0 16px;margin-top:20px}.vt-handover-video__grid{padding:16px;gap:24px;border-radius:18px}.vt-handover-video h2{font-size:26px}.vt-handover-video__screen{border-radius:10px}.vt-handover-video__play-label{bottom:10px;left:10px;padding:8px 12px;font-size:13px}.vt-handover-video__copy>p:not(.vt-handover-video__eyebrow){font-size:14px}.vt-handover-video__cta{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.vt-handover-video *{scroll-behavior:auto}}


@media(max-width:540px){.vt-handover-video__screen,.vt-handover-video__screen iframe{min-height:200px}.vt-handover-video__cta{box-sizing:border-box;white-space:normal}.vt-handover-video__grid{gap:20px}}

.vt-handover-video__screen:has(iframe),.vt-handover-video__screen iframe{min-height:200px}

body:has(#handover-video-preview) #service-gallery-wrapper{aspect-ratio:16/9}
/* The approved poster already contains its play label and real runtime. */
.vt-handover-video__play-label{display:none}

/* Mobile controls remain legible independently of text baked into the poster. */
.vt-handover-diagram-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;box-sizing:border-box;gap:8px;margin:12px 16px 16px;padding:8px 12px;border:1px solid #91b5cf;border-radius:8px;font-size:16px;line-height:1.5;white-space:normal;text-decoration:underline;text-underline-offset:3px}
.vt-handover-diagram-link:focus-visible{outline:3px solid #f6921e;outline-offset:2px}
body:has(#handover-video-preview) #service-article :is(img,figure){max-width:100%;box-sizing:border-box}
body:has(#handover-video-preview) #service-article img{height:auto;object-fit:contain}
@media(max-width:540px){
 .vt-handover-video__screen:not(:has(iframe)){aspect-ratio:auto;min-height:0}
 .vt-handover-video__play{height:auto}
 .vt-handover-video__play img{height:auto;aspect-ratio:16/9}
 .vt-handover-video__play-label{position:static;display:flex;justify-content:center;min-height:48px;box-sizing:border-box;font-size:14px;width:100%;max-width:100%;border-radius:0;box-shadow:none}
 .vt-handover-video__links a{display:inline-flex;align-items:center;min-height:44px}
 .vt-handover-video__links{row-gap:0}
 .vt-handover-video__cta{min-height:48px;overflow-wrap:anywhere}
}
@media(max-width:767px){
 body[data-page="Chi tiết Dịch vụ"]:has(#handover-video-preview) #vt-chat-btn>span{display:none}
 body[data-page="Chi tiết Dịch vụ"]:has(#handover-video-preview) #vt-chat-btn{padding:0;display:flex;align-items:center;justify-content:center}
 body[data-page="Chi tiết Dịch vụ"]:has(#handover-video-preview):has(#sticky-mobile-cta:not(.translate-y-full)) #vt-chat-btn{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
 body[data-page="Chi tiết Dịch vụ"]:has(#handover-video-preview) #sticky-mobile-cta{padding-right:calc(64px + env(safe-area-inset-right,0px))}
 body[data-page="Chi tiết Dịch vụ"]:has(#handover-video-preview):has(#sticky-mobile-cta:not(.translate-y-full)) #back-to-top{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
}