.video-thumbnail {
            position: relative;
        }

            .video-thumbnail video {
                border-radius: 10px 10px 0 0;
                display: block;
                background-color: #000;
            }

            .video-thumbnail .play-button {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 60px;
                height: 60px;
                background: rgba(255,255,255,0.9);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--theme-color);
                font-size: 20px;
                cursor: pointer;
                transition: all 0.3s ease;
            }

            /* مخفی کردن کنترل‌های ویدئو در حالت عادی */
            .video-thumbnail video::-webkit-media-controls {
                display: none;
            }

            /* نمایش کنترل‌ها هنگام هاور */
            .video-thumbnail:hover video::-webkit-media-controls {
                display: flex;
            }