/* ===== videos-widget.css — "Videolar" ko'rinishi (ustoz/o'quvchi) ===== */
.vw{max-width:1080px;margin:0 auto}
.vw__crumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:.95rem;min-height:20px}
.vw__crumb-link{display:inline-flex;align-items:center;gap:6px;color:#1D4ED8;font-weight:700;cursor:pointer}
.vw__crumb-on{display:inline-flex;align-items:center;gap:6px;color:var(--ink,#0F2238);font-weight:700}
.vw__crumb-sep{color:var(--muted,#6B7A8D)}
.vw__loading,.vw__empty{text-align:center;color:var(--muted,#6B7A8D);padding:40px}

.vw__cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.vw__cat{background:#fff;border:1.5px solid var(--line,#E6ECF3);border-radius:16px;padding:22px 16px;
  text-align:center;cursor:pointer;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:8px}
.vw__cat:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(10,37,64,.5);border-color:var(--blue,#2563EB)}
.vw__cat-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.3rem;
  background:linear-gradient(135deg,#00D9FF,#2563EB)}
.vw__cat-name{font-family:var(--font-d,'Sora',sans-serif);font-weight:800;font-size:1.02rem;color:var(--ink,#0F2238)}

.vw__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.vw__card{background:#fff;border:1px solid var(--line,#E6ECF3);border-radius:16px;overflow:hidden;
  box-shadow:0 10px 26px -20px rgba(10,37,64,.4)}
.vw__thumb{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.vw__thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vw__info{padding:12px 14px}
.vw__name{font-family:var(--font-d,'Sora',sans-serif);font-weight:700;font-size:.94rem;color:var(--ink,#0F2238);
  margin-bottom:4px;line-height:1.4}
.vw__dur{font-size:.8rem;color:var(--muted,#6B7A8D);display:flex;align-items:center;gap:5px}