.video-gallery-section{padding-block-start:var(--padding-top, 48px);padding-block-end:var(--padding-bottom, 48px);padding-inline:16px}@media screen and (min-width: 750px){.video-gallery-section{padding-inline:40px}}@media screen and (min-width: 990px){.video-gallery-section{padding-inline:5rem}}.video-gallery__header{text-align:center;margin-bottom:40px}.video-gallery__title{margin:0 0 12px;color:var(--color-foreground)}.video-gallery__subtitle{margin:0;color:var(--color-foreground);opacity:.7;font-size:1.1rem;max-width:600px;margin-inline:auto}.video-gallery__grid{display:grid;grid-template-columns:repeat(var(--video-columns, 2),1fr);gap:var(--video-gap, 24px)}@media screen and (max-width: 1024px){.video-gallery__grid{grid-template-columns:repeat(var(--video-columns-tablet, 2),1fr)}}@media screen and (max-width: 640px){.video-gallery__grid{grid-template-columns:repeat(var(--video-columns-mobile, 1),1fr)}}.video-gallery__card{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:inherit}.video-gallery__item{position:relative}.video-gallery__thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--video-radius, 16px);overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.video-gallery__card:hover .video-gallery__thumbnail{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.video-gallery__card:active .video-gallery__thumbnail{transform:translateY(-2px) scale(1.01)}.video-gallery__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.video-gallery__card:hover .video-gallery__thumbnail img{transform:scale(1.08)}.video-gallery__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d}.video-gallery__placeholder svg{width:64px;height:64px}.video-gallery__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.4) 100%);transition:background .3s ease}.video-gallery__card:hover .video-gallery__overlay{background:linear-gradient(to bottom,#0000001a,#0003,#00000080)}.video-gallery__play-button{width:68px;height:48px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.video-gallery__play-button svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.video-gallery__play-bg{fill:#212121e6;transition:fill .3s ease}.video-gallery__play-icon{fill:#fff}.video-gallery__card:hover .video-gallery__play-button{transform:scale(1.15)}.video-gallery__card:hover .video-gallery__play-bg{fill:#c00}.video-gallery__play-button--custom{width:80px;height:80px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease}.video-gallery__play-button--custom svg{width:32px;height:32px;margin-left:4px;fill:var(--color-primary, #333)}.video-gallery__card:hover .video-gallery__play-button--custom{transform:scale(1.1);background:#fff}.video-gallery__info{padding:16px 4px}.video-gallery__item-title{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--color-foreground);line-height:1.4;transition:color .3s ease}.video-gallery__card:hover .video-gallery__item-title{color:var(--color-primary, #cc0000)}.video-gallery__item-description{margin:0;font-size:.9rem;color:var(--color-foreground);opacity:.7;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-modal.is-open{opacity:1;visibility:visible}.video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.video-modal__container{position:relative;width:100%;max-width:1200px;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.4,0,.2,1)}.video-modal.is-open .video-modal__container{transform:scale(1) translateY(0)}.video-modal__close{position:absolute;top:-50px;right:0;width:44px;height:44px;padding:0;border:none;background:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .3s ease;z-index:10}.video-modal__close:hover{background:#fff3;transform:rotate(90deg)}.video-modal__close svg{width:24px;height:24px}.video-modal__content{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 25px 50px -12px #00000080}.video-modal__player{position:relative;width:100%;padding-bottom:56.25%;background:#000}.video-modal__player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media screen and (max-width: 768px){.video-gallery__header{margin-bottom:24px}.video-gallery__title{font-size:1.5rem}.video-gallery__subtitle{font-size:1rem}.video-gallery__play-button{width:56px;height:40px}.video-modal{padding:10px}.video-modal__close{top:-44px;right:0;width:40px;height:40px}.video-modal__close svg{width:20px;height:20px}.video-modal__content{border-radius:12px}.video-gallery__info{padding:12px 0}.video-gallery__item-title{font-size:1rem}.video-gallery__item-description{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.video-gallery__thumbnail,.video-gallery__thumbnail img,.video-gallery__play-button,.video-modal,.video-modal__container,.video-modal__close{transition:none}}.video-gallery__thumbnail{background:linear-gradient(135deg,color-mix(in srgb,var(--color-foreground) 10%,transparent),color-mix(in srgb,var(--color-foreground) 5%,transparent))}
/*# sourceMappingURL=/cdn/shop/t/8/assets/video-gallery.css.map */