/* ============================================================
   图文介绍模块视频样式 - Qiye Child Theme
   section-video.css
   ============================================================ */

/*
 * 只对包含视频的媒体列生效，不影响文字列
 * class "section-media-col" 由模板 PHP 在视频模式下动态添加
 */
.section-text-image .ht_grid_1_2.section-column.section-media-col {
    position: relative;
    overflow: hidden;
    min-height: 300px;
}

/* 视频元素：绝对定位填满容器 */
.section-text-image .section-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* ============================================================
   移动端响应式
   ============================================================ */

@media only screen and (max-width: 767px) {
    .section-text-image .ht_grid_1_2.section-column.section-media-col {
        min-height: 220px;
    }
}

@media only screen and (max-width: 479px) {
    .section-text-image .ht_grid_1_2.section-column.section-media-col {
        min-height: 180px;
    }
}

/* iOS Safari 视频播放兼容 */
@supports (-webkit-touch-callout: none) {
    .section-text-image .section-video {
        -webkit-object-fit: cover;
    }
}