.collection-banner-inner{position:relative;overflow:hidden}.collection-banner{background-image:url(../assets/h-collection-bg.webp);background-repeat:repeat}.collection-banner-inner .category-wrapper{background:rgb(var(--color-button-text));border-radius:1rem;display:flex;flex-direction:column;height:100%;text-decoration:none;overflow:hidden}.collection-banner-inner .category-figure{padding:3.55rem 2rem}.collection-banner-inner .category-figure .category-img{width:100%;height:100%;position:relative;aspect-ratio:1/1;overflow:hidden}.collection-banner-inner .category-figure .category-img img{width:100%;height:100%;object-fit:contain;object-position:center center;transition:ease-in-out .4s}.collection-banner-inner .category-wrapper .category-name{display:flex;align-items:center;justify-content:space-between;padding-left:2.5rem;font-size:1.6rem;font-style:italic;font-weight:900;text-transform:uppercase;margin:0;transition:.5s;position:relative;z-index:1}.collection-banner-inner .category-wrapper .category-name:after{content:"";transition:.5s;position:absolute;top:0;bottom:0;right:0;height:100%;width:4rem;z-index:-1;background:rgb(var(--color-foreground));border-radius:1rem 0;transition:ease-in-out .4s}.collection-banner-inner .category-wrapper .category-name .cat-arrow{width:4rem;height:6.1rem;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:1rem 0}.collection-banner-inner .category-wrapper .category-name .cat-arrow svg{color:rgb(var(--color-button-text));width:.8rem;height:.9rem}.collection-banner-inner .category-wrapper:hover .category-figure .category-img img{transform:scale(1.1)}.collection-banner-inner .category-wrapper:hover .category-name:after{width:100%;background:var(--color-button-ada);border-radius:0 0 1rem 1rem}.collection-banner-inner .category-wrapper:hover .category-name{color:rgb(var(--color-button-text))}.collection-banner-inner .category-wrapper:hover .category-name .cat-arrow svg{color:rgb(var(--color-button-text))}.collection-banner-inner .swiper-button-prev:after,.collection-banner-inner .swiper-button-next:after{display:none}.collection-banner-slider{display:none}.collection-banner-slider.slick-initialized{display:block}.collection-banner-slider .slick-slide{padding:0 .25rem}
/*# sourceMappingURL=/cdn/shop/t/34/assets/collection-grid-banner.css.map */