.content-hub-section{padding:60px 20px;background-color:#f5f5f5}.content-hub-section .container{max-width:1200px;margin:0 auto}.featured-content-wrapper{display:grid;grid-template-columns:1fr 350px;gap:30px;margin-bottom:40px}.featured-main{background:#f6f7f8;border-radius:8px;overflow:visible;box-shadow:0 2px 8px #0000001a;padding:30px;position:relative}.featured-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#000;border-radius:8px;box-shadow:0 4px 12px #00000026}.featured-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:contain;background:#000}.featured-video::-webkit-media-controls-panel{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8))}.featured-video::-webkit-media-controls{opacity:1!important}.featured-content-info{padding:25px 0 0}.content-tag{display:inline-block;background:#8b2332;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:12px}.featured-title{font-size:26px;font-weight:700;color:#222;margin:0 0 12px;line-height:1.3}.featured-description{font-size:15px;color:#666;line-height:1.6;margin:0}.sidebar-content{display:flex;flex-direction:column;gap:20px}.sidebar-item{background:#fff;border-radius:8px;padding:15px;display:flex;gap:15px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none!important;color:inherit}.sidebar-item:visited,.sidebar-item:link,.sidebar-item:active{text-decoration:none!important}.sidebar-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sidebar-item:focus{outline:2px solid #8B2332;outline-offset:2px}.sidebar-item:active{transform:translateY(0)}.sidebar-item-video{flex-shrink:0;width:120px;height:80px;border-radius:6px;overflow:hidden;background:#000;position:relative}.sidebar-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.sidebar-video::-webkit-media-controls-panel{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));font-size:10px}.sidebar-video::-webkit-media-controls{opacity:1!important}.sidebar-video::-webkit-media-controls-timeline,.sidebar-video::-webkit-media-controls-current-time-display,.sidebar-video::-webkit-media-controls-time-remaining-display{display:none}.sidebar-item-content{flex:1;min-width:0}.sidebar-tag{display:inline-block;font-size:11px;font-weight:600;color:#999;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.sidebar-title{font-size:15px;font-weight:700;color:#222;margin:0 0 6px;line-height:1.3}.sidebar-description{font-size:13px;color:#666;margin:0;line-height:1.4}.filter-tabs{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.filter-tab{background:#fff;border:none;padding:10px 24px;border-radius:25px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014;outline:none}.filter-tab:hover{background:#f8f8f8;color:#222;box-shadow:0 3px 6px #0000001f}.filter-tab.active{background:#8b2332;color:#fff;box-shadow:0 3px 8px #8b23324d}.filter-tab:focus{box-shadow:0 0 0 3px #8b233233}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.content-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:block}.content-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.content-card.hidden{display:none!important}.card-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#000;border-radius:8px 8px 0 0}.card-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:contain;background:#000}.card-video::-webkit-media-controls-panel{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8))}.card-video::-webkit-media-controls{opacity:1!important}video[poster]{object-fit:cover}.card-content{padding:20px}.card-tag{display:inline-block;font-size:11px;font-weight:600;color:#999;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.card-title{font-size:18px;font-weight:700;color:#222;margin:0 0 10px;line-height:1.3}.card-description{font-size:14px;color:#666;line-height:1.5;margin:0 0 15px}.card-footer{display:flex;justify-content:space-between;align-items:center;border:1px solid #F1F1F1;border-radius:5px;background:#2d4f7c0f;padding:10px}.card-meta{font-size:13px;color:#999;font-weight:500}.watch-button{background:#8b2332;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease;outline:none;text-decoration:none;display:inline-block;text-align:center}.watch-button:hover{background:#6d1a27;transform:scale(1.05)}.watch-button:focus{box-shadow:0 0 0 3px #8b23324d}.watch-button.disabled{background:#ccc;cursor:not-allowed;opacity:.6}.watch-button.disabled:hover{background:#ccc;transform:none}@media(max-width:968px){.featured-content-wrapper{grid-template-columns:1fr}.sidebar-content{flex-direction:column;gap:15px}.sidebar-item{width:100%}.sidebar-item-video{width:140px;height:90px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media(max-width:640px){.content-hub-section{padding:40px 15px}.featured-title{font-size:22px}.featured-description{font-size:14px}.filter-tabs{gap:10px}.filter-tab{padding:8px 18px;font-size:13px}.content-grid{grid-template-columns:1fr}.card-footer{flex-direction:column;align-items:flex-start;gap:10px}.watch-button{width:100%;text-align:center}}.content-card{animation:fadeInUp .5s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-card:nth-child(1){animation-delay:0s}.content-card:nth-child(2){animation-delay:.1s}.content-card:nth-child(3){animation-delay:.2s}.content-card:nth-child(4){animation-delay:.3s}.content-card:nth-child(5){animation-delay:.4s}.content-card:nth-child(6){animation-delay:.5s}
/*# sourceMappingURL=/cdn/shop/t/8/assets/content-hub.css.map */