.han-ssb1,
.han-ssb1 *{box-sizing:border-box;}
.han-ssb1{
  --han-ssb1-bg:#f5f1ff;
  --han-ssb1-number:#1f2330;
  --han-ssb1-label:#535c70;
  --han-ssb1-divider:#ddd6f7;
  --han-ssb1-gap:0px;
  --han-ssb1-mobile-card:230px;
  --han-ssb1-icon-bg:#ff7a00;
  --han-ssb1-icon-color:#ffffff;
  --han-ssb1-icon-box:88px;
  --han-ssb1-mobile-gap:12px;
  --han-ssb1-mobile-pad:8px;
  width:100%;
  background:var(--han-ssb1-bg);
  border-radius:34px;
  overflow:hidden;
}
.han-ssb1__scroller{
  width:100%;
}
.han-ssb1__track{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--han-ssb1-gap);
}
.han-ssb1__item{
  min-width:0;
  position:relative;
  padding:8px 18px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.han-ssb1__item.is-has-divider::after{
  content:"";
  position:absolute;
  top:18%;
  right:0;
  width:1px;
  height:64%;
  background:var(--han-ssb1-divider);
}
.han-ssb1__icon{
  width:var(--han-ssb1-icon-box);
  height:var(--han-ssb1-icon-box);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--han-ssb1-icon-bg);
  color:var(--han-ssb1-icon-color);
  margin:0 auto 22px;
  flex:0 0 auto;
}
.han-ssb1__icon i,
.han-ssb1__icon svg{
  display:block;
  color:currentColor;
}
.han-ssb1__icon svg *{
  fill:currentColor;
  stroke:currentColor;
}
.han-ssb1__number{
  color:var(--han-ssb1-number);
  font-size:clamp(34px,4.4vw,64px);
  line-height:1;
  font-weight:700;
  letter-spacing:-0.05em;
  margin:0 0 10px;
}
.han-ssb1__label{
  color:var(--han-ssb1-label);
  font-size:16px;
  line-height:1.45;
  max-width:220px;
  margin:0 auto;
}
@media (max-width: 1024px){
  .han-ssb1__track{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .han-ssb1__item:nth-child(2n)::after{
    display:none;
  }
}
@media (max-width: 767px){
  .han-ssb1{
    border-radius:26px;
  }
  .han-ssb1__scroller{
    display:block;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 var(--han-ssb1-mobile-pad) 6px;
  }
  .han-ssb1__scroller::-webkit-scrollbar{
    display:none;
  }
  .han-ssb1__track{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-template-columns:none !important;
    grid-auto-columns:calc(100% - (var(--han-ssb1-mobile-pad) * 2)) !important;
    gap:var(--han-ssb1-mobile-gap) !important;
    width:max-content;
    min-width:100%;
  }
  .han-ssb1__item{
    width:calc(100vw - 64px);
    max-width:calc(100vw - 64px);
    min-width:calc(100vw - 64px);
    scroll-snap-align:start;
    scroll-snap-stop:always;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(221,214,247,.95);
    border-radius:24px;
    padding:22px 18px 24px;
  }
  .han-ssb1__item::after{
    display:none !important;
  }
  .han-ssb1__icon{
    margin-bottom:16px;
  }
  .han-ssb1__number{
    font-size:38px;
    margin-bottom:8px;
  }
  .han-ssb1__label{
    font-size:14px;
    line-height:1.45;
    max-width:none;
  }
}


/* Elementor mobil önizleme güvenliği */
.elementor-editor-active .han-ssb1__scroller{
  overflow-x:auto;
}
@media (max-width: 767px){
  .elementor-editor-active .han-ssb1__track{
    grid-auto-columns:minmax(calc(100% - 16px), calc(100% - 16px)) !important;
  }
}