.category-carousel{padding:80px 0;background:#fff}.category-carousel .container{max-width:1400px;margin:0 auto;overflow:hidden;padding:0 20px}.category-carousel .content{display:flex;align-items:center;gap:50px}.category-carousel .content-left{flex:0 0 30%}.category-carousel .title{font-size:40px;font-weight:700;margin-bottom:20px}.category-carousel .description{font-size:16px;color:#666}.category-carousel .content-right{flex:1;max-width:100%;position:relative;overflow:auto}.category-carousel .swiper{padding-bottom:60px}.category-carousel .swiper-wrapper{align-items:stretch;max-width:100%}.category-carousel .swiper-slide{height:auto}.category-carousel .card{position:relative;border-radius:6px;overflow:hidden;height:400px;background:#f5f5f5;cursor:pointer}.category-carousel .card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-carousel .card:hover .card-image{transform:scale(1.05)}.category-carousel .overlay{position:absolute;top:0;left:50%;width:50%;bottom:0;background:#0009;opacity:0;display:flex;justify-content:center;align-items:flex-end;transition:opacity .3s ease}.category-carousel .card:hover .overlay{opacity:1}.category-carousel .overlay{position:absolute;top:0;left:50%;width:50%;bottom:0;background:#0009;opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.category-carousel .overlay ul{list-style:none;padding:0;margin:0;text-align:center}.category-carousel .overlay ul li,.category-carousel .overlay ul li a{color:#fff;font-size:16px;margin-bottom:15px}.category-carousel .overlay ul li:last-child{margin-bottom:0}.category-carousel .card-title{position:absolute;bottom:20px;left:20px;color:#fff;font-size:18px;font-weight:600;z-index:2}.category-carousel .category-button-wrapper{display:flex;position:relative;gap:12px;justify-content:flex-start}.category-carousel .category-button-prev{transform:rotate(180deg)}.category-carousel .category-button-prev,.category-carousel .category-button-next{width:40px;height:40px;background:#f1f1f1;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.category-carousel .category-button-prev:after,.category-carousel .category-button-next:after{font-size:16px}@media only screen and (max-width: 768px){.category-carousel{padding:20px 0}.category-carousel .content{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-shop-by-category.css.map */