#ssnb-bar{
  position:fixed;
  left:0; right:0;
  bottom:-200px;
  opacity:0;
  transform:translateY(0);
  transition:bottom .35s ease, opacity .35s ease;
  z-index:var(--ssnb-z, 9999);
  background:var(--ssnb-bg, #111);
}
#ssnb-bar.ssnb-visible{
  bottom:0; opacity:1;
}
#ssnb-bar .ssnb-inner{
  max-width:var(--ssnb-maxw, 1200px);
  margin:0 auto;
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  padding:var(--ssnb-padding, 16px 20px);
}
#ssnb-bar .ssnb-text{
  color:var(--ssnb-text, #fff);
  font-size:var(--ssnb-text-size, 16px);
  font-family:var(--ssnb-font, inherit);
  line-height:1.5;
  flex:1;
}
#ssnb-bar.ssnb-align-center .ssnb-text{ text-align:center; }
#ssnb-bar.ssnb-align-right  .ssnb-text{ text-align:right; }
#ssnb-bar .ssnb-btn{
  white-space:nowrap;
  text-decoration:none;
  display:inline-block;
  color:var(--ssnb-btn-text, #fff);
  background:var(--ssnb-btn-bg, #2563eb);
  font-size:var(--ssnb-btn-size, 16px);
  font-family:var(--ssnb-btn-font, inherit);
  padding:var(--ssnb-btn-pad, 10px 16px);
  border-radius:var(--ssnb-btn-radius, 8px);
}
#ssnb-bar .ssnb-close{
  margin-left:12px;
  cursor:pointer;
  border:none;
  background:transparent;
  color:var(--ssnb-text, #fff);
  font-size:18px;
  line-height:1;
}
@media (max-width:782px){
  #ssnb-bar .ssnb-inner{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }
  #ssnb-bar .ssnb-actions{
    display:flex; align-items:center; gap:10px; justify-content: center;
  }
  #ssnb-bar .ssnb-actions a {
    width: 100%;text-align: center;
  }
}