/* Sprint 635 — Premium trust rail + mobile spacing normalization */

.tf-home-v3 .tf-home-v3-trust{
  position:relative!important;
  width:min(1480px,calc(100% - 28px))!important;
  margin:12px auto 14px!important;
  overflow:hidden!important;
  border:1px solid #d7e1ec!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(12,36,70,.07)!important;
}

.tf-home-v3 .tf-home-v3-trust::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:#ffbf2f!important;
}

.tf-home-v3 .tf-home-v3-trust::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,191,47,.055),transparent 15%)!important;
}

.tf-home-v3 .tf-home-v3-trust .shell{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:9px 18px 9px 22px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
.tf-home-v3 .tf-home-v3-trust .shell::-webkit-scrollbar{display:none!important}

.tf-home-v3 .tf-home-v3-trust span{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid #dce5ef!important;
  border-radius:999px!important;
  background:#f9fbfd!important;
  color:#334f6d!important;
  font-size:7.9px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 3px 8px rgba(15,43,78,.035)!important;
}

.tf-home-v3 .tf-home-v3-trust span::before{
  content:"✓"!important;
  display:grid!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  margin-right:7px!important;
  border-radius:50%!important;
  background:#e8f7ef!important;
  color:#17734b!important;
  font-size:8px!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(23,115,75,.08)!important;
}

.tf-home-v3 .tf-home-v3-trust i{
  flex:0 0 auto!important;
  width:5px!important;
  height:5px!important;
  margin:0 2px!important;
  border-radius:50%!important;
  background:#efb21b!important;
  box-shadow:0 0 0 4px rgba(239,178,27,.09)!important;
}

/* Tablet */
@media(max-width:1023px){
  .tf-home-v3 .tf-home-v3-trust{
    width:calc(100% - 20px)!important;
    margin:10px auto 12px!important;
  }
  .tf-home-v3 .tf-home-v3-trust .shell{
    justify-content:flex-start!important;
    padding-inline:16px!important;
  }
}

/* Mobile: compact premium rail + fixed top/bottom margins */
@media(max-width:767px){
  .tf-home-v3 .tf-home-v3-trust{
    width:calc(100% - 16px)!important;
    margin:8px auto 10px!important;
    border-radius:12px!important;
    box-shadow:0 8px 22px rgba(12,36,70,.055)!important;
  }

  .tf-home-v3 .tf-home-v3-trust::before{
    width:3px!important;
  }

  .tf-home-v3 .tf-home-v3-trust .shell{
    min-height:46px!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:6px 9px 6px 13px!important;
    scroll-padding-inline:13px!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .tf-home-v3 .tf-home-v3-trust span{
    min-height:28px!important;
    padding:0 9px!important;
    font-size:6.4px!important;
    box-shadow:none!important;
  }

  .tf-home-v3 .tf-home-v3-trust span::before{
    width:13px!important;
    height:13px!important;
    margin-right:5px!important;
    font-size:6px!important;
  }

  .tf-home-v3 .tf-home-v3-trust i{
    width:4px!important;
    height:4px!important;
    margin:0 1px!important;
    box-shadow:none!important;
  }

  /* normalize next section spacing after trust rail */
  .tf-home-v3 .tf-home-v3-trust + section,
  .tf-home-v3 .tf-home-v3-trust + .section,
  .tf-home-v3 .tf-home-v3-trust + [class*="section"]{
    margin-top:0!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  .tf-home-v3 .tf-home-v3-trust{
    width:calc(100% - 12px)!important;
    margin:7px auto 8px!important;
  }

  .tf-home-v3 .tf-home-v3-trust .shell{
    min-height:42px!important;
    gap:5px!important;
    padding:5px 7px 5px 11px!important;
  }

  .tf-home-v3 .tf-home-v3-trust span{
    min-height:26px!important;
    padding:0 8px!important;
    font-size:5.9px!important;
  }

  .tf-home-v3 .tf-home-v3-trust span::before{
    width:12px!important;
    height:12px!important;
    margin-right:4px!important;
  }
}
