/* Celo Trending Topics V1 - isolated from search/result UI */
.trending-v1{padding:22px 24px 24px;overflow:hidden}.trending-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.trending-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#665cf2;margin-bottom:5px}.trending-head h3{margin:0;font-size:19px;letter-spacing:-.03em}.trending-head p{margin:6px 0 0;color:#8a90a8;font-size:12px}.trending-update{flex:none;padding:7px 10px;border:1px solid #e8e7ff;background:#f7f6ff;color:#6259df;border-radius:999px;font-size:10px;font-weight:700}.trending-grid{margin-top:17px}.trending-v1 .trend-card{position:relative;min-width:0;border:1px solid #e9ebf5;background:linear-gradient(155deg,#fff 0%,#fbfbff 100%);border-radius:17px;padding:13px 13px 14px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.trending-v1 .trend-card:hover{transform:translateY(-3px);border-color:#dcd9ff;box-shadow:0 14px 30px rgba(61,64,116,.10)}.trend-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.trend-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:#f1efff;color:#5a50db;font-size:9px;font-weight:800;white-space:nowrap}.trend-badge.hot{background:#fff0ed;color:#e55336}.trend-badge.season{background:#eef8ef;color:#31804a}.trend-badge.discover{background:#edf5ff;color:#3269bd}.trend-arrow{font-size:15px;color:#a3a7ba}.trend-icon{height:60px;border-radius:13px;background:linear-gradient(145deg,#f3f3fb,#eceeff);display:grid;place-items:center;font-size:31px;margin-bottom:11px}.trend-card b{display:block;font-size:14px;line-height:1.35;letter-spacing:-.02em;color:#171a39;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-card .trend-sub{display:block;margin-top:4px;font-size:10px;color:#9297aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-card .trend-stat{display:block;margin-top:8px;font-size:9px;color:#6e74a0}.trend-skeleton{height:151px;border-radius:17px;background:linear-gradient(90deg,#f4f5fa 25%,#fafaff 38%,#f4f5fa 63%);background-size:400% 100%;animation:trendShimmer 1.2s infinite}@keyframes trendShimmer{0%{background-position:100% 0}100%{background-position:0 0}}@media(max-width:760px){.trending-v1{padding:17px 15px 16px}.trending-head{align-items:flex-start}.trending-head p{font-size:11px;line-height:1.45;max-width:245px}.trending-update{padding:6px 8px}.trending-grid{display:flex!important;overflow-x:auto;gap:9px;margin-left:-2px;margin-right:-2px;padding:2px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:none}.trending-grid::-webkit-scrollbar{display:none}.trending-v1 .trend-card,.trend-skeleton{flex:0 0 142px;min-height:150px;scroll-snap-align:start}.trend-icon{height:57px;font-size:29px}.trend-card b{font-size:13px}.trend-card .trend-sub{display:block!important;font-size:10px}}

/* Home discovery: readable cards without the duplicated search chips. */
.trending-v1 .trending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.trending-v1 .trend-card{display:grid;grid-template-columns:64px minmax(0,1fr) 18px;grid-template-rows:auto auto 1fr auto;column-gap:12px;min-height:122px;padding:15px 16px;align-items:start}
.trending-v1 .trend-card-top{grid-column:1/-1;margin-bottom:8px}
.trending-v1 .trend-icon{grid-column:1;grid-row:2/5;width:64px;height:64px;margin:0;font-size:30px}
.trending-v1 .trend-card b{grid-column:2/4;grid-row:2;font-size:15px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trending-v1 .trend-card .trend-sub{grid-column:2/4;grid-row:3;font-size:11px;line-height:1.45;white-space:normal;max-height:34px;overflow:hidden}
.trending-v1 .trend-card .trend-stat{grid-column:2/4;grid-row:4;margin-top:5px}
@media (max-width:1080px) and (min-width:761px){.trending-v1 .trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.trending-v1 .trending-grid{display:flex!important;gap:10px}.trending-v1 .trend-card,.trending-v1 .trend-skeleton{flex:0 0 224px;min-height:126px}.trending-v1 .trend-card{grid-template-columns:52px minmax(0,1fr) 10px;padding:12px}.trending-v1 .trend-icon{width:52px;height:52px;font-size:26px}.trending-v1 .trend-card b{font-size:13px}.trending-v1 .trend-card .trend-sub{font-size:10px}}

/* CELO MOBILE DISCOVERY GRID V2 */
@media (max-width:760px) {
  .trending-v1 .trending-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    overflow:visible;
    margin:14px 0 0;
    padding:0;
    scroll-snap-type:none;
  }
  .trending-v1 .trend-card,
  .trending-v1 .trend-skeleton {
    min-width:0;
    width:auto;
    min-height:158px;
  }
  .trending-v1 .trend-card {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:12px;
  }
  .trending-v1 .trend-card-top {
    width:100%;
    margin-bottom:8px;
  }
  .trending-v1 .trend-icon {
    width:44px;
    height:44px;
    margin-bottom:8px;
    font-size:23px;
  }
  .trending-v1 .trend-card b {
    width:100%;
    font-size:13px;
    line-height:1.35;
  }
  .trending-v1 .trend-card .trend-sub {
    width:100%;
    margin-top:4px;
    font-size:10px;
    line-height:1.35;
  }
  .trending-v1 .trend-card .trend-stat {
    margin-top:auto;
    padding-top:7px;
  }
}