.eco-video-wrapper22 { 
    padding: 20px; 
    background: #f0fdf4; 
    border: 2px solid #16a34a; 
    border-radius: 8px; 
}

        .eco-video .linear-card { position: relative; width: 100%; box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.04); }
    .eco-video .video-internal-content {  }
    .eco-video .video-internal-content video { width: 100%; height: 100%; display: block; object-fit: cover; }
        .eco-video .video-timer { position: absolute; top: 15px; right: 15px; background: rgba(0, 0, 0, 0.6); color: #ffffff; padding: 4px 8px; border-radius: 6px; font-size: 12px; font-variant-numeric: tabular-nums; z-index: 10; border: 1px rgba(255, 255, 255, 0.1) solid; backdrop-filter: blur(4px); }
    .eco-video .progress-bar-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: rgba(255, 255, 255, 0.1); z-index: 10; }
    .eco-video .progress-bar-fill { width: 0%; height: 100%; background: linear-gradient(90deg, rgb(238, 170, 0), rgba(238, 170, 0, 0.4)); box-shadow: 0 0 3px rgb(238, 170, 0); transition: width 0.1s linear; }