/* The selected arrangement is preserved on phones as well as desktop. */
.main-banner { display: grid; gap: 12px; width: 100%; margin: 0; }
.banner-layout-large { grid-template-columns: minmax(0, 1fr); }
.banner-layout-two, .banner-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.banner-layout-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.banner-tile { min-width: 0; overflow: hidden; background: #e8ece4; border-radius: 5px; aspect-ratio: 1 / 1; }
.banner-layout-large .banner-tile { aspect-ratio: 2 / 1; }
.banner-layout-grid .banner-tile { aspect-ratio: 2 / 1; }
.banner-tile img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
@media (max-width: 760px) { .main-banner { gap: 6px; } .banner-tile { border-radius: 3px; } }