/* Basic styles for the banner */
#lb-banner-mobile, #lb-banner-desktop{
  position:fixed;top:0;left:0;right:0;
  z-index:9999;display:flex;justify-content:center;
  padding:8px;pointer-events:none;animation:lb-slide .25s ease-out;
}
.lb-wrap{
  pointer-events:auto;background:#000;border-radius:12px;overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.4);
  width:92vw;max-width:420px;position:relative;color:#fff;
}
.lb-wrap.lb-desktop{max-width:520px;}
.lb-wrap img{display:block;width:100%;height:auto;}
.lb-footer{
  background:#000;color:#fff;text-align:center;font-size:0.95rem;
  padding:10px 8px 12px;border-top:1px solid rgba(255,255,255,0.2);
}
.lb-footer span{font-weight:700;}
.lb-footer .lb-btn{
  display:inline-block;background:#fff;color:#000;font-weight:600;border-radius:20px;
  padding:5px 14px;margin-top:6px;text-decoration:none;transition:all .2s ease;
}
.lb-footer .lb-btn:hover{background:#ffcc00;color:#000;}
.lb-x{
  position:absolute;top:6px;right:6px;width:28px;height:28px;
  line-height:26px;border:0;border-radius:50%;
  background:rgba(255,255,255,.25);color:#fff;font-size:18px;cursor:pointer;
}
.lb-x:hover{background:rgba(255,255,255,.45);}
@keyframes lb-slide{from{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}
/* simple responsive helpers */
.lb-visible-desktop{display:none}
@media (min-width: 960px){
  .lb-visible-desktop{display:block}
  .lb-hidden-desktop{display:none}
}