/* Smart Visit — 🔥Trending news Feed (v2.0 AJAX Live) */
.cfsv-wrap{
  margin:2.5rem 0 0;
  padding:1rem 0 0.5rem;
  border-top:1px solid #e3e3e3;
  background:#fafafa;
}
.cfsv-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:0.75rem;
}
.cfsv-head h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.2;
  font-weight:700;
}

.cfsv-grid{
  display:grid;
  grid-template-columns:repeat(1, minmax(0,1fr));
  gap:10px;
}
@media (min-width:640px){
  .cfsv-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}
}
@media (min-width:1024px){
  .cfsv-grid{grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px;}
}

.cfsv-grid-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:60px;
}
.cfsv-loading{
  font-size:.9rem;
  color:#6b7280;
}

.cfsv-card{
  display:block;
  text-decoration:none;
  border-radius:16px;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 0 0 1px #e7e7e7;
  transition:transform .16s ease, box-shadow .16s ease;
}
.cfsv-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* line effect on top of each block */
.cfsv-line-top{
  height:3px;
  background:linear-gradient(90deg,#ff5722,#ff9800);
}
.cfsv-inner{
  padding:8px 10px 10px;
}

.cfsv-thumb{
  position:relative;
  aspect-ratio:16/9;
  background:#f3f4f6;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:8px;
}
.cfsv-thumb img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  display:block;
}
.cfsv-thumb-ph{
  width:100%; height:100%;
  background:linear-gradient(135deg,#f1f5f9,#e5e7eb);
}

.cfsv-meta{}
.cfsv-title{
  font-size:.95rem;
  line-height:1.35;
  font-weight:600;
  color:#111827;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* mobile friendliness */
@media (max-width:480px){
  .cfsv-wrap{margin-top:2rem; padding-top:0.75rem;}
  .cfsv-head h3{font-size:1rem;}
  .cfsv-inner{padding:8px 9px 10px;}
  .cfsv-title{font-size:.92rem;}
}