@-webkit-keyframes start-title-img{0%{opacity:0;background-color:gray}to{opacity:1;background-color:unset}}@keyframes start-title-img{0%{opacity:0;background-color:gray}to{opacity:1;background-color:unset}}.category-tile,.category-tile__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.category-tile{-ms-flex-wrap:wrap;flex-wrap:wrap}.category-tile__title{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.categories-tiles{display:grid;gap:40px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:90px}.category-tile{overflow:hidden;position:relative;border-radius:8px}.category-tile__img img,.category-tile__title{-webkit-transition:all .3s linear;transition:all .3s linear;height:100%;min-width:100%}.category-tile__title{background:rgba(28,35,7,.7);position:absolute;left:0;top:0;bottom:0;right:0;z-index:1;font-size:22px;font-weight:700;color:#fff;text-align:center;padding:20px}.category-tile__img{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;height:200px}.category-tile__img img{-webkit-animation:start-title-img 3s linear 1s;animation:start-title-img 3s linear 1s;-o-object-fit:cover;object-fit:cover;width:100%;min-height:100%;max-height:100%;max-width:100%}@media only screen and (min-width:993px){.category-tile:hover .category-tile__title{background-color:rgba(28,35,7,.15)}.category-tile:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}@media (max-width:992px){.categories-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,3vw,30px)}}@media (max-width:576px){.categories-tiles{grid-template-columns:repeat(1,minmax(0,1fr));gap:clamp(10px,3vw,30px)}}