.grid--banners{padding:20px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.mf--banner{overflow:hidden;position:relative}.mf--banner img{width:100%;height:100%;object-fit:cover;object-position:top}.mf--banner a.mf--banner-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.mf--banner span.mf--banner-title{position:absolute;bottom:2rem;left:0;z-index:1;color:#000;font-weight:500;width:100%;background-color:#ffffffa3;text-align:center;padding:10px 8px;font-size:14px}@media screen and (max-width: 1000px){.grid--banners{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width: 768px){.grid--banners{padding:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.mf--banner span.mf--banner-title{font-size:12px;padding:8px 4px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dynamic-coll-banners.css.map */