/* SP: Trang Video route chuẩn - mỗi video 1 khung full màn hình */
body.is-video-route .appHeader{display:none;}
body.is-video-route .pageShell{min-height:100dvh;padding:0;background:#000;overflow:hidden;}
body.is-video-route .routePage{min-height:100dvh;padding:0;background:#000;}
body.is-video-route .bottomNav{background:rgba(255,255,255,.96);}
.routePage[data-route-page="video"]{padding:0;background:#000;}
.videoRoute{position:relative;height:100dvh;background:#000;color:#fff;overflow:hidden;}
.videoTabScroller{height:100dvh;width:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;background:#000;}
.videoTabScroller::-webkit-scrollbar{display:none;}
.videoTabPane{flex:0 0 100%;width:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000;}
.videoTopOverlay{position:fixed;left:0;right:0;top:0;z-index:40;height:calc(58px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 14px 0;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;pointer-events:none;}
.videoTopTabs{grid-column:2;justify-self:center;display:flex;gap:22px;align-items:center;pointer-events:auto;}
.videoTopTab{position:relative;color:rgba(255,255,255,.74);font-size:17px;font-weight:500;line-height:1.2;padding:8px 0;text-shadow:0 1px 8px rgba(0,0,0,.34);}
.videoTopTab.is-active{color:#fff;font-weight:588;}
.videoAddBtn{grid-column:3;width:40px;height:40px;border:0!important;outline:0!important;border-radius:0;display:flex;align-items:center;justify-content:center;color:var(--pink);background:transparent!important;box-shadow:none!important;backdrop-filter:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;}
.videoAddBtn svg{width:25px;height:25px;}
.videoReelList{height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;background:#000;}
.videoReelList::-webkit-scrollbar{display:none;}
.videoReelItem{position:relative;width:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000;isolation:isolate;}
.videoReelFrame{position:absolute;inset:0;overflow:hidden;background:#000;}
.videoReelItem__media{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background:#000;transform:translateZ(0);}
.videoReelItem__shade{position:absolute;left:0;right:0;pointer-events:none;z-index:2;}
.videoReelItem__shade--top{top:0;height:130px;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,0));}
.videoReelItem__shade--bottom{bottom:0;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.74),rgba(0,0,0,0));}
.videoActionRail{position:absolute;right:10px;bottom:calc(var(--bottom-nav-button-height) + 92px + env(safe-area-inset-bottom));z-index:20;display:flex;flex-direction:column;align-items:center;gap:16px;transform:translateZ(0);will-change:transform;}
.videoAvatarWrap{position:relative;width:47px;height:47px;display:flex;align-items:center;justify-content:center;}
.videoAvatarBtn{width:47px;height:47px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:0 5px 18px rgba(0,0,0,.22), inset 0 0 0 2px rgba(255,255,255,.86);overflow:hidden;color:#fff;font-size:18px;font-weight:588;display:flex;align-items:center;justify-content:center;}
.videoAvatarBtn img{width:100%;height:100%;object-fit:cover;display:block;}
.videoFollowBtn{position:absolute;right:-2px;bottom:-3px;width:17px;height:17px;border-radius:999px;background:var(--pink);color:#fff;font-size:0;font-weight:588;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 7px rgba(0,0,0,.35);z-index:2;}
.videoFollowBtn svg{width:10px;height:10px;display:block;flex:0 0 10px;stroke-width:3.2px;}
.videoActionBtn{width:52px;min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4);}
.videoActionBtn svg{width:26px;height:26px;display:block;flex:0 0 26px;aspect-ratio:1/1;object-fit:contain;overflow:visible;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));}
.videoActionBtn[data-video-action="save"]{min-height:45px;}
.videoActionBtn[data-video-action="save"] svg{width:26px!important;height:26px!important;max-width:26px;max-height:26px;min-width:26px;min-height:26px;}
.videoActionBtn span{font-size:10px;font-weight:500;line-height:1;}
.videoActionBtn.is-saved svg{color:var(--pink);fill:rgba(255,45,117,.22);}
.videoCaption{position:absolute;left:14px;right:78px;bottom:calc(var(--bottom-nav-button-height) + 34px + env(safe-area-inset-bottom));z-index:20;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45);transition:bottom .18s ease,transform .18s ease;transform:translateZ(0);}
.videoCaption__hidden{display:inline-flex;margin-bottom:7px;padding:4px 8px;border-radius:999px;background:rgba(255,45,117,.86);font-size:12px;font-weight:588;}
.videoCaption__title{margin:0 0 8px;font-size:18px;font-weight:588;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.videoCaption__desc{margin:0;font-size:15px;font-weight:400;line-height:1.36;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;}
.videoEmpty{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 28px;background:#000;}
.videoEmpty__title{font-size:22px;font-weight:588;margin-bottom:8px;}
.videoEmpty__text{font-size:15px;font-weight:400;color:rgba(255,255,255,.72);}
.videoEditBox{display:grid;gap:8px;text-align:left;}
.videoEditBox label{font-size:14px;font-weight:500;color:rgba(0,0,0,.72);}
.videoEditInput,.videoEditTextarea{width:100%;border:1px solid rgba(0,0,0,.14);border-radius:14px;padding:11px 12px;background:#fff;color:#111;font-size:16px;font-weight:400;}
.videoEditTextarea{min-height:110px;resize:none;}

/* SP: Trang đăng video riêng, không dính đăng tin */
body.is-video-upload-route .appHeader{display:none;}
body.is-video-upload-route .pageShell{min-height:100dvh;padding:0;background:#fff;}
body.is-video-upload-route .routePage{min-height:100dvh;padding:0;background:#fff;}
body.is-video-upload-route .bottomNav{display:none;}
.videoUploadPage{min-height:100dvh;background:#fff;padding:calc(10px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));}
.videoUploadTop{height:48px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:8px;}
.videoUploadTop h1{grid-column:2;margin:0;text-align:center;font-size:20px;font-weight:588;line-height:1.2;}
.videoUploadBack{width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:36px;line-height:1;color:#111;}
.videoUploadForm,.videoUploadCard{display:grid;gap:14px;max-width:640px;margin:0 auto;}
.videoUploadCard{min-height:70dvh;align-content:center;text-align:center;}
.videoUploadCard h1{margin:0;font-size:22px;font-weight:588;}
.videoUploadCard p{margin:0;color:rgba(0,0,0,.62);font-size:16px;}
.videoUploadField{display:grid;gap:7px;}
.videoUploadField span{font-size:15px;font-weight:500;color:#111;}
.videoUploadCounter{justify-self:end;margin-top:-2px;font-style:normal;font-size:12px;font-weight:500;line-height:1;color:rgba(0,0,0,.42);}
.videoUploadField input,.videoUploadField textarea{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#fff;padding:13px 14px;font-size:16px;font-weight:400;color:#111;box-shadow:inset 0 0 0 1px rgba(255,45,117,0);}
.videoUploadField input:focus,.videoUploadField textarea:focus{border-color:rgba(255,45,117,.52);box-shadow:inset 0 0 0 1px rgba(255,45,117,.24);}
.videoUploadField textarea{min-height:126px;resize:none;line-height:1.38;}
.videoUploadPicker{min-height:152px;border:1.5px dashed rgba(255,45,117,.48);border-radius:20px;background:rgba(255,45,117,.045);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:#111;}
.videoUploadPicker input{position:absolute;opacity:0;pointer-events:none;}
.videoUploadPicker__main{font-size:18px;font-weight:588;color:var(--pink);}
.videoUploadPicker__sub{font-size:14px;font-weight:400;color:rgba(0,0,0,.58);}
.videoUploadPreview{border-radius:18px;overflow:hidden;background:#000;box-shadow:0 10px 24px rgba(0,0,0,.10);}
.videoUploadPreview video{width:100%;max-height:52dvh;display:block;background:#000;}
.videoUploadPreview__name{padding:10px 12px;background:#fff;font-size:14px;font-weight:500;color:#111;border:1px solid rgba(0,0,0,.08);border-top:0;border-radius:0 0 18px 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.videoUploadStatus{border-radius:14px;background:#111;color:#fff;padding:11px 13px;font-size:14px;font-weight:500;text-align:center;}
.videoUploadPrimary{height:48px;border-radius:16px;background:#ff2d75;color:#fff;font-size:17px;font-weight:588;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(255,45,117,.22);}
.videoUploadPrimary:disabled{opacity:.58;box-shadow:none;}

/* SP: Nút phát/dừng giữa video + thanh thời gian tự hiện khi chạm màn hình */
.videoCenterControl{position:absolute;left:50%;top:50%;z-index:8;width:72px;height:72px;border-radius:999px;transform:translate(-50%,-50%) scale(.92);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.38);color:#fff;opacity:0;pointer-events:none;backdrop-filter:blur(8px);box-shadow:0 10px 26px rgba(0,0,0,.22);transition:opacity .16s ease,transform .16s ease;}
.videoCenterControl svg{width:34px;height:34px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25));}
.videoReelItem.show-video-controls .videoCenterControl,.videoCenterControl.is-paused{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);}
.videoProgressWrap{position:absolute;left:0;right:0;bottom:calc(var(--bottom-nav-button-height) + 4px + env(safe-area-inset-bottom));z-index:21;height:12px;background:transparent;opacity:0;pointer-events:none;touch-action:none;transition:opacity .16s ease;cursor:pointer;}
.videoReelItem.show-video-controls .videoProgressWrap,.videoReelItem.is-video-paused .videoProgressWrap,.videoReelItem:has(.videoCenterControl.is-paused) .videoProgressWrap{opacity:1;pointer-events:auto;}
.videoProgressWrap::before{content:'';position:absolute;left:0;right:0;bottom:0;height:9px;background:rgba(255,255,255,.24);}
.videoProgressBar{position:absolute;left:0;bottom:0;width:0;height:9px;background:rgba(255,255,255,.94);box-shadow:0 0 8px rgba(255,255,255,.28);}
.videoProgressTime{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:var(--pink);color:#fff;font-size:13px;font-weight:588;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;backdrop-filter:blur(8px);box-shadow:0 6px 16px rgba(255,45,117,.28);}
.videoReelItem.is-scrubbing .videoProgressTime{opacity:1;}


/* SP: Nội dung video nằm trên vùng tua, mặc định 3 dòng và bấm xem thêm để bung lên */
.videoCaption__more{margin-top:6px;color:#fff;font-size:14px;font-weight:588;text-shadow:0 2px 8px rgba(0,0,0,.45);}
.videoReelItem.is-caption-expanded .videoCaption{bottom:calc(var(--bottom-nav-button-height) + 34px + env(safe-area-inset-bottom));right:18px;max-height:48dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.videoReelItem.is-caption-expanded .videoCaption__title,.videoReelItem.is-caption-expanded .videoCaption__desc{-webkit-line-clamp:unset;display:block;overflow:visible;}
.videoReelItem.is-caption-expanded .videoCaption__desc{max-height:none;}

 /* SP: Quản lí video - bỏ nút Đóng chữ, 3 nút Sửa/Ẩn/Xoá nằm 1 hàng nhỏ gọn */
.appPopupSheet--videoManage .appPopupActions{
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.appPopupSheet--videoManage .appPopupAction{
  min-height:38px;
  border-radius:14px;
  font-size:15px;
  font-weight:588;
  padding:0 8px;
}
.videoUploadCurrent{display:grid;gap:8px;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:12px;background:#fff;}
.videoUploadCurrent span{font-size:15px;font-weight:500;color:#111;}
.videoUploadCurrent video{width:100%;max-height:46dvh;border-radius:14px;background:#000;display:block;}


/* SP: Thanh tiến trình đăng video chạy global trên đầu app */
.videoGlobalProgress{position:fixed;left:0;right:0;top:0;z-index:9999;background:#111;color:#fff;padding:calc(7px + env(safe-area-inset-top)) 12px 7px;transform:translateY(-110%);transition:transform .18s ease;box-shadow:0 6px 18px rgba(0,0,0,.20);pointer-events:none;}
.videoGlobalProgress.is-visible{transform:translateY(0);}
.videoGlobalProgress__text{font-size:14px;font-weight:588;line-height:1.2;text-align:center;margin-bottom:6px;}
.videoGlobalProgress__bar{height:3px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden;}
.videoGlobalProgress__bar span{display:block;height:100%;width:0;background:#fff;border-radius:99px;transition:width .18s ease;}

/* SP: Ảnh bìa video nằm trên cùng form đăng video */
.videoCoverPicker{display:grid;gap:10px;}
.videoCoverPicker__label{font-size:15px;font-weight:500;color:#111;}
.videoCoverPicker__layout{display:grid;grid-template-columns:minmax(132px,38%) 1fr;gap:14px;align-items:start;}
.videoCoverPicker__preview{width:100%;height:184px;border:1.5px dashed rgba(255,45,117,.48);border-radius:20px;background:rgba(255,45,117,.045);display:flex;align-items:center;justify-content:center;overflow:hidden;color:rgba(0,0,0,.56);font-size:15px;font-weight:500;text-align:center;padding:0;}
.videoCoverPicker__preview img{width:100%;height:100%;object-fit:cover;display:block;}
.videoCoverPicker__side{display:grid;gap:10px;}
.videoCoverPicker__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.videoCoverPicker__choice{height:88px;border:1.5px dashed rgba(255,45,117,.48);border-radius:12px;background:rgba(255,45,117,.045);padding:0;overflow:hidden;color:rgba(0,0,0,.48);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;text-align:center;}
.videoCoverPicker__choice.is-empty{pointer-events:none;}
.videoCoverPicker__choice img{width:100%;height:100%;display:block;object-fit:cover;}
.videoCoverPicker__actions{display:grid;gap:10px;}
.videoCoverPicker__btn{height:42px;width:100%;border-radius:14px;background:#fff;border:1px solid rgba(255,45,117,.42);color:var(--pink);font-size:15px;font-weight:588;padding:0 14px;display:flex;align-items:center;justify-content:center;}
.videoCoverPicker__note{font-size:13px;font-weight:400;color:rgba(0,0,0,.58);line-height:1.35;}
@media (max-width:360px){.videoCoverPicker__layout{grid-template-columns:1fr;}.videoCoverPicker__choices{grid-template-columns:repeat(3,minmax(0,1fr));}.videoCoverPicker__choice{height:76px;}}

/* SP v307: vùng từ địa chỉ xuống là vùng tua video, không cho vuốt ngang chuyển tab */
.videoTabScroller.is-video-scrubbing{
  overflow-x:hidden;
  scroll-snap-type:none;
}
.videoCaption__location{
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
}
.videoReelItem.is-scrubbing .videoCaption__location{
  pointer-events:auto;
}


/* SP v389: PC - khung video cố định kiểu điện thoại 9:16, cân giữa trang, không ảnh hưởng điện thoại */
@media (min-width:769px){
  body.is-video-route .pageShell,
  body.is-video-route .routePage,
  .routePage[data-route-page="video"],
  .videoRoute,
  .videoTabScroller,
  .videoTabPane,
  .videoReelList{
    background:#fff;
  }
  .videoTopTab{
    color:rgba(0,0,0,.55);
    text-shadow:none;
  }
  .videoTopTab.is-active{
    color:#111;
  }
  .videoReelList{
    height:calc(100dvh - 86px); /* SP v391: trừ phần topbar/breadcrumb để khung video không dính đầu hoặc mất chân */
    scroll-padding-top:0;
  }
  .videoReelItem{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:calc(100dvh - 86px);
    height:calc(100dvh - 86px);
    padding:18px 0; /* SP v391: chừa khe trên/dưới để video luôn cân trong màn hình PC */
    background:#fff;
    box-sizing:border-box;
  }
  .videoReelFrame{
    position:relative;
    inset:auto;
    width:min(560px, calc((100dvh - 122px) * 9 / 16), calc(100vw - 32px)); /* SP v391: ưu tiên rộng 560px, nhưng tự thu nếu màn hình thấp để không mất đầu/chân */
    height:auto; /* SP: chiều cao tự tăng theo tỉ lệ 9:16, không chỉnh cứng để tránh méo video */
    max-height:calc(100dvh - 122px); /* SP v391: khóa chiều cao tối đa nằm gọn trong màn hình PC */
    aspect-ratio:9 / 16; /* SP chỉnh tỉ lệ khung video PC tại đây: 9/16 là kiểu điện thoại */
    border-radius:18px; /* SP chỉnh bo góc khung video PC tại đây */
    box-shadow:0 14px 34px rgba(0,0,0,.18);
  }
  .videoReelItem__media{
    object-fit:contain;
  }
  .videoActionRail{
    right:10px;
    bottom:86px; /* SP chỉnh vị trí cụm nút video PC tại đây */
  }
  .videoCaption{
    left:14px;
    right:78px;
    bottom:30px; /* SP chỉnh vị trí chữ mô tả video PC tại đây */
  }
  .videoProgressWrap{
    bottom:0;
  }
  .videoReelItem.is-caption-expanded .videoCaption{
    bottom:30px;
    right:18px;
    max-height:48%;
  }
}

/* SP v394: PC - hiện nút Đăng video góc phải trên trang video, không ảnh hưởng điện thoại */
.videoAddBtn__text{display:none;}
@media (min-width:769px){
  .videoTopOverlay{
    position:absolute;
    top:12px; /* SP chỉnh vị trí nút Đăng video PC lên/xuống tại đây */
    left:50%;
    right:auto;
    width:min(920px, calc(100vw - 40px)); /* SP chỉnh bề ngang vùng canh nút Đăng video PC tại đây */
    height:40px;
    padding:0;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:flex-end;
    pointer-events:none;
  }
  .videoTopTabs{display:none;}
  .videoAddBtn{
    width:auto;
    height:36px; /* SP chỉnh chiều cao nút Đăng video PC tại đây */
    min-width:0;
    padding:0 14px;
    border:1px solid var(--pink)!important;
    border-radius:999px;
    background:#fff!important;
    color:var(--pink);
    box-shadow:0 8px 18px rgba(255,45,117,.12)!important;
    gap:6px;
    font-size:16px; /* SP chỉnh cỡ chữ nút Đăng video PC tại đây */
    font-weight:588;
  }
  .videoAddBtn svg{
    width:18px;
    height:18px;
  }
  .videoAddBtn__text{display:inline-flex;line-height:1;}
}

/* SP v394: PC - khung riêng cho trang Đăng video, không ảnh hưởng điện thoại */
@media (min-width:769px){
  body.is-video-upload-route .pageShell,
  body.is-video-upload-route .routePage{
    background:#fff;
  }
  .videoUploadPage{
    width:min(680px, calc(100vw - 40px)); /* SP chỉnh chiều ngang khung đăng video PC tại đây */
    min-height:auto;
    margin:18px auto 70px;
    padding:18px 22px 24px; /* SP chỉnh khoảng cách trong khung đăng video PC tại đây */
    border:1px solid rgba(17,24,39,.14);
    border-radius:18px; /* SP chỉnh bo góc khung đăng video PC tại đây */
    background:#fff;
    box-shadow:0 10px 28px rgba(17,24,39,.045);
    box-sizing:border-box;
  }
  .videoUploadTop{
    margin-bottom:12px;
    border-bottom:1px solid rgba(17,24,39,.08);
  }
  .videoUploadForm,
  .videoUploadCard{
    max-width:none;
  }
}


/* SP v434: chỉ khóa riêng trang Video khi chạy app thêm màn hình trên điện thoại.
   Giữ giống tinh thần v303: không cho body/pageShell kéo theo viewport Safari, nhưng vẫn để .videoReelList vuốt dọc và .videoTabScroller vuốt ngang. */
@media (max-width:768px){
  html:has(body.is-mobile-standalone-video){
    width:100%;
    height:100%;
    overflow:hidden!important;
    background:#000;
  }
  body.is-mobile-standalone-video{
    position:fixed;
    inset:0;
    width:100%;
    height:var(--video-standalone-height, 100svh);
    min-height:var(--video-standalone-height, 100svh);
    overflow:hidden!important;
    overscroll-behavior:none;
    background:#000;
  }
  body.is-mobile-standalone-video .app{
    width:100%;
    height:var(--video-standalone-height, 100svh);
    min-height:var(--video-standalone-height, 100svh);
    overflow:hidden!important;
    background:#000;
  }
  body.is-mobile-standalone-video .pageShell,
  body.is-mobile-standalone-video .routePage[data-route-page="video"]{
    width:100%;
    height:var(--video-standalone-height, 100svh);
    min-height:var(--video-standalone-height, 100svh);
    overflow:hidden!important;
    overscroll-behavior:none;
    background:#000;
  }
  body.is-mobile-standalone-video .videoRoute{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:calc(var(--bottom-nav-button-height) + env(safe-area-inset-bottom));
    height:auto;
    max-height:none;
    overflow:hidden;
  }
  body.is-mobile-standalone-video .videoTabScroller,
  body.is-mobile-standalone-video .videoTabPane,
  body.is-mobile-standalone-video .videoReelList,
  body.is-mobile-standalone-video .videoReelItem{
    height:100%;
    min-height:100%;
    max-height:100%;
  }
  body.is-mobile-standalone-video .videoReelList{
    overscroll-behavior-y:contain;
  }
  body.is-mobile-standalone-video .videoCaption{
    bottom:34px;
  }
  body.is-mobile-standalone-video .videoProgressWrap{
    bottom:8px;
  }
  body.is-mobile-standalone-video .videoActionRail{
    bottom:92px;
  }
  body.is-mobile-standalone-video .videoReelItem.is-caption-expanded .videoCaption{
    bottom:34px;
  }
}


/* SP v435: chống chớp sáng/tối nhẹ của lớp video trên iPhone A2HS, không đụng tab vuốt ngang. */
@media (max-width:768px){
  body.is-mobile-standalone-video .videoReelItem,
  body.is-mobile-standalone-video .videoReelFrame{
    contain:layout paint size;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  body.is-mobile-standalone-video .videoReelItem__media{
    opacity:1!important;
    transition:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    will-change:auto;
  }
  body.is-mobile-standalone-video .videoCenterControl,
  body.is-mobile-standalone-video .videoProgressTime{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.is-mobile-standalone-video .videoReelItem__shade,
  body.is-mobile-standalone-video .videoCaption,
  body.is-mobile-standalone-video .videoActionRail,
  body.is-mobile-standalone-video .videoTopOverlay{
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
}