.feature-brand-grid__header{text-align:center;margin-bottom:40px}.feature-brand-grid__title{font-size:32px;font-weight:700;margin:0 0 10px}.feature-brand-grid__subtitle{font-size:16px;color:#666;margin:0}.feature-brand-grid__grid{display:grid;list-style:none;margin:20px 8px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,2vw,12px)}.feature-brand-grid__item{position:relative}.feature-brand-grid__link{display:block;width:100%;height:100%;position:relative;overflow:hidden}.feature-brand-grid__link:before{content:"";height:100%;width:100%;position:absolute;border:70px solid rgba(255,255,255,0);top:0;left:0;transition:all .5s ease-in-out;z-index:1}.feature-brand-grid__link:after{content:"";height:100%;width:100%;position:absolute;opacity:.5;border:30px solid #fff;top:0;left:0;transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);transition:all .5s ease-in-out;z-index:1}.feature-brand-grid__link:hover:before{border:0 solid rgba(255,255,255,.7)}.feature-brand-grid__link:hover:after{transform:scale(.8);-moz-transform:scale(.8);-webkit-transform:scale(.8);-ms-transform:scale(.8);opacity:0;transition-delay:.1s}.feature-brand-grid__image{border-radius:4px;display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:0}.feature-brand-grid__placeholder{border-radius:4px;background:#f5f5f5;width:100%;height:100%}.feature-brand-grid__grid>.banner.-top-center{grid-area:1 / 1 / 3 / 3}.feature-brand-grid__grid>.banner.-top-left{grid-area:3 / 1 / 4 / 2}.feature-brand-grid__grid>.banner.-bottom-left{grid-area:3 / 2 / 6 / 3}.feature-brand-grid__grid>.banner.-bottom-center-left{grid-area:4 / 1 / 6 / 2}.feature-brand-grid__grid>.banner.-top-right{grid-area:6 / 1 / 8 / 2}.feature-brand-grid__grid>.banner.-bottom-right{grid-area:6 / 2 / 7 / 3}.feature-brand-grid__grid>.banner.-bottom-center-right{grid-area:7 / 2 / 8 / 3}@media(min-width:641px)and (max-width:768px){.feature-brand-grid__grid{gap:clamp(8px,2vw,14px)}}@media(min-width:769px){.feature-brand-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,24px);margin:20px 8px 10px}.feature-brand-grid__grid>.banner.-top-left{grid-area:1 / 1 / 2 / 2}.feature-brand-grid__grid>.banner.-bottom-left{grid-area:2 / 1 / 5 / 2}.feature-brand-grid__grid>.banner.-top-center{grid-area:1 / 2 / 3 / 4}.feature-brand-grid__grid>.banner.-top-right{grid-area:1 / 4 / 4 / 5}.feature-brand-grid__grid>.banner.-bottom-center-left{grid-area:3 / 2 / 5 / 3}.feature-brand-grid__grid>.banner.-bottom-center-right{grid-area:3 / 3 / 5 / 4}.feature-brand-grid__grid>.banner.-bottom-right{grid-area:4 / 4 / 5 / 5}}@media(min-width:1025px)and (max-width:1280px){.feature-brand-grid__grid{gap:clamp(12px,1.2vw,22px)}}@media(min-width:1281px)and (max-width:1536px){.feature-brand-grid__grid{gap:clamp(14px,1.4vw,26px)}}@media(min-width:1537px){.feature-brand-grid__grid{gap:clamp(16px,1.6vw,32px)}}.feature-brand-grid,.feature-brand-grid__wrapper,.feature-brand-grid__grid{height:auto;min-height:0;overflow:visible}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-feature-brand-grid.css.map */