@charset "utf-8";

.vsl-wrapper { width: 100%; max-width: 900px; margin: 0px auto 30px; padding: 0px 15px; box-sizing: border-box; display: flex; justify-content: center; }

.vsl-container { position: relative; width: 100%; max-width: 100%; background: rgb(0, 0, 0); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

.vsl-container video { width: 100%; height: auto; max-height: 85vh; display: block; object-fit: contain; }

.vsl-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.25); transition: opacity 0.3s; z-index: 10; pointer-events: none; }

.vsl-overlay-badge { background: rgba(220, 38, 38, 0.95); color: rgb(255, 255, 255); padding: 12px 24px; border-radius: 30px; font-size: 16px; font-weight: bold; display: flex; align-items: center; gap: 10px; animation: 1.8s ease 0s infinite normal none running vslPulse; box-shadow: rgba(220, 38, 38, 0.5) 0px 4px 15px; text-align: center; max-width: 85%; }

@keyframes vslPulse { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.vsl-close-fs { display: none; position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); border: 2px solid rgba(255, 255, 255, 0.85); border-radius: 50%; font-size: 22px; font-weight: bold; cursor: pointer; z-index: 99999; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 12px; transition: background 0.2s, transform 0.2s; }

.vsl-close-fs:hover { background: rgba(220, 38, 38, 0.95); transform: scale(1.1); }

.vsl-hidden { opacity: 0; transform: translateY(20px); transition: opacity 0.6s, transform 0.6s; display: none !important; }

.vsl-visible { display: block !important; opacity: 1 !important; transform: translateY(0px) !important; }

@media (max-width: 768px) {
  .vsl-overlay-badge { font-size: 13px; padding: 8px 16px; margin: 0px 10px; }
  .vsl-close-fs { top: 15px; right: 15px; width: 38px; height: 38px; font-size: 18px; }
}