.yhub-section{background:var(--yhub-bg, #f4f4f5);padding-bottom:80px}.yhub-hero{position:relative;width:100%;height:80vh;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;cursor:pointer}.yhub-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.yhub-hero-img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;transition:opacity .6s ease}.yhub-hero-video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.yhub-hero-video-wrap iframe,.yhub-hero-video-wrap #yhub-hero-yt-player{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.yhub-hero-video-wrap iframe{width:177.77vh;height:56.25vw;min-width:100%;min-height:100%}.yhub-hero-video-ready~.yhub-hero-overlay{z-index:2}.yhub-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#0006,#0000001a)}.yhub-hero-content{position:relative;z-index:2;width:100%;padding:0 24px 48px}.yhub-hero-inner{max-width:680px}.yhub-badge{display:inline-flex;align-items:center;gap:7px;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 12px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:14px}.yhub-dot{width:7px;height:7px;border-radius:50%;background:#f44;flex-shrink:0}.yhub-hero-date{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--yhub-accent, #4f46e5);margin:0 0 10px;text-transform:uppercase}.yhub-hero-title{font-size:2.2rem;font-weight:800;color:#fff;margin:0 0 12px;line-height:1.2;letter-spacing:-.02em}@media(max-width:600px){.yhub-hero-title{font-size:1.5rem}}.yhub-hero-desc{font-size:.95rem;color:#ffffffc7;margin:0 0 20px;line-height:1.6;max-width:560px}.yhub-hero-bottom{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.yhub-hero-meta{display:flex;align-items:center;gap:10px}.yhub-tag{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--yhub-accent-alt, #7c3aed);background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);border-radius:999px;padding:3px 10px;white-space:nowrap}.yhub-tag svg{width:10px;height:10px}.yhub-watch-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--yhub-accent, #4f46e5);color:var(--yhub-accent-text, #fff);border:none;border-radius:999px;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s;text-decoration:none}.yhub-watch-btn:hover{opacity:.88;transform:translateY(-1px)}.yhub-watch-btn svg{width:20px;height:20px;flex-shrink:0}.yhub-mute-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.3);cursor:pointer;transition:background .15s;flex-shrink:0}.yhub-mute-btn:hover{background:#ffffff47}.yhub-mute-btn svg{width:20px;height:20px}.yhub-container{max-width:1280px;margin:0 auto;padding:0 24px}.yhub-grid-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:48px 0 16px;flex-wrap:wrap}.yhub-grid-title{font-size:1.4rem;font-weight:800;color:var(--yhub-text, #111827);margin:0 0 4px;letter-spacing:-.02em}.yhub-grid-sub{font-size:.85rem;color:var(--yhub-text-muted, #6b7280);margin:0}.yhub-filters{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.yhub-filter-btn{padding:5px 14px;border-radius:999px;border:1.5px solid var(--yhub-border, #e5e7eb);background:transparent;color:var(--yhub-text-muted, #6b7280);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.yhub-filter-btn:hover{border-color:var(--yhub-accent, #4f46e5);color:var(--yhub-accent, #4f46e5)}.yhub-filter-active{background:var(--yhub-accent, #4f46e5)!important;border-color:var(--yhub-accent, #4f46e5)!important;color:#fff!important}.yhub-count{font-size:.78rem;color:var(--yhub-text-muted, #6b7280);margin:0 0 20px;font-weight:500}.yhub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:1024px){.yhub-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.yhub-grid{grid-template-columns:1fr}}.yhub-card{background:var(--yhub-bg-card, #fff);border-radius:var(--yhub-radius, 12px);overflow:hidden;border:1px solid var(--yhub-border, #e5e7eb);box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.yhub-card:hover{box-shadow:0 8px 28px #0000001c;transform:translateY(-3px)}.yhub-thumb-wrap{position:relative;aspect-ratio:16 / 9;background:#111;overflow:hidden;flex-shrink:0}.yhub-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.yhub-card:hover .yhub-thumb{transform:scale(1.04)}.yhub-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff26}.yhub-thumb-placeholder svg{width:40px;height:40px}.yhub-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;opacity:0;transition:opacity .2s;padding:0}.yhub-card:hover .yhub-play-btn{opacity:1}.yhub-play-btn svg{width:56px;height:56px}.yhub-thumb-tag{position:absolute;top:10px;left:10px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.15)}.yhub-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1}.yhub-card-meta-top{margin-bottom:6px}.yhub-date{font-size:.68rem;font-weight:600;color:var(--yhub-text-muted, #6b7280);letter-spacing:.03em}.yhub-card-title{font-size:.95rem;font-weight:700;color:var(--yhub-text, #111827);margin:0 0 6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yhub-card-desc{font-size:.78rem;color:var(--yhub-text-muted, #6b7280);margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yhub-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.yhub-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.yhub-modal-box{position:relative;z-index:1;background:#fff;border-radius:16px;overflow:hidden;width:100%;max-width:860px;box-shadow:0 24px 80px #0006;animation:yhub-modal-in .22s ease}@keyframes yhub-modal-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.yhub-modal-close{position:absolute;top:12px;right:12px;z-index:10;background:#0000008c;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s}.yhub-modal-close:hover{background:#000c}.yhub-modal-close svg{width:18px;height:18px}.yhub-modal-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.yhub-modal-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.yhub-modal-info{padding:20px 24px 24px}.yhub-modal-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.yhub-modal-date{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--yhub-accent, #4f46e5);text-transform:uppercase}.yhub-modal-tag{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:var(--yhub-accent-alt, #7c3aed);background:#7c3aed17;border:1px solid rgba(124,58,237,.2);border-radius:999px;padding:2px 9px}.yhub-modal-title{font-size:1.15rem;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.3}.yhub-modal-desc{font-size:.85rem;color:#6b7280;margin:0 0 16px;line-height:1.6}.yhub-modal-yt-link{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:999px;background:red;color:#fff;font-size:.82rem;font-weight:700;text-decoration:none;transition:opacity .15s}.yhub-modal-yt-link:hover{opacity:.88}.yhub-modal-yt-link svg{width:18px;height:18px}.yhub-empty,.yhub-empty-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;text-align:center;color:var(--yhub-text-muted, #6b7280);margin-top:40px}.yhub-empty svg,.yhub-empty-filter svg{width:40px;height:40px;opacity:.25}.yhub-empty p,.yhub-empty-filter p{font-size:.95rem;margin:0}@media(max-width:768px){.yhub-card-extra{display:none!important}.yhub-hero{height:25vh;min-height:200px}.yhub-watch-btn{padding:6px 12px!important;font-size:.68rem!important}.yhub-mute-btn{width:30px!important;height:30px!important}.yhub-grid{grid-template-columns:2fr 2fr!important}.yhub-grid{gap:8px!important}.yhub-container{padding:0 14px}.yhub-thumb-tag{position:absolute;top:auto;bottom:10px!important;left:10px}.yhub-filters{gap:0px}}.yhub-view-all-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:var(--yhub-accent, #4f46e5);color:var(--yhub-accent-text, #fff);border-radius:999px;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .12s}.yhub-view-all-btn:hover{opacity:.88;transform:translateY(-1px)}.yhub-view-all-btn svg{width:14px;height:14px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-youtube-hub.css.map */