.trending-products{padding:4rem 0;background:var(--color-surface)}.trending-products__header{text-align:center;margin-bottom:1.5rem}.trending-products__title-group{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.4rem}.trending-products__icon{font-size:1.6rem}.trending-products__title{font-size:1.75rem;font-weight:800}.trending-products__subtitle{color:var(--color-text-light);font-size:.95rem;max-width:480px;margin:0 auto}.trending-products__tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.trending-products__tab{padding:.45rem 1.25rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);color:var(--color-text-light);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.trending-products__tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.trending-products__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.trending-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.trending-products__item{position:relative;transition:opacity .3s ease,transform .3s ease}.trending-products__item.is-hidden{display:none}.trending-products__badge-row{display:flex;gap:.35rem;margin-bottom:.4rem}.trending-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.trending-badge--fire{background:#fff3e0;color:#e65100}.trending-badge--star{background:#fffde7;color:#f9a825}.trending-products__cta{text-align:center;margin-top:2.5rem}.product-card--placeholder .product-card__image-wrapper{background:var(--color-border);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.product-card--placeholder .placeholder-svg{width:60%;height:60%;fill:var(--color-text-light);opacity:.3}@media(max-width:992px){.trending-products__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.trending-products__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.trending-products__tabs{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-trending.css.map */