.elementor-3974 .elementor-element.elementor-element-9d9590b > .elementor-background-overlay{background-image:url("https://walavapes.com/wp-content/uploads/2022/10/noise_l1.png");opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3974 .elementor-element.elementor-element-9d9590b > .elementor-container{min-height:62vh;}.elementor-3974 .elementor-element.elementor-element-9d9590b{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3974 .elementor-element.elementor-element-9d9590b .elementor-background-overlay{filter:brightness( 0% ) contrast( 100% ) saturate( 0% ) blur( 0.5px ) hue-rotate( 0deg );}.elementor-3974 .elementor-element.elementor-element-08c4c48 .ms-tt__text{font-size:4vw;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-3974 .elementor-element.elementor-element-08c4c48 .ms-tt-wrap{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;-webkit-transform:rotate(0deg);}.elementor-3974 .elementor-element.elementor-element-08c4c48 .ms-tt{animation-duration:300s;}.elementor-3974 .elementor-element.elementor-element-08c4c48 .ms-tt__text span{font-family:"Spartan", Sans-serif;font-size:3.5vw;font-weight:900;letter-spacing:7.2px;color:#FFFFFF00;-webkit-text-stroke-color:#EF5D39;-webkit-text-stroke-width:2px;}.elementor-3974 .elementor-element.elementor-element-7e69bc5{--display:flex;}@media(min-width:768px){.elementor-3974 .elementor-element.elementor-element-7e69bc5{--content-width:100%;}}/* Start custom CSS for section, class: .elementor-element-9d9590b *//*
 * ==========================================================
 * 强制 Elementor 背景视频在手机端显示为 16:9 比例 (Contain 效果)
 * 目标 Section ID: 9d9590b
 * ==========================================================
 */

/* ----------------------------------------------------------
 * 1. 通用重置 (保持您的 Cover 效果设置，但在移动端会被覆盖)
 * ---------------------------------------------------------- */
.elementor-section.elementor-element-9d9590b {
    /* 防止视频溢出时出现滚动条 */
    overflow: hidden !important; 
    /* 确保容器的相对定位用于绝对定位的子元素 */
    position: relative !important;
}

/* ----------------------------------------------------------
 * 2. 移动端 Media Query (通常 Elementor 的移动端断点为 767px 及以下)
 * ---------------------------------------------------------- */
@media (max-width: 767px) {
    
    /* 2.1. 主 Section：使用 padding-bottom 技巧强制 16:9 比例 */
    .elementor-section.elementor-element-9d9590b {
        /* 移除 Elementor 默认或设置的垂直间隔 */
        padding-top: 0 !important;
        
        /* 强制 Section 高度为 0，min-height 为 0 */
        height: 0 !important;
        min-height: 0 !important;
        
        /* 设置 padding-bottom 来创建 16:9 的高宽比 (9 / 16 = 0.5625 = 56.25%) */
        padding-bottom: 56.25% !important; 
    }

    /* 2.2. 视频容器和背景叠加层：绝对定位并填满 16:9 的空间 */
    .elementor-element-9d9590b .elementor-background-video-container,
    .elementor-element-9d9590b .elementor-background-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        /* 确保视频容器位于叠加层和内容下方 */
        z-index: 0;
    }
    
    .elementor-element-9d9590b .elementor-background-overlay {
        z-index: 1; /* 叠加层在视频上方 */
    }


    /* 2.3. iFrame 视频本身：填满容器，移除 Cover 效果的拉伸和居中定位 */
    .elementor-element-9d9590b .elementor-background-video-embed {
        /* 填满 16:9 容器 */
        width: 100% !important;
        height: 100% !important;
        
        /* 移除您之前为 Cover 效果设置的强制尺寸和转换 */
        max-width: 100% !important;
        max-height: 100% !important;
        transform: none !important;
        top: 0 !important;
        left: 0 !important;
    }
    
    /* 2.4. 内容容器 (.elementor-container)：绝对定位，覆盖在视频上方 */
    .elementor-section.elementor-element-9d9590b > .elementor-container {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 2; /* 确保内容位于最上层 */
        
        /* 恢复 Elementor 的 flex 布局，以正确对齐内容 (elementor-section-items-bottom) */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* 使内容靠底对齐 */
    }
}/* End custom CSS */