.trending-helpers {
      margin: 28px 0;
    }
    
    .trending-helpers__header {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      margin-bottom: 12px;
    }
    
    .trending-helpers__heading {
      max-width: 700px;
    }
    
    .trending-helpers__title {
      margin:0;
      font-size:20px;
    }
    
    .trending-helpers__sub {
      margin:2px 0 2px;
      opacity:.75;
      font-size:14px;
    }
    
    .trending-helpers__desc{
      font-size:0.9rem;
      color:#666;
      margin:4px 0 0;
    }
    
    .trending-helpers__grid {
      display:grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap:12px;
    }
    
    @media (max-width:1100px){
      .trending-helpers__grid{
        grid-template-columns: repeat(3, minmax(0,1fr));
      }
    }
    
    @media (max-width:640px){
      .trending-helpers__grid{
        grid-template-columns: repeat(2, minmax(0,1fr));
      }
    }
    
    .th-card {
      border:1px solid rgba(0,0,0,.08);
      border-radius:12px;
      overflow:hidden;
      background:#fff;
      display:flex;
      flex-direction:column;
      min-height:170px;
    
      box-shadow:0 2px 4px rgba(0,0,0,0.12);
      transition:box-shadow .2s ease, transform .2s ease;
    }
    
    .th-card:hover{
      box-shadow:0 4px 8px rgba(0,0,0,0.14);
      transform:translateY(-1px);
      background: #f4f5ff96;
    }
    
    .th-card__img{
      width:100%;
      aspect-ratio:16/9;
      object-fit:contain;
      background:#fff;
      display:block;
    }
    
    .th-card__body{
      padding:10px 10px 12px;
      display:flex;
      flex-direction:column;
      gap:6px;
    }
    
    .th-card__title{
      margin:0;
      font-size:14px;
      line-height:1.25;
    }
    
    .th-card__title:hover {
        text-decoration: underline;
    }
    
    .th-card__desc{
      white-space:pre-line;
      margin:0;
      font-size:12px;
      opacity:.75;
      line-height:1.35;
    
      display:-webkit-box;
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    
    .th-card__meta{
      color:#444;
      margin-top:auto;
      font-size:12px;
    }
    
    .th-card a{
      color:inherit;
      text-decoration:none;
    }
    
    .th-skeleton{
      border-radius:12px;
      background:linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3);
      background-size:200% 100%;
      animation:shimmer 1.2s infinite;
      min-height:170px;
    }
    
    @keyframes shimmer{
      0%{background-position:200% 0}
      100%{background-position:-200% 0}
    }
    
    .trending-helpers__empty{
      opacity:.7;
      padding:10px 0;
    }