.short-videos-section{margin:20px 0;display:none}.short-videos-section.show__desktop{display:block}.short-videos-section.show__mobile{display:none}.short-videos-section.show__both{display:block}@media (max-width: 768px){.short-videos-section.show__desktop{display:none}.short-videos-section.show__mobile{display:block}}.short-videos-section .section__header{margin-bottom:20px}.short-videos-section .section__heading{font-size:24px;font-weight:700;margin:0}.short-videos-section .text-left{text-align:left}.short-videos-section .text-center{text-align:center}.video-thumbnails-container{display:flex;gap:var(--column-gap, 20px);flex-wrap:wrap;justify-content:flex-start}@media (max-width: 768px){.video-thumbnails-container{gap:var(--column-gap-mobile, 10px)}}.video-thumbnail-circle{width:90px;height:130px;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;background:#f0f0f0;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.video-thumbnail-circle:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.video-thumbnail-circle video{width:100%;height:100%;object-fit:cover}.video-thumbnail-circle img{width:100%;height:100%;object-fit:cover}.video-thumbnail-circle .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.6);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:1}.video-thumbnail-circle:hover .play-overlay{background:#ffffffe6;transform:translate(-50%,-50%) scale(1.1)}.video-thumbnail-circle .play-icon{color:#fff9;font-size:12px;margin-left:2px}.video-thumbnail-circle:hover .play-icon{color:#000000e6}.play-icon{width:10px;margin:2px 0 0}.container-short-videos{width:100%;margin:0 0 50px}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;z-index:999999;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.video-overlay.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-container{position:relative;width:90%;max-width:400px;height:90%;max-height:800px;aspect-ratio:9/16}.video-popup{position:relative;width:100%;height:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.close-video{position:absolute;top:15px;right:15px;z-index:10000;cursor:pointer;border:2px solid rgba(255,255,255,.6);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .3s ease;outline:none}.close-video:hover{background:#ffffffe6;transform:scale(1.1)}.close-video svg{width:18px;height:18px}.close-video:hover svg{fill:#000}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#popup-video{width:100%;height:100%;object-fit:cover}video::-webkit-media-controls{display:none!important}video::-moz-media-controls{display:none!important}video::--media-controls{display:none!important}@media (max-width: 768px){.video-container{width:95%;max-width:350px;max-height:700px}.video-thumbnails-container{justify-content:center}}@media (max-width: 480px){.video-container{width:98%;max-width:300px;max-height:600px}.video-thumbnail-circle{width:80px;height:115px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/short-videos.css.map */