.custom-video-tabs{background-color:#0f0f0f;color:#fff;padding:3rem 1rem;font-family:Inter,sans-serif}.custom-video-tabs .container{max-width:1200px;margin:0 auto}.custom-video-tabs .section-header{text-align:center;margin-bottom:2rem}.custom-video-tabs .section-header h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.custom-video-tabs .section-header p{color:#ccc;font-size:1rem}.custom-video-tabs .tabs{display:flex;gap:1rem;overflow-x:auto;justify-content:center;margin-bottom:2rem;scrollbar-width:none}.custom-video-tabs .tabs::-webkit-scrollbar{display:none}.custom-video-tabs .tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#1f1f1f;color:#fff;border:none;border-radius:9999px;padding:.6rem 1.5rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .3s ease}.custom-video-tabs .tab-button .tab-icon{width:20px;height:20px;object-fit:contain;display:inline-block;vertical-align:middle}.custom-video-tabs .tab-button:hover{background:#2b2b2b}.custom-video-tabs .tab-button.active{background:#2563eb}.custom-video-tabs .tab-content{display:none;animation:fadeIn .4s ease-in-out}.custom-video-tabs .tab-content.active{display:block}.custom-video-tabs .video-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.custom-video-tabs .video-grid{grid-template-columns:1fr 1fr}}.custom-video-tabs .main-video{aspect-ratio:16 / 9;background:#000;border-radius:1rem;overflow:hidden}.custom-video-tabs .main-video video{width:100%;height:100%;object-fit:cover}.custom-video-tabs .video-list{display:flex;flex-direction:column;gap:1rem}.custom-video-tabs .video-item{display:flex;align-items:center;gap:1rem;background:#1f1f1f;padding:.75rem;border-radius:.75rem;transition:background .3s ease;cursor:pointer}.custom-video-tabs .video-item:hover{background:#2a2a2a}.custom-video-tabs .video-item img{width:90px;height:60px;border-radius:.5rem;object-fit:cover}.custom-video-tabs .video-item .info p:first-child{font-weight:600}.custom-video-tabs .video-item .info p:last-child{font-size:.875rem;color:#aaa}.custom-video-tabs .cta-button{display:inline-block;margin-top:1rem;padding:.8rem 1.6rem;background:#2563eb;color:#fff;font-weight:600;border-radius:.75rem;text-decoration:none;transition:background .3s ease}.custom-video-tabs .cta-button:hover{background:#1d4ed8}@media (max-width: 767px){.custom-video-tabs .tabs{justify-content:start}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-custom-video-tabs.css.map */