.grid--banners{padding:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mf--banner{overflow:hidden;position:relative;flex:1 0 calc(16.66% - 9px)}.mf--banner img{width:100%;height:100%;object-fit:cover;object-position:top}.mf--banner a.mf--banner-link{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.mf--banner span.mf--banner-title{position:absolute;bottom:4rem;left:0;z-index:1;text-align:center;padding:12px;font-size:9px;color:#fff;width:100%;background-color:#000000c2;text-transform:uppercase;font-family:Sofia Sans Extra Condensed,sans-serif!important;font-weight:500;letter-spacing:.05rem}@media screen and (max-width:1300px){.grid--banners .mf--banner{flex:1 0 calc(20% - 8px)}}@media screen and (max-width: 1000px){.grid--banners .mf--banner{flex:1 0 calc(33.33% - 7px)}}@media screen and (max-width: 700px){.grid--banners{padding:10px;gap:10px}.grid--banners .mf--banner{flex:1 0 calc(50% - 5px)}}@media screen and (min-width: 490px){.mf--banner span.mf--banner-title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/ss-dynamic-coll-banners.css.map */