/* Hero — network sites list (no frame) */

.network-live{
  width:100%;max-width:440px;margin:0 auto;
}
@media(min-width:1024px){.network-live{max-width:100%}}

.network-live__heading{
  margin:0 0 16px;
  font-family:'Plus Jakarta Sans',Manrope,sans-serif;
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dim);
}

.network-live__list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;
}

.network-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;gap:14px 16px;
  padding:16px 18px;
  border-radius:14px;
  background:rgba(255,248,240,.04);
  border:1px solid transparent;
  transition:background .18s,transform .18s,border-color .18s;
}
.network-row:hover{
  background:rgba(255,248,240,.07);
  border-color:var(--line);
  transform:translateX(3px);
}

.network-row__icon{
  width:52px;height:52px;border-radius:12px;flex-shrink:0;
  background:#fff;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.network-row__icon img{
  width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;
}
.network-row__icon--turkey{
  background:#0a0a0a;
  border:1px solid rgba(212,168,67,.28);
  box-shadow:0 2px 12px rgba(0,0,0,.35);
}
.network-row__icon--turkey img{border-radius:12px}

.network-row__body{min-width:0;text-align:left}
.network-row__name{
  display:block;font-size:16px;font-weight:700;color:var(--text-soft);
  letter-spacing:-.02em;line-height:1.25;
}
.network-row__url{
  display:block;font-size:13px;font-weight:500;color:var(--dim);
  margin-top:4px;line-height:1.3;
}

.network-row__status{
  display:flex;align-items:center;gap:7px;flex-shrink:0;
  padding:6px 11px 6px 8px;border-radius:999px;
  background:var(--ok-bg);
}
.network-row__status svg{
  width:16px;height:16px;flex-shrink:0;color:var(--ok);
}
.network-row__status span{
  font-size:11px;font-weight:600;line-height:1.2;color:var(--ok-text);
  white-space:nowrap;
}

.network-row.is-current{
  background:var(--accent-soft);
  border-color:rgba(212,168,67,.22);
}
.network-row.is-current .network-row__name{color:var(--text)}
.network-row.is-current .network-row__url{color:var(--muted)}

@media(max-width:560px){
  .network-row{
    grid-template-columns:auto 1fr;
    padding:14px 16px;
  }
  .network-row__status{
    grid-column:1/-1;
    justify-self:start;
    margin-left:66px;
  }
  .network-row__name{font-size:15px}
}