.vc-314b5cef-wrapper { position: relative; overflow: hidden; width: 100%; padding: 10px 0; }
.vc-314b5cef-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 15px; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 10px; }
.vc-314b5cef-track::-webkit-scrollbar { display: none; }
.vc-314b5cef-item { flex: 0 0 280px; scroll-snap-align: start; position: relative; cursor: pointer; border-radius: 12px; overflow: hidden; background-color: #222; background-size: cover; background-position: center; aspect-ratio: 9/16; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: transform 0.3s ease; }
.vc-314b5cef-item:hover { transform: translateY(-4px); }
.vc-314b5cef-profile { position: absolute; top: 15px; left: 15px; display: flex; align-items: center; gap: 8px; z-index: 10; background: rgba(0,0,0,0.6); padding: 6px 12px; border-radius: 20px; backdrop-filter: blur(4px); }
.vc-314b5cef-profile img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.vc-314b5cef-profile span { color: #fff; font-size: 14px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 150px; }
.vc-314b5cef-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 40px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); opacity: 0.8; transition: opacity 0.3s; z-index: 5; }
.vc-314b5cef-item:hover .vc-314b5cef-play { opacity: 1; }

/* Full screen Modal mimicking Instagram / TikTok vertical swipes with cropped UI */
.vc-314b5cef-modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000; z-index: 999999; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.vc-314b5cef-modal.active { opacity: 1; pointer-events: all; }
.vc-314b5cef-modal-close { position: absolute; top: 20px; right: 20px; color: #fff; font-size: 40px; cursor: pointer; background: rgba(0,0,0,0.6); border: none; z-index: 1000002; padding: 5px 15px; border-radius: 50%; line-height: 1; transition: background 0.2s; }
.vc-314b5cef-modal-close:hover { background: rgba(255,255,255,0.3); }

.vc-314b5cef-modal-content-wrapper { width: 100%; height: 100vh; display: flex; justify-content: center; background: #000; }
.vc-314b5cef-modal-scroll-area { width: 100%; max-width: 450px; height: 100vh; overflow-y: scroll; scroll-snap-type: y mandatory; scrollbar-width: none; -ms-overflow-style: none; }
.vc-314b5cef-modal-scroll-area::-webkit-scrollbar { display: none; }

.vc-314b5cef-modal-slide { width: 100%; height: 100vh; scroll-snap-align: start; display: flex; justify-content: center; align-items: center; position: relative; background: #000; box-sizing: border-box; overflow: hidden; }

/* Clean-cut viewport container to crop platform headers/footers out of the view */
.vc-314b5cef-video-crop-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 85vh;
    aspect-ratio: 9/16;
    overflow: hidden;
    border-radius: 16px;
    background: #000;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Aggressive Crop-zoom effect to hide header/footer/interaction controls in Instagram/TikTok native embeds */
.vc-314b5cef-modal-slide iframe {
    position: absolute;
    top: -12%;
    left: -12%;
    width: 124%;
    height: 124%;
    border: none;
    background: #000;
    pointer-events: none; /* Avoid accidental clicks pausing or opening native apps */
}

body.vc-314b5cef-prevent-scroll { overflow: hidden !important; touch-action: none; }