/* TrendishShop v203 — mobile-only ad banner layout.
   Two compact promo banners side-by-side, like modern marketplace tiles.
   Desktop/tablet > 600px stays unchanged. */
@media (max-width:600px){
  body.home-overlay-layout .home-ad-banners-section{
    margin:0!important;
    padding:10px 0 14px!important;
    background:transparent!important;
  }

  body.home-overlay-layout .home-ad-banners-section>.container{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
  }

  body.home-overlay-layout .home-ad-banners-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
  }

  body.home-overlay-layout .home-ad-banners-grid.has-one{
    grid-template-columns:1fr!important;
  }

  body.home-overlay-layout .home-ad-banner-card{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    aspect-ratio:1.72/1!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:10px!important;
    background:#f8eef3!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

  body.home-overlay-layout .home-ad-banner-card img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  body.home-overlay-layout .home-ad-banner-placeholder{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    color:#6f6269!important;
    background:linear-gradient(145deg,#fff7fa,#f6edf4)!important;
    border:1px solid #f1e2ea!important;
  }

  body.home-overlay-layout .home-ad-banner-placeholder span{
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.35!important;
  }

  body.home-overlay-layout .home-ad-banner-placeholder small{
    font-size:8px!important;
    line-height:1.3!important;
  }
}

@media (max-width:340px){
  body.home-overlay-layout .home-ad-banners-section>.container{
    width:calc(100% - 12px)!important;
  }
  body.home-overlay-layout .home-ad-banners-grid{gap:6px!important}
  body.home-overlay-layout .home-ad-banner-card{border-radius:8px!important}
}