.video-gallery-wrapper{padding:0;background:#fff}.video-gallery-header{text-align:center;margin-bottom:40px}.video-gallery-title{font-family:Poppins,sans-serif;font-weight:700;font-size:32px;line-height:1.2;color:#000;margin:0 0 16px}.video-gallery-subtitle{font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#666;margin:0}.video-gallery{margin-bottom:30px;display:flex;gap:20px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.video-gallery::-webkit-scrollbar{display:none}.video-block{width:100%;border-radius:16px;overflow:hidden;background:#fff}.video-block__container{width:100%}.video-block__video{position:relative;width:100%;background:#d9d9d9;border-radius:16px;overflow:hidden}.video-block__video .video{width:100%;height:0;position:relative;background:#d9d9d9}.video-aspect-ratio-16-9{padding-bottom:56.25%}.video-aspect-ratio-4-3{padding-bottom:75%}.video-aspect-ratio-1-1{padding-bottom:100%}.video video{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;object-fit:cover;border-radius:16px}.video video[data-html5-video]{display:block}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f5f5;border:2px dashed #ccc;border-radius:16px;display:flex;align-items:center;justify-content:center}.video-placeholder-content{text-align:center;color:#999;font-family:Poppins,sans-serif;font-size:14px}.video-placeholder-content p{margin:0}.video-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#d9d9d9;border-radius:16px;overflow:hidden}.video-cover img{width:100%;height:100%;object-fit:cover;border-radius:16px}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000001a;border-radius:16px}.video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:16px;z-index:10}.video-play-button{position:relative;width:80px;height:80px;border:none;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #0003;z-index:9999!important;pointer-events:auto!important}.video-play-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 12px 32px #0000004d}.video-play-button .icon-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;fill:#000;z-index:2}.video-play-button .icon-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;opacity:0;transition:opacity .3s ease;z-index:1}.video-play-button.loading .icon-play{opacity:0}.video-play-button.loading .icon-loading{opacity:1}.video-block__content{padding:24px 0 0}.video-block__main-title{font-family:Poppins,sans-serif;font-weight:600;font-size:20px;line-height:1.6;color:#000;margin:0 0 8px}.video-block__subtitle{font-family:Poppins,sans-serif;font-weight:500;font-size:12px;line-height:1.67;letter-spacing:.05em;color:#33363f;margin:0}@media screen and (max-width: 768px){.video-gallery-wrapper{padding:0 13px;overflow:hidden}.video-gallery{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-right:13px}.video-gallery::-webkit-scrollbar{display:none}.video-gallery:after{display:none}.video-gallery__item{flex:0 0 calc(100vw - 52px);width:calc(100vw - 52px);min-width:280px;max-width:353.58px}.video-block{width:100%;height:100%}.video-block__video{height:198.89px}.video-block__video .video-aspect-ratio-16-9{padding-bottom:0;height:198.89px}.video-block__content{padding:23.4px 0 0}.video-block__main-title{font-size:20px;line-height:1.6;margin-bottom:13.6px}.video-block__subtitle{font-size:12px;line-height:1.67;letter-spacing:.05em;max-width:100%}.video-play-button{width:70px;height:70px}.video-play-button .icon-play{width:42px;height:42px;transform:translate(-50%,-50%)}.video-play-button .icon-loading{width:40px;height:40px}}@media screen and (max-width: 375px){.video-gallery-wrapper{padding:0 10px}.video-gallery{gap:6px;padding-right:10px}.video-gallery__item{flex:0 0 calc(100vw - 46px);width:calc(100vw - 46px);min-width:260px;max-width:320px}.video-block__video,.video-block__video .video-aspect-ratio-16-9{height:180px}.video-block__content{padding:20px 0 0}.video-block__main-title{font-size:18px;line-height:1.5;margin-bottom:12px}.video-block__subtitle{font-size:11px;line-height:1.6}.video-play-button{width:60px;height:60px}.video-play-button .icon-play{width:36px;height:36px}.video-play-button .icon-loading{width:34px;height:34px}}@media screen and (min-width: 769px){.video-gallery-wrapper{overflow:hidden;max-width:var(--layout-container-max-width, 1400px)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--layout-container-gutter, 25px)!important;padding-right:var(--layout-container-gutter, 25px)!important}.video-gallery{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px;width:100%;max-width:100%;overflow-x:visible!important;overflow-y:visible!important;scroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important;scrollbar-width:auto!important;-ms-overflow-style:auto!important}.video-gallery::-webkit-scrollbar{display:auto!important}.video-gallery:after{display:none!important}.video-gallery__item{width:100%!important;min-width:0!important;flex:none!important}.video-block{width:100%}.video-block__video{height:auto;aspect-ratio:16/9}.video-block__video .video-aspect-ratio-16-9{padding-bottom:56.25%}.video-block__content{padding:28px 0 0}.video-block__main-title{font-size:32px;line-height:1;margin-bottom:22px}.video-block__subtitle{font-size:16px;line-height:1.625;letter-spacing:.05em}}@media screen and (min-width: 1201px){.video-gallery-wrapper{padding:0 40px}.video-gallery{gap:24px}}@media screen and (min-width: 1920px){.video-gallery-wrapper{padding:0 40px}.video-gallery{gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/video-gallery.css.map */