.st_pro_videos_box{
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
.st_pro_videos_box > .stpv-video-loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(255,255,255,.94);color:#333;text-align:center;font-size:16px;line-height:1.5;pointer-events:none;}
.st_pro_videos_box > .stpv-video-loading-notice{inset:0 0 auto;padding:8px;font-size:14px;}
.pro_video_cover_invisible .pro_gallery_thumb, .hightlight_curr_thumbs .pro_video_cover_invisible.clicked_thumb .pro_gallery_thumb, .st_pro_videos_placeholder, .st_pro_video_thumb_invisiable .thumb,.st_pro_video_no_image_thumb{
  opacity: 0;
}
.pro_video_cover_invisible .pro_gallery_thumb_box{
  border: none;
}
.st_pro_video_btn:focus,.st_pro_videos_box .video-js button:focus{
outline: none;
}
.st_pro_videos.video-js{position: static;}
.st_pro_video_btn{
  position: absolute;
  left: 50%;
  margin-left: -18px;
  bottom: 20px;
  cursor: pointer;
  z-index: 10;
  outline: none;
  border:none;
  background: transparent;
  text-align: center;
  padding: 0;
}
.st_pro_video_btn .vjs-icon-placeholder{
  display: inline-block;
  width:36px;
  height: 36px;
  line-height: 36px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  border-radius: 100%;
  padding: 0;
  border:none;
  border-style: solid;
  border-width: 0;
  font-size: 30px;
}
.st_play_video_text{display: block;}
.st_pro_video_close{position:absolute;right:12px;top:12px;left:auto;bottom:auto;width:40px;height:40px;margin:0;padding:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(0,0,0,.72);color:#fff;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.st_pro_video_close:hover,.st_pro_video_close:focus{background:#000;color:#fff;outline:2px solid #fff;outline-offset:2px}
.st_pro_video_close_icon{display:block;font-family:Arial,sans-serif;font-size:30px;font-weight:400;line-height:32px;transform:translateY(-1px)}
.pro_gallery_thumbs_container .st_pro_video_play,
.st_pro_video_play_on_first_thumb,
.st_pro_video_play_icon{
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
  bottom: auto;
}
.st_pro_video_btn .vjs-icon-placeholder:before{
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; 
  content: "\f101";
}
.st_pro_video_play{position: absolute;z-index: 10;}
.st_pro_video_flex{display:-webkit-box;display:-moz-box;display:box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center}
.st_pro_videos_invisible{display: none;}

body#product .product-images.stpv-product-images-scope>li.thumb-container{position: relative;}
.st_pro_video_relative{
  position: relative;
}
.st_pro_video_layer{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
.st_pro_videos_box .vjs-youtube-mobile .vjs-big-play-button { display: none!important; }
.st_pro_videos_box .vjs-youtube-mobile .vjs-resize-manager { display: none!important; }
.st_pro_videos_controls_youtube .js-youtube .vjs-poster{display:none;}
.st_pro_video_miaoshu{margin-bottom: 30px;}
.st_pro_video_miaoshu .st_pro_videos_invisible{display: block;}
.st_pro_video_miaoshu .st_pro_videos_box{position: relative;}
#product-images-large.stpv-gallery-scope .slick-slide{position:relative;} /*for warehouse theme*/
/* PrestaShop 9.1 Hummingbird */
body#product .product__images.stpv-product-images-scope{position:relative;}
body#product .stpv-product-images-scope .js-product-carousel .carousel-item,body#product .js-product-carousel.stpv-gallery-scope .carousel-item{position:relative;}
body#product .stpv-product-images-scope .js-product-carousel .st_pro_video_carousel_item,body#product .js-product-carousel.stpv-gallery-scope .st_pro_video_carousel_item{min-height:320px;}
body#product .stpv-product-images-scope .js-product-carousel .st_pro_video_carousel_item .st_pro_videos_box,body#product .js-product-carousel.stpv-gallery-scope .st_pro_video_carousel_item .st_pro_videos_box{z-index:9;}
body#product .stpv-product-images-scope .js-product-carousel .carousel-control-prev,body#product .stpv-product-images-scope .js-product-carousel .carousel-control-next,body#product .js-product-carousel.stpv-gallery-scope .carousel-control-prev,body#product .js-product-carousel.stpv-gallery-scope .carousel-control-next{z-index:20;}
/* The full-height carousel arrows must not intercept the native zoom button. */
body#product .stpv-product-images-scope .js-product-carousel > .product__zoom,body#product .js-product-carousel.stpv-gallery-scope > .product__zoom{z-index:21;}
body#product .product__thumbnails-item.st_pro_video_thumbnail .product__thumbnail{position:relative;display:block;width:100%;}
body#product .product__thumbnails-item.st_pro_video_thumbnail .st_pro_video_play_icon{inset:auto;margin:0;padding:0;}
body#product .product__thumbnails-item.st_pro_video_thumbnail .vjs-icon-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
@media (max-width:767px){body#product .stpv-product-images-scope .js-product-carousel .st_pro_video_carousel_item,body#product .js-product-carousel.stpv-gallery-scope .st_pro_video_carousel_item{min-height:240px;}}
/* Shortcodes */
/* Reuse product players inside Hummingbird's existing modal. */
.stpv-product-modal .stpv-modal-video{position:relative;height:70vh;min-height:280px;}
.stpv-product-modal .stpv-modal-video .st_pro_videos_box{position:absolute;inset:0;}
.stpv-product-modal .stpv-modal-video .st_pro_video_close{display:none;}
.stpv-product-modal .carousel-control-prev,.stpv-product-modal .carousel-control-next{z-index:20;top:calc(50% - 24px);bottom:auto;height:48px;}
.stpv-shortcode{margin:16px 0;padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff;max-width:100%;}
.stpv-shortcode-title{font-weight:600;margin-bottom:10px;}
.stpv-shortcode-loading,.stpv-shortcode-empty,.stpv-shortcode-error{padding:16px;border-radius:10px;background:#f7f7f7;font-size:14px;}
.stpv-player{width:100%;}
.stpv-embed-wrap,.stpv-html5-wrap{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:12px;background:#000;}
.stpv-embed-wrap iframe,.stpv-html5-wrap video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.stpv-embed-tiktok{padding-top:177.78%;max-width:420px;margin:0 auto;}
.stpv-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.stpv-thumb{position:relative;width:88px;height:88px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:10px;overflow:hidden;background:#fafafa;cursor:pointer;}
.stpv-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.stpv-thumb.is-active{outline:2px solid #111;outline-offset:1px;}
.stpv-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;color:#555;padding:6px;text-align:center;}
.stpv-thumb-play{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;}
.stpv-shortcode[data-columns="2"] .stpv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.stpv-shortcode[data-columns="3"] .stpv-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.stpv-shortcode[data-columns="4"] .stpv-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.stpv-layout-grid .stpv-grid,
.stpv-layout-list .stpv-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.stpv-card{border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.stpv-layout-list .stpv-card{display:grid;grid-template-columns:minmax(120px,220px) 1fr;align-items:start;}
.stpv-card-thumb{aspect-ratio:16/9;background:#f7f7f7;overflow:hidden;}
.stpv-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.stpv-card-body{padding:12px;display:flex;flex-direction:column;gap:10px;}
.stpv-card-title{font-weight:600;line-height:1.3;}
.stpv-layout-grid .stpv-embed-wrap,.stpv-layout-grid .stpv-html5-wrap,
.stpv-layout-list .stpv-embed-wrap,.stpv-layout-list .stpv-html5-wrap{border-radius:10px;}
@media (max-width:991px){
  .stpv-shortcode[data-columns="4"] .stpv-grid,
  .stpv-shortcode[data-columns="3"] .stpv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
  .stpv-shortcode[data-columns] .stpv-grid{grid-template-columns:1fr;}
  .stpv-layout-list .stpv-card{grid-template-columns:1fr;}
  .stpv-thumb{width:72px;height:72px;}
}


/* TikTok player */
.st_pro_tiktok_embed{width:100%;height:100%;display:block;border:0;background:#fff;}
.st_pro_tiktok_frame{position:relative;width:100%;height:100%;background:#fff;overflow:hidden;aspect-ratio:9/16;max-width:100%;margin:0 auto;}
.st_pro_tiktok_frame iframe{width:100%;height:100%;border:0;display:block;}
.st_pro_video_tiktok_box{background:#fff;}
.st_pro_video_tiktok_box.st_pro_videos_box .st_pro_tiktok_frame{height:100%;}
@media (max-width: 767px){.st_pro_tiktok_frame{aspect-ratio:9/16;}}