.banners-grid__wrapper{display:grid;width:100%}.grid{display:grid}.grid--1-col-mobile{grid-template-columns:1fr}.grid--2-col-mobile{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:750px){.grid--2-col-desktop{grid-template-columns:repeat(2,1fr)}.grid--3-col-desktop{grid-template-columns:repeat(3,1fr)}.grid--4-col-desktop{grid-template-columns:repeat(4,1fr)}}.banners-grid__item{position:relative;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface-alt);aspect-ratio:1916 / 821}@media screen and (max-width:749px){.grid--1-col-mobile .banners-grid__item{aspect-ratio:1916 / 821}.grid--2-col-mobile .banners-grid__item{aspect-ratio:1 / 1}}.banners-grid__card{display:block;width:100%;height:100%;position:relative;text-decoration:none;overflow:hidden;border-radius:inherit}.banners-grid__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.banners-grid__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.banners-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:opacity .4s ease;background:linear-gradient(to top,#000000d9,#0000 80%)}.banners-grid__card:hover .banners-grid__image{transform:scale(1.06)}.banners-grid__card:hover .banners-grid__overlay{opacity:.8}.banners-grid__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid transparent;border-radius:inherit;z-index:4;transition:border-color .4s ease;pointer-events:none}.banners-grid__card:hover:after{border-color:#16c78980}.banners-grid__content{position:absolute;bottom:0;left:0;width:100%;padding:var(--space-6);z-index:3;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.banners-grid__content.text-left{align-items:flex-start;text-align:left}.banners-grid__content.text-center{align-items:center;text-align:center}.banners-grid__content.text-right{align-items:flex-end;text-align:right}.banners-grid__title{position:relative;margin:0 0 var(--space-4) 0;font-family:Montserrat,sans-serif;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.4);transition:transform .4s cubic-bezier(.16,1,.3,1)}.banners-grid__content.text-left .banners-grid__title{padding-left:var(--space-4)}.banners-grid__content.text-left .banners-grid__title:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background-color:currentColor;border-radius:3px}.banners-grid__card:hover .banners-grid__title{transform:translateY(-6px)}.banners-grid__button{display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:var(--radius-sm);transition:all .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.banners-grid__card:hover .banners-grid__button{background-color:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important;transform:translateY(-6px);box-shadow:0 4px 15px #16c78940}@media screen and (max-width:749px){.banners-grid__content{padding:var(--space-5)}.banners-grid__title{font-size:1.5rem;margin-bottom:var(--space-3)}.banners-grid__button{padding:6px 18px;font-size:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-banners-grid.css.map */