/* Admin-managed advertisement slots (real creatives). Placeholder styling lives in site.css. */
.advertisement.has-ad{padding:10px 12px 8px;border-style:solid;border-color:#d9e2de;background:#fff;text-align:center}
.advertisement.has-ad:after{display:none}
.advertisement.has-ad .ad-label{margin-bottom:6px;text-align:left}
.advertisement.has-ad .ad-link{display:block;line-height:0}
.advertisement.has-ad img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:6px}
.ad-leaderboard.has-ad,.ad-footer.has-ad,.ad-category.has-ad{min-height:0}
.ad-sidebar.has-ad{min-height:0;padding:10px}
.ad-category.has-ad{background:#fff;border-color:#d8c98a}
.detailside .ad-sidebar{margin-top:27px}
.filterbox.filterbox-ad{display:block}
@media(max-width:760px){
  .filterbox.filterbox-ad{display:none}
  .ad-sidebar.has-ad,.filterbox .ad-sidebar.has-ad{display:block;width:100%}
  .advertisement.has-ad{padding:8px}
}
.browse.browse-solo{grid-template-columns:1fr}

/* Home hero: keep the image aligned with the heading (as in the design) so it sits ~60px under the banner
   even when the headline is longer than the design's sample text. All other spacing is the design's own. */
@media(min-width:761px){.ad-leaderboard + .hero{align-items:start}}