/* -------------------------------------------------------------------------------------
 * Velveflix child — assets/css/vf-browse-providers.css
 * Блок «Browse by Provider» на главной. Сетка плиток-ссылок на /watch/{slug}/.
 * Только токены 2026 (vf-tokens.css). Изоляция .vf-scope. CLS=0 (фикс-размер лого).
 * ------------------------------------------------------------------------------------- */

.vf-scope .vf-provgrid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);          /* мобайл: 2 в ряд */
  gap:var(--vf-space-3);
}
@media (min-width:480px){
  .vf-scope .vf-provgrid{ grid-template-columns:repeat(3, 1fr); }
}
@media (min-width:768px){
  .vf-scope .vf-provgrid{ grid-template-columns:repeat(4, 1fr); gap:var(--vf-space-4); }
}
@media (min-width:1024px){
  .vf-scope .vf-provgrid{ grid-template-columns:repeat(6, 1fr); }
}

.vf-scope .vf-provgrid__item{
  display:flex; align-items:center; gap:var(--vf-space-3);
  min-width:0;
  padding:var(--vf-space-3);
  border-radius:var(--vf-radius-md);
  background:var(--vf-surface-2);
  border:1px solid var(--vf-line);
  color:var(--vf-text);
  text-decoration:none;
  transition:background var(--vf-dur-fast) var(--vf-ease-standard),
             border-color var(--vf-dur-fast) var(--vf-ease-standard),
             transform var(--vf-dur-fast) var(--vf-ease-standard);
}
.vf-scope .vf-provgrid__item:hover{
  background:var(--vf-surface-3);
  border-color:var(--vf-line-strong, var(--vf-line));
  transform:translateY(-1px);
}
.vf-scope .vf-provgrid__item:focus-visible{
  outline:2px solid var(--vf-focus-ring); outline-offset:2px;
}

.vf-scope .vf-provgrid__logo{
  flex:0 0 auto;
  width:40px; height:40px;
  display:grid; place-items:center;
  border-radius:var(--vf-radius-sm);
  overflow:hidden;
  background:var(--vf-wtw-logo-bg, var(--vf-surface-4));
}
.vf-scope .vf-provgrid__logo img{
  width:40px; height:40px;
  object-fit:cover;
  display:block;
}
.vf-scope .vf-provgrid__logo--ph{
  font-size:var(--vf-fs-body);
  font-weight:var(--vf-fw-bold);
  color:var(--vf-text-2);
}

.vf-scope .vf-provgrid__name{
  min-width:0;
  font-size:var(--vf-fs-sm);
  font-weight:var(--vf-fw-medium);
  line-height:var(--vf-lh-snug);
  color:var(--vf-text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}