.alo-multiple-banner-block{width:100%;position:relative}.alo-banner-grid{display:grid;gap:16px;grid-template-columns:1fr}.alo-banner-item{width:100%;position:relative;display:flex;flex-direction:column}.alo-banner-media{width:100%;height:0;padding-bottom:133.33%;position:relative;display:block;text-decoration:none;overflow:hidden}.alo-banner-media img,.alo-banner-media video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.alo-banner-description{padding:16px 0 16px 16px;text-align:left;display:flex;flex-direction:column;gap:4px}.alo-banner-title{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:inherit}.alo-banner-subtitle{margin:0;font-size:14px;line-height:1.4;color:#666}.alo-banner-button{display:inline-block;width:fit-content;background-color:#000;color:#fff;text-decoration:none;padding:12px 16px;font-size:14px;font-weight:500;text-align:center;line-height:1.2;transition:background-color .3s ease;margin-top:4px}.alo-banner-button:hover{background-color:#333;color:#fff}@media screen and (max-width: 749px){.alo-banner-grid{gap:12px}.alo-banner-media{padding-bottom:125%;max-height:600px}.alo-banner-description{padding:12px 0 12px 16px;text-align:left}.alo-banner-button{width:50%;font-size:12px;padding:10px 12px}}@media screen and (min-width: 750px){.alo-multiple-banner-block{padding:0 24px}.alo-banner-grid{grid-template-columns:repeat(3,1fr);gap:4px}.alo-banner-item{height:100%}.alo-banner-media{flex:1;padding-bottom:140%;max-height:600px}.alo-banner-description{text-align:left;padding:16px 0 16px 16px}}@media screen and (min-width: 750px) and (max-width: 1024px){.alo-banner-media{padding-bottom:130%}}@media screen and (min-width: 1400px){.alo-banner-media{padding-bottom:135%}}.placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center}@supports not (aspect-ratio: 1){.alo-banner-media{min-height:300px}@media screen and (min-width: 750px){.alo-banner-media{min-height:400px}}}@supports (aspect-ratio: 1){.alo-banner-media{padding-bottom:0;aspect-ratio:3/4;height:auto;max-height:600px}@media screen and (max-width: 749px){.alo-banner-media{aspect-ratio:4/5}}@media screen and (min-width: 750px){.alo-banner-media{aspect-ratio:5/7}}@media screen and (min-width: 750px) and (max-width: 1024px){.alo-banner-media{aspect-ratio:10/13}}@media screen and (min-width: 1400px){.alo-banner-media{aspect-ratio:20/27}}}
/*# sourceMappingURL=/cdn/shop/t/342/assets/alohas-multiple-banner-block.css.map */