.collection-banners ul{margin:0}.collection-banners:not(.grid-view-items) .banner-list{column-gap:.7rem;row-gap:1.5rem}.collection-banners.grid-view-items .banner-list{column-gap:1.5rem;row-gap:2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.collection-banners.grid-view-items .banner-list .grid__item{width:100%;max-width:100%}.collection-banners.grid-view-items .banner-list .grid__item:nth-child(2),.collection-banners.grid-view-items .banner-list .grid__item:nth-child(3){grid-row:span 2 / span 2}.collection-banners:not(.grid-view-items) .banner-list .grid__item{flex:1 1 0;max-width:100%}.collection-banners .banner-list .banner-card{position:relative}.collection-banners .banner-list .grid__item.no-image .banner-card{min-height:32rem;height:100%}.collection-banners .banner-list .banner-card .banner-card__info{position:absolute;top:0;left:50%;width:100%;text-align:center;padding:3rem;max-width:460px;transform:translate(-50%);z-index:1}.collection-banners .banner-list .banner-card .banner-card__info h2{margin-top:0;margin-bottom:1.5rem}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info{display:flex;justify-content:space-between;align-items:flex-end;column-gap:.8rem}.collection-banners .banner-list .banner-card .banner-card__info .button{padding:1rem 1.5rem;margin-top:2.2rem}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info .button{margin-top:2.2rem;padding:.4rem .5rem;min-width:0;font-size:1.4rem;white-space:nowrap;transition:.4s}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info .button{opacity:0}.collection-banners.grid-view-items .banner-list .banner-card:hover .banner-card__info .button{opacity:1}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info{bottom:0;top:auto;left:0;transform:translate(0);max-width:100%;padding:1.4rem;text-align:left;background:linear-gradient(360deg,#000,#0000)}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info p{font-size:2.4rem;font-weight:700;margin:0;line-height:1.25}.collection-banners.grid-view-items .banner-list .grid__item:nth-child(2) .banner-card .banner-card__info,.collection-banners.grid-view-items .banner-list .grid__item:nth-child(3) .banner-card .banner-card__info{padding:1.4rem 2.4rem}.collection-banners .banner-list .banner-item .media{padding-bottom:57%}.collection-banners:not(.grid-view-items) .banner-list .banner-item .media:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#000,#0000);opacity:.5}.collection-banners.grid-view-items .banner-list .banner-item .media{padding-bottom:64%}.collection-banners.grid-view-items .banner-list .grid__item:nth-child(2) .media,.collection-banners.grid-view-items .banner-list .grid__item:nth-child(3) .media{padding-bottom:calc(128% + 2rem)}.collection-banners .banner-list .grid__item .media img{transform:scale(1.1);transition:1s}.collection-banners .banner-list .grid__item:hover .media img{transform:scale(1)}.collection-banners.grid-view-items .banner-list .grid__item:nth-child(2) .media img,.collection-banners.grid-view-items .banner-list .grid__item:nth-child(3) .media img{transform:scale(1)}.collection-banners.grid-view-items .banner-list .grid__item:nth-child(2):hover .media img,.collection-banners.grid-view-items .banner-list .grid__item:nth-child(3):hover .media img{transform:scale(1.1)}.collection-banners .banner-list .overlap-link{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 1199px){.collection-banners.grid-view-items .banner-list .grid__item:nth-child(2) .banner-card .banner-card__info,.collection-banners.grid-view-items .banner-list .grid__item:nth-child(3) .banner-card .banner-card__info{padding:1rem}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info{padding:1rem;flex-direction:column;align-items:flex-start}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info p{font-size:2rem}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info .button{margin-top:1rem}}@media screen and (max-width: 989px){.collection-banners.grid-view-items .banner-list{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-banners.grid-view-items .banner-list .banner-card .banner-card__info .button{opacity:1}.collection-banners:not(.grid-view-items) .banner-list .grid__item{flex:1 1 100%}}@media screen and (max-width: 749px){.collection-banners.grid-view-items .banner-list{grid-template-columns:repeat(1,minmax(0,1fr))}.collection-banners:not(.grid-view-items) .banner-list .banner-item .media{padding-top:75%}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/section-collection-banner.css.map */