.thumbnails-with-video-wrapper{display:flex;align-items:center;gap:15px}.thumbnails-with-video-wrapper .thumbnail-slider{flex:1;min-width:0}.ufs-video-trigger{width:100px;height:76px;text-align:center;display:flex;flex-wrap:wrap;position:relative;background:#000;flex-shrink:0;text-decoration:none;border-radius:4px;overflow:hidden;transition:transform .2s ease}.ufs-video-trigger:hover{transform:scale(1.05);text-decoration:none}.ufs-video-trigger .bg-thumb{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:#0000001a}.ufs-video-trigger .bg-thumb:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.5;z-index:0}.ufs-video-trigger .fas.fa-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#fff;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.8)}.ufs-video-trigger .text{z-index:1;display:block;width:100%;font-size:11px;line-height:11px;font-weight:700;text-align:center;position:absolute;bottom:0;background:#e0e0e0;color:#000;padding:5px 0;text-transform:uppercase}#videoGallery{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:none;align-items:center;justify-content:center;z-index:2147483647;padding:20px}#videoGallery.show{display:flex!important}.modal-container{background-color:#fff;border-radius:8px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;background-color:#fff;position:sticky;top:0;z-index:10}.modal-title{font-size:18px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:#f0f0f0}.modal-body{display:flex;background-color:#f8f8f8}.video-player-section{flex:1;padding:24px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000;border-radius:4px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.sidebar{width:420px;padding:24px;background-color:#f8f8f8;overflow-y:auto;max-height:calc(90vh - 70px)}.section-title{font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.video-card{cursor:pointer;transition:transform .2s;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.video-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.video-thumbnail{position:relative;padding-bottom:56.25%;background-color:#000;overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-label{position:absolute;top:8px;left:8px;background-color:#e02020;color:#fff;padding:4px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:2px}.video-label.unbox{background-color:#e02020}.video-label.install{background-color:#f60}.video-label.overview{background-color:#e02020}.video-label.before{background-color:#333}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-color:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.video-card:hover .play-overlay{background-color:#e02020e6}.play-icon{width:0;height:0;border-left:14px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}.video-info{padding:12px;background-color:#fff}.video-title{font-size:13px;color:#1a1a1a;line-height:1.4;font-weight:500}.notice-box{background-color:#fff9e6;border:1px solid #f0d89f;border-radius:4px;padding:12px;margin-bottom:16px;font-size:13px;color:#856404;line-height:1.5}@media (max-width: 968px){.modal-body{flex-direction:column}.sidebar{width:100%;max-height:none}.video-player-section{min-height:300px}}@media (max-width: 480px){.video-grid{grid-template-columns:repeat(2,1fr);gap:12px}.video-card{min-height:auto}.video-info{padding:8px}.video-title{font-size:12px;line-height:1.3}}.v-gallery-sidebar .videos li{margin-bottom:10px;border-radius:6px;overflow:hidden;transition:transform .2s ease}.v-gallery-sidebar .videos li:hover{transform:scale(1.02)}.v-gallery-sidebar .videos li a{display:block;text-decoration:none;position:relative}.v-gallery-sidebar .videos li img{width:100%;height:auto;display:block}.v-gallery-sidebar .videos li .title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px 10px 10px;font-size:13px;line-height:1.3}@media (max-width: 768px){.thumbnails-with-video-wrapper{flex-direction:row;gap:10px;align-items:center}.thumbnails-with-video-wrapper .thumbnail-slider{flex:1;min-width:0}.thumbnails-with-video-wrapper .thumbnail-list__item{width:76px!important;min-width:76px!important;max-width:76px!important;height:76px!important;flex-shrink:0!important}.thumbnails-with-video-wrapper .thumbnail{width:76px!important;height:76px!important}.thumbnails-with-video-wrapper .thumbnail img{width:76px!important;height:76px!important;object-fit:cover}.ufs-video-trigger{width:76px;height:76px;flex-shrink:0}}@media (min-width: 769px) and (max-width: 1300px){.thumbnails-with-video-wrapper .thumbnail-list__item{width:76px!important;min-width:76px!important;max-width:76px!important;height:76px!important;flex-shrink:0!important}.thumbnails-with-video-wrapper .thumbnail{width:76px!important;height:76px!important}.thumbnails-with-video-wrapper .thumbnail img{width:76px!important;height:76px!important;object-fit:cover}}@media (max-width: 749px){.ufs-video-trigger{top:-5px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/jamersan--pdp-video-gallery.css.map */