.mwtb{
  margin-top: var(--mwtb-space-top, 24px);
  margin-bottom: var(--mwtb-space-bottom, 24px);
  background: transparent;
  position: relative;
}

.mwtb__inner{
  width: var(--mwtb-container-width, 75%);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--mwtb-side-pad, 24px);
  padding-right: var(--mwtb-side-pad, 24px);
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 991px){
  .mwtb__inner{ width: 92%; padding-left: 14px; padding-right: 14px; }
}
@media (max-width: 767px){
  .mwtb__inner{ width: 100%; padding-left: 10px; padding-right: 10px; }
}

.mwtb__track{
  display:flex;
  flex-wrap: nowrap;
  gap: var(--mwtb-gap, 18px);
  align-items:center;
  justify-content: center;
  overflow:hidden; /* becomes scrollable in slider mode */
  padding: 2px 0;
}

/* Item: no tile, just inline icon + text */
.mwtb__item{
  display:flex;
  align-items:center;
  gap: 10px;
  flex: 0 0 auto;

  /* aim for up to 10 items across if fits */
  min-width: 0;
}

/* icon: bright gold, glossy */

/* Text: clean, professional */

/* Icon: gold SVG only (no circles) */
.mwtb__iconwrap{
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}
.mwtb__icon{
  width: var(--mwtb-icon-size, 30px);
  height: var(--mwtb-icon-size, 30px);
  object-fit: contain;
  display:block;
  filter: none;
  transform: none;
  top: auto;
  margin: 0;
}

.mwtb__text{min-width:0;}
.mwtb__title{
  font-size: var(--mwtb-title-size, 15px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .1px;
  color: var(--mwtb-text, #1b1f23);
  }
.mwtb__desc{
  margin-top: 2px;
  font-size: var(--mwtb-text-size, 13px);
  line-height: 1.2;
  opacity: .86;
  color: var(--mwtb-text, #1b1f23);
  }

/* Soft blue underline glow */
.mwtb__item{
  padding: 2px 0;
}
.mwtb__item::before{
  content:"";
  position:absolute;
  display:none;
}

/* Slider mode enabled by JS when not fitting */
.mwtb.is-slider .mwtb__track{
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 2px 2px 10px 2px;
}

.mwtb.is-slider .mwtb__track{scrollbar-width:none;}
.mwtb.is-slider .mwtb__track::-webkit-scrollbar{display:none}

.mwtb.is-slider .mwtb__item{
  scroll-snap-align: start;
  padding-right: 10px;
}

/* Make it easier to fit many items on desktop */
@media (min-width: 992px){
  .mwtb__track{gap: var(--mwtb-gap, 18px);}
  .mwtb__title, .mwtb__desc{
  }
}

/* Tablet */
@media (max-width: 991px){
  .mwtb__track{gap: max(14px, var(--mwtb-gap, 18px));}
}

/* Mobile: always slider (more breathing room) */
@media (max-width: 767px){
  .mwtb.is-slider .mwtb__track{
  justify-content: flex-start;padding-bottom: 10px;}
  .mwtb__title{font-size: calc(var(--mwtb-title-size, 15px) + 1px);}
}


/* Optional wrapper background */
.mwtb.mwtb--wrapbg .mwtb__inner{
  background: var(--mwtb-wrap-bg, transparent);
  border-radius: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
}


}


/* Full-width hook helper: center carousel with configurable width + side padding */
.mwtb__inner{
  width: var(--mwtb-container-width, 75%);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--mwtb-side-pad, 24px);
  padding-right: var(--mwtb-side-pad, 24px);
  box-sizing: border-box;
}
@media (max-width: 991px){
  .mwtb__inner{ width: 92%; padding-left: 14px; padding-right: 14px; }
}
@media (max-width: 767px){
  .mwtb__inner{ width: 100%; padding-left: 10px; padding-right: 10px; }
}