.smslider-bar {
  display: flex;
  align-items: center;
  background: var(--sms-bg, #ffc927);
  padding: 4px 8px;
  position: sticky;
  top: 0;
  width:100%;
  z-index:9999;
}
.smslider-logo img {
  width: var(--sms-logo-width,100px);
  height: var(--sms-logo-height,32px);
}
.smslider-menu-container {
  flex:1;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin-left:8px;
}
.smslider-menu {
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  white-space:nowrap;
  align-items:center; /* center vertically */
}
.smslider-item {
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  font-size:14px;
  border:1px solid #000;
  border-radius:999px;
  background:transparent;
  color:var(--sms-color,#000);
  text-decoration:none;
  margin-bottom: var(--sms-pill-pb,0px);
  flex-shrink:0;
  transition:background 0.2s,color 0.2s;
}
.smslider-item:hover {
  background:#000;
  color:#ffc927;
}
.smslider-icon {
  height:18px;
  margin-right:6px;
}
@media(max-width:768px){
  .smslider-bar{padding:3px 6px;}
  .smslider-logo img{height:28px;}
  .smslider-item{padding:3px 8px;font-size:13px;}
  .smslider-menu{gap:6px;}
}