/* Video hub pages (Video Tutorials, Product & Solution Videos): styles added by the client. */

.video-card-description{margin:10px 0 0;font-size:13px;line-height:1.65;color:var(--text-body,#64748b)}
.video-status{display:inline-block;margin-left:4px;font-size:10.5px;font-weight:700;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 7px;vertical-align:1px}.dark .video-status{color:#94a3b8;background:rgba(255,255,255,.08)}
.dark .video-card-description{color:rgba(226,232,240,.65)}
.video-help-band{margin:3.5rem 0 1rem;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#EEF3FF,#f6f8ff);border:1px solid #dce6ff;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.dark .video-help-band{background:linear-gradient(135deg,rgba(30,41,59,.72),rgba(15,23,42,.72));border-color:rgba(255,255,255,.1)}
.video-help-copy{max-width:720px}
.video-help-copy .vcat-eyebrow{margin-bottom:7px}
.video-help-copy h2{font-size:18px;font-weight:800;color:var(--text-h,#0f172a);margin:0 0 6px;letter-spacing:-.02em}
.dark .video-help-copy h2{color:#fff}
.video-help-copy p{margin:0;font-size:13px;line-height:1.7;color:var(--text-body,#53627d)}
.dark .video-help-copy p{color:rgba(226,232,240,.65)}
.video-help-links{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.video-help-link{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;background:#fff;border:1px solid #dce6ff;color:#0057FF;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .18s}
.video-help-link:hover{border-color:#b8d0ff;background:#f8faff;transform:translateY(-1px)}
.dark .video-help-link{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#90b9ff}
@media(max-width:767px){.video-help-band{flex-direction:column;align-items:flex-start}.video-help-links{width:100%}.video-help-link{flex:1;justify-content:center}}
.elins-product-list-banner__stat-val:has(+ .elins-product-list-banner__stat-lbl){white-space:nowrap}

/* video-hub enhancements: badges, facade, CTA spacing */
.video-duration{position:absolute;right:8px;bottom:8px;z-index:3;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:700;line-height:1.4;padding:2px 7px;border-radius:4px;font-family:'Inter',sans-serif;letter-spacing:.02em}
.video-cat-tag{position:absolute;left:8px;top:8px;z-index:3;background:rgba(37,99,235,.92);color:#fff;font-size:10px;font-weight:700;line-height:1.4;padding:3px 9px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-family:'Inter',sans-serif}
.video-thumb{position:relative}
a.video-thumb{cursor:pointer}
.video-facade{cursor:pointer}
.video-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
main .video-help-band:last-of-type{margin-bottom:3.5rem}

/* ── Show / hide the extra cards ── */
.video-card--extra{display:none}
.video-grid.is-expanded .video-card--extra{display:block}
/* ── FAQ (visual match: R&D page) ── */
.video-faq{margin:3.5rem 0 0;padding-top:3.5rem;border-top:1px solid #f0f2f8;scroll-margin-top:80px}
.dark .video-faq{border-top-color:rgba(255,255,255,.08)}
.video-faq .faq-layout{display:grid;grid-template-columns:320px 1fr;gap:3rem;margin-top:2.5rem;align-items:start}
@media (max-width:900px){.video-faq .faq-layout{grid-template-columns:1fr;gap:2rem}}
.video-faq .faq-intro{position:sticky;top:90px}
.video-faq .faq-intro-title{font-size:20px;font-weight:700;color:var(--text-h,#0D1020);letter-spacing:-.02em;margin-bottom:10px;line-height:1.3}
.video-faq .faq-intro-desc{font-size:13px;color:var(--text-body,#4A5480);line-height:1.65;margin-bottom:1.5rem}
.video-faq .faq-contact-prompt{background:#EEF3FF;border-radius:12px;padding:1.25rem;border:1px solid #dce6ff}
.dark .video-faq .faq-contact-prompt{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.2)}
.video-faq .fcp-label{font-size:12px;font-weight:700;color:#0057FF;margin-bottom:6px}
.dark .video-faq .fcp-label{color:#FBBF24}
.video-faq .fcp-text{font-size:12.5px;color:#4a5480;line-height:1.55;margin-bottom:10px}
.dark .video-faq .fcp-text{color:#cbd5e1}
.video-faq .fcp-btn{display:inline-flex;align-items:center;gap:5px;background:#0057FF;color:#fff;border:none;border-radius:7px;padding:8px 16px;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none;font-family:'Inter',sans-serif}
.dark .video-faq .fcp-btn{background:#FBBF24;color:#0d1020}
.video-faq .faq-list{display:flex;flex-direction:column;gap:8px}
.video-faq .faq-group-label{font-size:10px;font-weight:700;color:#0057FF;text-transform:uppercase;letter-spacing:.1em;padding:4px 0 8px;margin-top:8px;border-bottom:1px solid #EEF3FF;display:flex;align-items:center;gap:8px}
.video-faq .faq-group-label:first-child{margin-top:0}
.dark .video-faq .faq-group-label{color:#FBBF24;border-bottom-color:rgba(251,191,36,.2)}
.video-faq .faq-group-label::before{content:'';width:14px;height:2px;background:#0057FF;border-radius:1px}
.dark .video-faq .faq-group-label::before{background:#FBBF24}
.video-faq .faq-item{background:#fff;border:1px solid #e8eaf0;border-radius:12px;overflow:hidden;transition:border-color .15s}
.dark .video-faq .faq-item{background:#132340;border-color:#1e293b}
.video-faq .faq-item:hover{border-color:#c8d8ff}
.video-faq .faq-item.open{border-color:#0057FF;box-shadow:0 3px 14px rgba(0,87,255,.09)}
.dark .video-faq .faq-item.open{border-color:#FBBF24}
.video-faq .faq-q{padding:14px 18px;font-size:13.5px;font-weight:600;color:var(--text-h,#0D1020);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;user-select:none;transition:background .15s;font-family:'Inter',sans-serif}
.video-faq .faq-q:hover{background:#f8faff}
.dark .video-faq .faq-q:hover{background:rgba(255,255,255,.03)}
.video-faq .faq-item.open .faq-q{background:#EEF3FF;color:#0057FF}
.dark .video-faq .faq-item.open .faq-q{background:rgba(251,191,36,.12);color:#FBBF24}
.video-faq .faq-icon{width:22px;height:22px;border-radius:50%;background:#EEF3FF;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#0057FF;flex-shrink:0;transition:all .2s;font-style:normal}
.dark .video-faq .faq-icon{background:rgba(251,191,36,.12);color:#FBBF24}
.video-faq .faq-item.open .faq-icon{background:#0057FF;color:#fff;transform:rotate(45deg)}
.dark .video-faq .faq-item.open .faq-icon{background:#FBBF24;color:#0d1020}
.video-faq .faq-a{display:none;padding:0 18px 16px;font-size:13px;color:var(--text-body,#4A5480);line-height:1.75}
.video-faq .faq-item.open .faq-a{display:block}
.video-faq .faq-a strong{color:var(--text-h,#0D1020);font-weight:700}
.video-faq .faq-a a{color:#0057FF;font-weight:600;text-decoration:none}
.dark .video-faq .faq-a a{color:#FBBF24}

/* ── Video bottom CTA card ── */
.video-bottom-cta {
  margin: 3.5rem 0 3.5rem;
}