.video-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin:0 auto;padding:8px}@media(max-width:768px){.video-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:8px}.video-wrap{scroll-snap-align:center;flex:0 0 65%;max-width:150px}}.video-wrap{position:relative;width:100%;aspect-ratio:4/5;border-radius:25px;overflow:hidden;background:#000;cursor:pointer;transition:transform .2s,box-shadow .2s;will-change:transform}.video-wrap:hover{transform:scale(1.05);box-shadow:0 8px 16px #0000004d}.video-wrap video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#00000073;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:2}.play-badge svg{width:24px;height:24px;fill:#fff;margin-left:3px}.video-wrap.autoplay-blocked .play-badge{display:flex}.fullscreen-indicator{position:absolute;bottom:8px;right:8px;width:32px;height:32px;background:#ffffffe6;border-radius:8px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.fullscreen-indicator svg{width:18px;height:18px}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;justify-content:center;align-items:center;animation:fadeIn .3s ease}.video-modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;width:90%;max-width:500px;aspect-ratio:9/16;background:#000;border-radius:25px;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-content video{width:100%;height:100%;object-fit:cover;display:block}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;z-index:11;opacity:0;pointer-events:none;transition:opacity .2s}.loading-spinner.visible{opacity:1}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:24px;color:#000;line-height:1;padding:0;transition:background .2s,transform .2s;pointer-events:auto}.close-btn:hover{background:#fff;transform:scale(1.1)}.fullscreen-btn{position:absolute;bottom:16px;right:16px;padding:12px 20px;background:#ffffffe6;border:none;border-radius:8px;cursor:pointer;z-index:10;font-size:14px;font-weight:600;color:#000;display:flex;align-items:center;gap:8px;transition:background .2s,transform .2s,opacity .2s;pointer-events:auto;will-change:transform,opacity}.fullscreen-btn:hover{background:#fff;transform:scale(1.05)}.fullscreen-btn.hidden{opacity:0;pointer-events:none}.fullscreen-btn svg{width:20px;height:20px}.sound-indicator{position:absolute;top:16px;left:16px;padding:8px 12px;background:#ffffffe6;border:none;border-radius:8px;font-size:12px;font-weight:600;color:#000;display:flex;align-items:center;gap:6px;z-index:10;cursor:pointer;pointer-events:auto;transition:background .2s,transform .2s}.sound-indicator:hover{background:#fff;transform:scale(1.05)}.sound-indicator svg{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/60/assets/mfs-video-modal.css.map */