.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:50}.modal-container{background:white;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:60%;width:90%;text-align:center}@media (max-width: 768px){.modal-container{max-width:85%}}.modal-container{max-height:90vh;overflow-y:auto}.media-block{margin-top:12px}.video-slider{position:relative;width:100%;overflow:hidden;border-radius:8px}.video-track{display:flex;transition:transform .4s ease-in-out}.video-frame-wrap{position:relative;width:100%;flex:0 0 100%;aspect-ratio:16 / 9;background:#000}.video-frame-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.slider-nav{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:12px}.slider-btn{border:none;padding:8px 12px;border-radius:6px;cursor:pointer;background:#f3f4f6}.slider-btn:disabled{opacity:.5;cursor:not-allowed}.slider-dots{display:flex;gap:6px;justify-content:center;flex:1}.slider-dot{width:8px;height:8px;border-radius:999px;background:#e5e7eb}.slider-dot.active{background:#3b82f6}.modal-image{max-width:100%;margin-top:12px;border-radius:8px;display:block}