/* Product system overview video — V52.21
   Immersive viewport film + seamless footer handoff. */
.yf-system-video-section{padding-bottom:0!important;overflow:visible!important;max-width:none!important;padding-left:0!important;padding-right:0!important;}
.yf-system-video-section .dtlDataTitle{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;}
.yf-system-film{position:relative;width:100vw;max-width:none;left:50%;right:50%;margin:0 -50vw;background:#000;overflow:hidden;}
.yf-system-film-shell{position:relative;width:100%;height:100svh;min-height:560px;background:#000;overflow:hidden;}
.yf-system-film video{display:block;width:100%;height:100%;max-height:none!important;min-height:0!important;object-fit:cover;object-position:center center;background:#000;}
.yf-system-film-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.07) 64%,rgba(0,0,0,.20));}
.yf-system-film-play{pointer-events:auto;appearance:none;width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.10);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease,opacity .25s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.yf-system-film-play:hover{transform:translateY(-2px);background:rgba(255,255,255,.18);}
.yf-system-film-play.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}
.yf-system-film-play-icon{display:block;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #fff;margin-left:4px;}
.yf-system-film-stop-wrap{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4;pointer-events:none;}
.yf-system-film-stop{appearance:none;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.72);background:rgba(0,0,0,.42);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,background .25s ease;}
.yf-system-film-stop.is-visible{opacity:1;visibility:visible;pointer-events:auto;}
.yf-system-film-stop:hover{background:rgba(0,0,0,.58);transform:translateY(-2px);}
.yf-system-film-stop-icon{display:block;width:15px;height:15px;background:#fff;border-radius:2px;}

/* Video is the last product-detail media: remove the legacy 50px footer gap. */
.bottomMenu .bottomDiv{margin-top:0!important;}

/* During the immersive system film, retract every fixed white navigation layer. */
.topMenu,.subMenu,.dtlProducts .dtlTitle.scrollC{
  will-change:transform,opacity;
  transition:transform .46s cubic-bezier(.22,.61,.36,1),opacity .32s ease!important;
}
html.yf-system-film-immersive .topMenu,
html.yf-system-film-immersive .subMenu,
html.yf-system-film-immersive .dtlProducts .dtlTitle.scrollC{
  transform:translate3d(0,-115%,0)!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media(max-width:767px){
  .yf-system-film-shell{height:100svh;min-height:480px;}
  .yf-system-film-play{width:58px;height:58px;}
  .yf-system-film-play-icon{border-top-width:10px;border-bottom-width:10px;border-left-width:15px;}
  .yf-system-film-stop-wrap{bottom:16px;}
  .yf-system-film-stop{width:48px;height:48px;}
}
@media(prefers-reduced-motion:reduce){
  .yf-system-film-play,.yf-system-film-stop,.topMenu,.subMenu,.dtlProducts .dtlTitle.scrollC{transition:none!important;}
}