.category-grid{background-color:#fff;width:100%;overflow:hidden}.category-grid__main-heading{text-align:center;font-weight:700;margin:0 0 var(--heading-margin) 0;font-size:var(--heading-size);text-transform:uppercase;letter-spacing:0em;color:#000}.category-grid__wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.category-grid__item-media-and-content-wrapper{display:flex;flex-direction:column;row-gap:16px}.category-grid__item{position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:#f5f5f5;text-decoration:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94);aspect-ratio:1 / 1;overflow:hidden;padding:20px}.category-grid__item:hover{transform:translateY(-1px)}.category-grid__item:hover .category-grid__image{transform:scale(1.08) rotate(-2deg)}.category-grid__content{z-index:2}.category-grid__item-title{display:flex;align-items:center;font-size:16px;font-weight:500;color:#000;text-transform:uppercase;letter-spacing:0em}.category-grid__item-media-and-content-wrapper>.category-grid__content-desktop .category-grid__item-title{font-weight:500;justify-content:space-between;align-items:center}.category-grid__icon{display:flex;align-items:center;margin-left:8px;transition:transform .3s ease}.category-grid__item:hover .category-grid__icon{transform:translate(1px)}.category-grid__image-wrapper{position:absolute;bottom:0;right:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end}.category-grid__image{max-width:100%;max-height:100%;object-fit:cover;transition:transform .5s ease}.category-grid__image--placeholder{opacity:.2}.category-grid__content-mobile{opacity:0}@media screen and (max-width:749px){.category-grid__content-desktop{display:none}.category-grid__content-mobile{opacity:1;padding-left:16px}.category-grid__wrapper{grid-template-columns:1fr;gap:12px}.category-grid__item{aspect-ratio:auto;min-height:120px;max-height:120px;flex-direction:row;align-items:center;padding:0}.category-grid__image-wrapper{width:140px;height:100%;position:relative}.category-grid__image{object-fit:contain}.category-grid__item-title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/category-grid.css.map */