/* Mobile-only additions. Desktop slider and showcase are untouched. */
.mobile-slider-banners { display: none; }
@media (max-width: 767px) {
  .mobile-slider-banners {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 12px;
    margin: 16px auto 22px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .mobile-slider-banner { display: block; min-width: 0; }
  .mobile-slider-banner img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 9px;
  }
  /* The existing showcase retains its 2 / 1 / 2 mobile grid. */
  .index-wrapper .five-ad-showcase {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    box-sizing: border-box;
  }
}