/* Skyscraper sidebar ad ("pillar banner") — shared across every page that
   carries it, so all of them get identical behaviour from one source
   instead of a duplicated inline block per page (Rohit, 17-Sep). Rules and
   values ported as-is from Buy-Business-Leads.html. */
.bbl3-sidebar{display:none;flex-direction:column;position:fixed;top:calc(var(--head-h) + 12px);width:150px;height:calc(100vh - var(--head-h) - 24px);z-index:40}
.bbl3-sidebar img{display:block;width:100%;height:100%;object-fit:contain}
.bbl3-sidebar-l{left:8px}
.bbl3-sidebar-r{right:8px}
.bbl3-sidebar-slides{position:relative;flex:1 1 auto;min-height:0;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px -12px rgba(15,27,61,.45)}
.bbl3-sidebar-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease}
.bbl3-sidebar-slides img.is-active{opacity:1}
.bbl3-sidebar-cta{position:static;align-self:center;flex:0 0 auto;margin-top:10px;z-index:5;background:#ef4444;color:#fff;border:0;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.3);white-space:nowrap;width:auto;max-width:100%}
.bbl3-sidebar-cta:hover{background:#dc2626}
/* clearance kept wider than the sidebar's own width (150px+8px offset here)
   so the pillar's box-shadow bleed never reads as touching the content on
   laptop-width screens (Gaurav, 22-Sep) */
@media (min-width:1300px){
  .bbl3-sidebar{display:flex}
  #main.wrap{max-width:calc(100% - 400px)}
  /* the fixed pillars stay on screen while scrolling, so the footer (which
     sits well past the viewport height) needs the same clearance as #main
     or its links/copy end up sitting underneath the pillars too (Gaurav,
     22-Sep) */
  footer.site-foot .wrap{max-width:calc(100% - 400px)}
}
@media (min-width:1700px){
  .bbl3-sidebar{width:220px}
  .bbl3-sidebar-l{left:16px}
  .bbl3-sidebar-r{right:16px}
  #main.wrap{max-width:calc(100% - 560px)}
  footer.site-foot .wrap{max-width:calc(100% - 560px)}
}
