.dbh-side-banners-wrap{position:relative;z-index:10}
/* Desktop sticky side banners */
.dbh-side-banner{position:fixed;top:24px;display:none;opacity:1;transition:opacity .2s ease;}
.dbh-side-banner img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.dbh-side-banner .dbh-ad{position:absolute;right:6px;bottom:6px;font:700 11px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#eee; background:rgba(0,0,0,.55); padding:2px 6px;border-radius:4px}
/* Mobile bottom banner (horizontal) */
.dbh-mobile-banner{position:fixed;left:0;right:0;bottom:0;display:none;z-index:9999;height:var(--dbh-mb-h,112px);background:#000;box-shadow:0 -8px 20px rgba(0,0,0,.35)}
.dbh-mobile-banner img{display:block;margin:6px auto;max-height:calc(var(--dbh-mb-h,112px) - 12px);width:auto;max-width:96vw;object-fit:contain}
.dbh-mobile-banner .dbh-mb-close{position:absolute;right:4px;top:2px;border:0;background:transparent;color:#fff;
font:700 22px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;text-shadow:0 1px 3px rgba(0,0,0,.7);
cursor:pointer;padding:8px; z-index:10000;}
/* make tap target ~36x36 without looking huge */
.dbh-mobile-banner .dbh-mb-close::after{content:""; position:absolute; right:0; top:0; width:36px; height:36px;}
.dbh-mobile-banner .dbh-ad{position:absolute;right:10px;bottom:8px;font:700 11px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#eee; background:rgba(0,0,0,.55); padding:2px 6px;border-radius:4px}
/* Hide desktop banners by default on small screens */
@media (max-width: 991px){
  .dbh-side-banner{display:none!important}
}