.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cat-tile{overflow:hidden;cursor:pointer;position:relative;display:block;border-radius:var(--r-md);height:220px;transition:transform .3s var(--ease)}.cat-tile--large{grid-column:span 2}.cat-tile--small{grid-column:span 1}.cat-tile--tall{height:270px}.cat-tile:hover{transform:translateY(-2px)}.cat-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos-d, center center);transition:transform .4s var(--ease)}.cat-tile:hover img{transform:scale(1.05)}.cat-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#00000073,#0000 55%)}.cat-tile__hover-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--red);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.cat-tile:hover .cat-tile__hover-tint{opacity:.75}.cat-tile--color{display:flex;align-items:flex-end;justify-content:space-between;padding:20px}.cat-name{position:absolute;left:20px;bottom:16px;font-family:var(--font-heading-family);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:1}.cat-tile--color .cat-name{position:static;text-shadow:none}.cat-tile__arrow{width:34px;height:34px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:var(--red);flex-shrink:0}.cat-tile__arrow svg{width:14px;height:14px}.cat-tile__arrow--hover{position:absolute;right:16px;bottom:16px;z-index:2;opacity:0;transform:scale(.8);transition:opacity .25s var(--ease),transform .25s var(--ease)}.cat-tile:hover .cat-tile__arrow--hover{opacity:1;transform:scale(1)}@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}.cat-tile--large{grid-column:span 2}}@media(max-width:767px){.cat-tile img{object-position:var(--pos-m, var(--pos-d, center center))}.cat-grid{grid-template-columns:1fr}.cat-tile,.cat-tile--large,.cat-tile--small{grid-column:span 1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-grid.css.map */