.collection-banner-section{display:flex;justify-content:center}.collections-banner__wrapper{width:100%;padding-inline:2rem}@media(min-width:1200px){.collections-banner__wrapper{padding-inline:6.4rem}}@media(min-width:1920px){.collections-banner__wrapper{max-width:1920px}}.collection-banner__list{display:grid;gap:2.1rem;grid-template-columns:repeat(1,1fr)}.collection-banner__list.with-border{padding-bottom:6rem;border-bottom:.1rem solid rgb(var(--color-border))}@media(min-width:768px){.collection-banner__list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px)and (max-width:1360px){.collection-banner__list{grid-template-columns:repeat(3,1fr)}}@media(min-width:1360px){.collection-banner__list{grid-template-columns:repeat(4,1fr)}}.collection-banner-item{position:relative;max-height:21.6rem}.collection-banner__list .banner-item{display:block;width:100%;overflow:hidden;border-radius:1.2rem;height:100%}.collection-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:1.2rem;min-height:21.6rem;transition:.3s ease}@media(min-width:1200px){.collection-banner-item:hover .collection-image{transform:scale(1.1);transition:.3s ease}}@media(min-width:1920px){.collection-banner-item{max-height:28.6rem}.collection-image{min-height:28.6rem}}.banner-title{text-decoration:none;position:absolute;bottom:2rem;left:2rem;transition:.3s ease;max-width:80%}.banner-title h2{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;color:rgb(var(--color-background));margin:0}.collection-banners__button{position:absolute;bottom:0;left:2rem;opacity:0;visibility:hidden;transition:.2s ease;border-color:rgb(var(--color-background));color:rgb(var(--color-button-hover));max-height:4.4rem;min-height:4.4rem}@media(min-width:1200px){.collection-banner-item:hover .banner-title{transform:translateY(-5rem);transition:.3s ease}.collection-banner-item:hover .collection-banners__button{transform:translateY(-2rem);opacity:1;visibility:visible;transition:.2s ease}}@media(min-width:1200px){.collection-banners__button svg{display:none}.collection-banners__button .btn-txt{display:block}}@media(max-width:1200px){.collection-banners__button{opacity:1;visibility:visible;right:2rem;bottom:2rem;width:4.4rem;height:4.4rem;left:unset;min-width:unset;padding:0}.collection-banners__button svg{display:block}.collection-banners__button .btn-txt{display:none}.banner-title{max-width:75%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-collection-banners.css.map */