.categories-tiles__header{text-align:center;margin-bottom:3rem}.categories-tiles__title{margin:0 0 .6rem}.categories-tiles__subtitle{color:rgba(var(--color-foreground),.7);margin:0}.categories-tiles{list-style:none;padding:0;margin:0}.categories-tiles__card{position:relative;height:100%;display:grid;grid-template-columns:auto 1fr;gap:1.6rem;padding:1.8rem;border-radius:20px;background:var(--categories-card-bg, #fbfafa);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));transition:transform .3s ease,box-shadow .3s ease}.categories-tiles__link{position:absolute;top:0;right:0;bottom:0;left:0}.categories-tiles__icon{width:56px;height:56px;border-radius:20px;background:var(--categories-icon-bg, #00877414);display:grid;place-items:center;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:background-color .3s ease,color .3s ease;color:var(--categories-icon-color, #008774)}.categories-tiles__icon-img{width:28px;height:28px;object-fit:contain}.categories-tiles__icon-svg{width:28px;height:28px;display:flex;justify-content:center;align-items:center}.categories-tiles__icon-svg svg,.categories-tiles__icon-placeholder svg{stroke:currentColor}.categories-tiles__icon-placeholder svg{width:28px;height:28px}.categories-tiles__card-title{margin:0 0 .6rem;color:var(--categories-card-title-color, #000);font-size:20px;transition:color .3s ease}.categories-tiles__desc{color:rgba(var(--color-foreground),.8);margin:0 0 .5rem;font-size:14px}.categories-tiles__count{color:var(--categories-count-color, #008774);font-weight:700;font-size:12px}@media screen and (min-width: 750px){.categories-tiles__header{margin-bottom:4rem}.categories-tiles__card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.categories-tiles__card:hover .categories-tiles__icon{background:var(--categories-icon-bg-hover, #008774);color:var(--categories-icon-color-hover, #ffffff)}.categories-tiles__card:hover .categories-tiles__card-title{color:var(--categories-card-title-hover-color, #008774)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-categories-tiles.css.map */