.custom-ad-slot{width:100%;max-width:100%;overflow:hidden;clear:both;margin:16px 0;text-align:center}
.custom-ad-slot[hidden],.custom-preroll[hidden]{display:none!important}
.custom-ad-slot iframe{display:block;width:100%;height:280px;border:0}
.custom-drive-player{display:block;width:100%;aspect-ratio:16/9;position:relative;background:#000}
.custom-drive-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.primary:has(>.custom-preroll[data-active="1"]:not([hidden]))>.mainVideo{display:none!important}
.custom-preroll{background:#101010;color:white;border-radius:8px;padding:12px;width:100%;max-width:100%}
.custom-preroll-body{width:100%;aspect-ratio:16/9;position:relative;background:#000;display:flex;align-items:center;justify-content:center}
.custom-preroll-body iframe,.custom-preroll-body video{width:100%;height:100%;border:0;position:absolute;inset:0}
.custom-preroll-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
@media(max-width:767px){
 .custom-home[data-mobile-columns="1"] .video-wrapper>.video-item,.custom-home[data-mobile-columns="1"] .video-item-wrapper>.video-item{width:100%!important;min-width:0}
 .custom-home[data-mobile-columns="2"] .video-wrapper,.custom-home[data-mobile-columns="2"] .video-item-wrapper{gap:12px}
 .custom-home[data-mobile-columns="2"] .video-wrapper>.video-item,.custom-home[data-mobile-columns="2"] .video-item-wrapper>.video-item{width:calc(50% - 6px)!important;min-width:0}
 .custom-home[data-mobile-columns="2"] .video-item__content{padding:8px}
 .custom-home[data-mobile-columns="2"] .video-item .title{font-size:13px;overflow-wrap:anywhere}
 .custom-home[data-mobile-columns="2"] .video-item .meta{flex-wrap:wrap;font-size:11px}
}

.custom-watch-ad-mobile{display:none}
@media(max-width:767px){.custom-watch-ad-mobile{display:block}.custom-watch-ad-desktop{display:none}}

/* The watch player also carries the thumbnail class, whose phone rule caps
   height at 183px. Let the actual player determine its complete height. */
.play-video .primary .primary__videoPlayer.mainVideo{max-height:none;height:auto;min-width:0}
.mainVideo .plyr{width:100%;max-width:100%}
.mainVideo .plyr__video-wrapper video,.custom-preroll-body video{object-fit:contain}
@media(max-width:575px){
 .mainVideo .plyr--video .plyr__controls{padding:20px 8px 8px;gap:3px}
 .mainVideo .plyr__controls>[data-plyr="rewind"],.mainVideo .plyr__controls>[data-plyr="fast-forward"],.mainVideo .plyr__controls>[data-plyr="pip"],.mainVideo .plyr__controls>.plyr__time--duration{display:none}
 .mainVideo .plyr__controls>.plyr__progress__container{min-width:0;flex:1}
}