.category-card{position:relative;overflow:hidden;height:280px;transition:transform .3s ease,background-color .3s ease;cursor:pointer}.category-card:hover{background-color:rgba(0,0,0,.1)}.category-icon{font-size:2.5rem}.card-title{font-size:1rem;line-height:1.2;margin-bottom:.5rem;height:2.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-image-wrapper{margin-top:auto;overflow:hidden;border-radius:8px}.category-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;opacity:0;transition:transform .3s ease,opacity .3s ease}.category-card:hover .category-image{transform:scale(1.1);opacity:.3}.category-swiper{padding:1rem 0}.category-swiper .swiper-slide{height:auto}.category-swiper .swiper-button-next,.category-swiper .swiper-button-prev{color:#000;background:rgba(255,255,255,.8);width:35px;height:35px;border-radius:50%}.category-swiper .swiper-button-next:after,.category-swiper .swiper-button-prev:after{font-size:18px}.category-swiper .swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}@media (min-width:768px){.category-card:hover{transform:translateY(-5px)}}@media (max-width:767px){.container{padding-left:1rem;padding-right:1rem}.category-card{height:250px;margin-bottom:1rem}}