.cs-top-categories-section{width:100%}.cs-top-categories__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem}.cs-top-categories__title{font-size:1rem;font-weight:500;letter-spacing:-.01em;margin:0}.cs-top-categories__view-all{font-size:.8125rem;color:var(--color-foreground);opacity:.55;text-decoration:none;border-bottom:.5px solid currentColor;padding-bottom:1px;transition:opacity .2s}.cs-top-categories__view-all:hover{opacity:1}.cs-top-categories__grid{display:grid;grid-template-columns:repeat(var(--cols, 5),1fr);gap:10px}.cs-top-categories__card{display:block;text-decoration:none;color:inherit;flex-shrink:0}.cs-top-categories__img-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#f0efed}.cs-top-categories__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.cs-top-categories__img--placeholder{width:100%;height:100%}.cs-top-categories__card:hover .cs-top-categories__img{transform:scale(1.04)}.cs-top-categories__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000029;opacity:0;transition:opacity .25s ease;display:flex;align-items:flex-end;padding:12px}.cs-top-categories__card:hover .cs-top-categories__overlay{opacity:1}.cs-top-categories__cta{background:#fff;color:#111;font-size:.6875rem;font-weight:500;padding:5px 14px;border-radius:40px;letter-spacing:.03em;white-space:nowrap}.cs-top-categories__badge{position:absolute;top:10px;left:10px;background:#111;color:#fff;font-size:.625rem;font-weight:500;padding:3px 8px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase;z-index:1}.cs-top-categories__badge--hot{background:#c0392b}.cs-top-categories__info{padding:9px 2px 4px}.cs-top-categories__label{font-size:.8125rem;font-weight:500;margin:0;color:var(--color-foreground)}.cs-top-categories__count{font-size:.6875rem;color:var(--color-foreground);opacity:.5;margin:2px 0 0}@media(max-width:749px){.cs-top-categories__grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.cs-top-categories__grid::-webkit-scrollbar{display:none}.cs-top-categories__card{flex:0 0 42vw;max-width:180px;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/cs-top-categories.css.map */