/* TM CMS component */
/* HOME TRENDING ARTICLES — self-contained (mirrors the Trending scroll design) */
.home-trend-sec{padding:40px 0; border-bottom: 2px solid var(--green);}
.home-trend-h{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(15px,1.3vw,20px);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:20px}
.home-trend-scroll{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:12px}
.home-trend-scroll::-webkit-scrollbar{height:6px}
.home-trend-scroll::-webkit-scrollbar-track{background:transparent}
.home-trend-scroll::-webkit-scrollbar-thumb{background:#2c2c2c;border-radius:3px}
.home-trend-item{flex:0 0 25%;min-width:320px;display:grid;grid-template-columns:auto 112px minmax(0,1fr);align-items:center;gap:14px;padding-right:26px;scroll-snap-align:start;text-decoration:none;color:inherit;transition:transform .15s}
.home-trend-item:hover{transform:translateY(-2px)}
.home-trend-item:hover .home-trend-title{color:var(--green)}
.home-trend-num{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(28px,2.3vw,40px);color:#3a3a3a;line-height:1;text-align:center}
.home-trend-thumb{width:112px;height:64px;border-radius:5px;background:linear-gradient(135deg,#2a2a2a,#161616);position:relative;overflow:hidden;flex:none}
.home-trend-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home-trend-thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 60%)}
.home-trend-cat{color:var(--green);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.home-trend-title{font-size:14px;font-weight:600;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:980px){.home-trend-item{flex:0 0 78%;min-width:0}}