.video-gallery{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:stretch}.video-gallery__main{display:flex;flex-direction:column;height:100%}.video-gallery__player{position:relative;width:100%;flex:1;border-radius:12px;overflow:hidden;background:#111}.video-gallery__iframe{width:100%;height:100%;border-radius:12px}.video-gallery__main-info{margin-top:.75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.video-gallery__main-info-left{flex:1;min-width:0}.video-gallery__yt-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f6f6f6;color:#333!important;border-radius:30px;font-size:.78rem;font-weight:500;text-decoration:none!important;white-space:nowrap;transition:background .15s ease;flex-shrink:0;opacity:1!important}.video-gallery__yt-link:hover{background:#eaeaea;color:#111!important}.video-gallery__main-title{font-size:1rem;font-weight:500;line-height:1.4;margin:0}.video-gallery__main-desc{font-size:.85rem;color:#0000008c;margin:.3rem 0 0;line-height:1.4}.video-gallery__thumbnail{position:relative;width:100%;height:100%;cursor:pointer;border-radius:12px;overflow:hidden}.video-gallery__thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 50%);pointer-events:none;border-radius:12px}.video-gallery__thumbnail:hover .video-gallery__play-btn{transform:translate(-50%,-50%) scale(1.1)}.video-gallery__thumbnail:hover .video-gallery__img{transform:scale(1.05)}.video-gallery__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-gallery__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s ease;z-index:2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.video-gallery__play-btn--small svg{width:32px;height:32px}.video-gallery__duration{position:absolute;bottom:10px;right:10px;background:#000000bf;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px;z-index:2;letter-spacing:.02em}.video-gallery__duration--small{bottom:6px;right:6px;font-size:.65rem;padding:1px 5px}.video-gallery__sidebar{display:flex;flex-direction:column;gap:0;background:#f6f6f6;border-radius:12px;overflow:hidden;overflow-y:auto}.video-gallery__sidebar::-webkit-scrollbar{width:4px}.video-gallery__sidebar::-webkit-scrollbar-track{background:transparent}.video-gallery__sidebar::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.video-gallery__sidebar-header{padding:12px 15px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#0006}.video-gallery__card{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .15s ease,opacity .15s ease;border-bottom:1px solid rgba(0,0,0,.06)}.video-gallery__card:last-child{border-bottom:none}.video-gallery__card:hover{background:#0000000a}.video-gallery__card--active{background:#0000000f}.video-gallery__card--active .video-gallery__thumbnail--small{opacity:.6}.video-gallery__card--active .video-gallery__play-btn--small{display:none}.video-gallery__card--active .video-gallery__card-title{color:#db0330;font-weight:600}.video-gallery__thumbnail--small{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;position:relative;background:#ddd;min-width:140px;max-width:140px;flex-shrink:0;transition:opacity .2s ease}.video-gallery__thumbnail--small:after{border-radius:8px}.video-gallery__card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.video-gallery__card-title{font-size:.8rem;font-weight:500;line-height:1.35;color:var(--color-text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.video-gallery__card-meta{font-size:.7rem;color:#00000073}@media screen and (max-width:767px){.video-gallery{grid-template-columns:1fr}.video-gallery__main{height:auto}.video-gallery__player{flex:0 0 auto;aspect-ratio:16 / 9}.video-gallery__sidebar{border-radius:12px}.video-gallery__thumbnail--small{min-width:110px;max-width:110px}.video-gallery__main-info{flex-direction:column;align-items:stretch;gap:.5rem}.video-gallery__yt-link{align-self:flex-start}.video-gallery__main-title{word-break:normal;overflow-wrap:break-word}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-video-gallery.css.map */