.splide{max-width:1280px;margin:40px auto;padding:0 16px}
.splide__slide{padding:0;display:flex;justify-content:center}
.shorts-card{width:100%;max-width:320px;cursor:pointer}
.shorts-ratio{position:relative;width:99.8%;padding-top:177.78%;background:#000;overflow:hidden;border-radius:12px}
.shorts-thumb,.shorts-iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0}
.shorts-thumb{display:block}
.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}
.modal-overlay{display:none;position:fixed;inset:0;background:#000000d9;z-index:9999;align-items:center;justify-content:center;padding:20px}
.modal-content-vertical{position:relative;width:100%;max-width:300px!important;max-height:90vh;aspect-ratio:9 / 16;background:#000;border-radius:12px;display:flex;align-items:center;justify-content:center}
.video-wrapper-vertical iframe{width:100%;height:100%;border:0;display:block;aspect-ratio:9 / 16;object-fit:cover}
.modal-close{position:absolute;top:-20px;right:-20px;font-size:12px;color:#fff;cursor:pointer;background:transparent;border:none}
.splide__arrow--prev{left:-2em}
.splide__arrow--next{right:-2em}
.splide__arrow svg {fill:#FFF;height:1em;width:1em}
.splide__arrow {background:#aaabaa}
.splide__arrow:hover:not(:disabled){opacity:1;background:#f71e47}
@media (max-width: 420px) {
.modal-content-vertical{max-width:calc(100vw - 32px)}
}