.z-trending{width:100%;padding:14px 0 18px;overflow:hidden;border-top:1px solid #e7e9ed;background:#fff;font-family:Outfit,var(--z-font-sans)}
.z-trending__shell{width:calc(100% - clamp(80px,12vw,240px));max-width:1460px;margin-inline:auto}
.z-trending__header{display:flex;margin-bottom:12px;align-items:end;justify-content:space-between;gap:18px}.z-trending__header h2{margin:0;color:var(--z-color-ink);font-size:clamp(1.35rem,2.4vw,1.8rem)}.z-trending__header p{margin:3px 0 0;color:#667085;font-size:.88rem}.z-trending__header>a{color:var(--z-color-primary);font-size:.8rem;font-weight:800;text-decoration:none;white-space:nowrap}
.z-trending__viewport{position:relative;min-width:0;overflow:hidden}.z-trending__track{display:flex;gap:18px;padding:1px 1px 8px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.z-trending__track::-webkit-scrollbar{display:none}
.z-trending-card{flex:0 0 calc((100% - 90px)/6);min-width:180px;scroll-snap-align:start}.z-trending-card>a{display:block;color:#111;text-decoration:none}.z-trending-card__media{display:block;aspect-ratio:1/1;overflow:hidden;border:2px solid #e2e2e2;border-radius:18px;background:#fff;transition:border-color .18s ease}.z-trending-card:hover .z-trending-card__media{border-color:#111}.z-trending-card__media img{width:100%;height:100%;padding:10px;object-fit:contain}.z-trending-card strong{display:-webkit-box;margin-top:9px;overflow:hidden;font-size:.85rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.z-trending__arrow{position:absolute;z-index:2;top:44%;display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid #111;border-radius:50%;background:#fff;color:#111;font-size:25px;line-height:1;transform:translateY(-50%)}.z-trending__arrow--prev{left:3px}.z-trending__arrow--next{right:3px}
@media(max-width:759px){.z-trending__shell{width:calc(100% - 20px)}.z-trending__header{margin-bottom:8px}.z-trending__track{gap:10px}.z-trending-card{flex-basis:calc((100% - 10px)/2);min-width:0}.z-trending-card__media{border-radius:14px}.z-trending-card strong{font-size:.8rem}.z-trending__arrow{width:34px;height:34px}}
