.video-stories-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:20px}@media(min-width:768px){.video-stories-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.video-stories-grid{grid-template-columns:repeat(4,1fr)}}.video-story-item{background:#fff;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;position:relative;transition:box-shadow .3s ease}.video-story-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.15)}.video-story-item[data-video-url=""]{cursor:default}.video-story-item[data-video-url=""]:hover{box-shadow:0 2px 10px rgba(0,0,0,.1)}.video-story-content{height:100%;position:relative}.video-story-image{align-items:center;aspect-ratio:9/16;background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;display:flex;justify-content:center;position:relative;width:100%}.play-button{position:absolute;transition:transform .3s ease,opacity .3s ease;z-index:2}.play-button svg{filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}.video-story-item:hover .play-button{transform:scale(1.15)}.video-story-title{background:rgba(9,56,150,.7);bottom:0;left:0;line-height:1;padding:15px 20px;position:absolute;right:0;z-index:3}.video-story-title h3{color:#fff;display:-webkit-box;font-size:26px;font-weight:600;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;overflow:hidden}.video-story-title p{color:#fff;font-size:18px;font-weight:400;margin:0 0 10px}.load-more-container{margin-top:40px;padding:20px;text-align:center}.load-more-button{background:#093896;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:15px 30px;position:relative;transition:all .3s ease}.load-more-button:hover{background:#0a4cb8;box-shadow:0 4px 15px rgba(9,56,150,.3);transform:translateY(-2px)}.load-more-button:active{transform:translateY(0)}.load-more-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.load-more-button .load-more-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-popup-modal{backdrop-filter:blur(3px);background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;margin:0 auto;max-width:100%!important;position:fixed;top:0;width:100%;z-index:9999}.video-popup-modal.active{align-items:center;animation:fadeIn .3s ease forwards;display:flex!important;justify-content:center}.video-popup-content{animation:scaleIn .3s ease forwards;background:transparent;max-height:90vh;max-width:800px;position:relative;width:90vw}.video-popup-close,.video-popup-content{align-items:center;display:flex;justify-content:center}.video-popup-close{background:rgba(0,0,0,.7);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:45px;line-height:1;position:absolute;right:-10px;top:-50px;transition:all .3s ease;width:45px;z-index:10001}.video-popup-close:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.video-container{background:#000;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.8);overflow:hidden;position:relative;width:100%}.video-wrapper{aspect-ratio:16/9;position:relative;width:100%}.video-wrapper iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(min-width:768px)and (max-width:1023px){.video-popup-content{max-width:90vw;width:85vw}.video-wrapper{aspect-ratio:16/9}}@media(max-width:767px){.video-stories-grid{gap:15px;grid-template-columns:repeat(2,1fr);padding:15px}.video-story-title{padding:12px}.video-story-title h3{font-size:20px}.video-story-title p{font-size:14px}.play-button svg{height:45px;width:45px}.video-popup-content{max-height:85vh;max-width:95vw;width:95vw}.video-popup-close{font-size:20px;height:40px;right:0;top:-45px;width:40px}.video-wrapper{aspect-ratio:16/10}}.video-story-image:before{background:linear-gradient(45deg,#f0f0f0 25%,transparent 0,transparent 75%,#f0f0f0 0,#f0f0f0),linear-gradient(45deg,#f0f0f0 25%,transparent 0,transparent 75%,#f0f0f0 0,#f0f0f0);background-position:0 0,10px 10px;background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.video-story-image[style*=background-image]:before{display:none}