.trending__grid{display:grid;grid-template-columns:repeat(var(--columns, 3),minmax(0,1fr));gap:var(--sp-4)}.trend-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.trend-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.trend-card__media{flex-shrink:0;width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-alt)}.trend-card__media img,.trend-card__placeholder{width:100%;height:100%;object-fit:cover}.trend-card__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.trend-card__type{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft)}.trend-card__title{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trend-card:hover .trend-card__title{color:var(--color-accent)}.trend-card__price{color:var(--color-text);font-weight:600;font-size:var(--fs-sm)}.trend-card__arrow{flex-shrink:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:50%;color:var(--color-text);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.trend-card:hover .trend-card__arrow{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}@media(max-width:989px){.trending__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.trending__grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;gap:var(--sp-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:var(--sp-4);padding-inline:var(--sp-4);margin-inline:calc(var(--sp-4) * -1)}.trending__grid::-webkit-scrollbar{display:none}.trend-card{min-height:88px;border-radius:var(--app-radius);scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/trending-products.css.map */