*{box-sizing:border-box}.mini-banner-container{display:flex;height:60vh;min-height:400px;position:relative;margin:0;padding:0;overflow:hidden}.mini-banner-empty{width:100%;padding:60px 20px;text-align:center;background-color:#f5f5f5;color:#666;font-size:1.1rem}.mini-banner-card{flex:1;position:relative;overflow:hidden;display:block;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.mini-banner-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.mini-banner-image{width:100%;height:100%;object-fit:cover;display:block;transition:none}.mini-banner-placeholder{width:100%;height:100%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.1rem}.mini-banner-gradient{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(var(--gradient-color-rgb, 0, 0, 0),var(--gradient-opacity, .6)),rgba(var(--gradient-color-rgb, 0, 0, 0),.2),rgba(var(--gradient-color-rgb, 0, 0, 0),0));z-index:2;pointer-events:none;--gradient-color-rgb: 0, 0, 0;--gradient-opacity: .6}.mini-banner-text-wrapper{position:absolute;bottom:40px;left:0;right:40px;z-index:3;pointer-events:none}.mini-banner-text-background{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;z-index:-1}.mini-banner-text{color:#000;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1.2;margin:0;padding:8px 12px;position:relative;z-index:1}.mini-banner-card.card-left:hover{flex:1.3;z-index:0;transform-origin:left center}.mini-banner-card.card-center:hover{flex:1.4;z-index:0;transform-origin:center center}.mini-banner-card.card-right:hover{flex:1.3;z-index:0;transform-origin:right center}.mini-banner-card:hover .mini-banner-image,.mini-banner-card .mini-banner-image{transform:none!important}.desktop-layout{display:flex}.mobile-layout{display:none}.mini-banner-swiper-container{width:100%;height:50vh;min-height:300px;padding:20px 0 50px}.mini-banner-swiper-container .swiper-slide{height:auto;display:flex;align-items:stretch}.mini-banner-card-mobile{width:100%;height:100%;display:block;text-decoration:none;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px #0000001a}.mini-banner-card-mobile .mini-banner-image-wrapper{height:100%;min-height:250px}.mini-banner-swiper-container .swiper-pagination{bottom:10px}.mini-banner-swiper-container .swiper-pagination-bullet{background-color:#ffffff80;opacity:1;width:8px;height:8px}.mini-banner-swiper-container .swiper-pagination-bullet-active{background-color:#fff;width:24px;border-radius:4px}@media(max-width:768px){.desktop-layout{display:none}.mobile-layout{display:block}.mini-banner-text-wrapper{bottom:20px;left:20px;right:20px}.mini-banner-text{font-size:clamp(1.2rem,4vw,1.8rem)}}@media(max-width:480px){.mini-banner-swiper-container{height:40vh;min-height:250px}.mini-banner-card-mobile .mini-banner-image-wrapper{min-height:200px}.mini-banner-text-wrapper{bottom:15px;left:15px;right:15px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/mini-banner.css.map */