/* Sprint 633 — Desktop scale-up, premium trust rail, compact mobile hero */

/* Keep removed KPI block gone even if stale/cached markup survives. */
.tf-home-v3 .tf-home-v3-stats{display:none!important}

/* ---------- DESKTOP: larger content only ---------- */
@media(min-width:1024px){
  .tf-home-v3 .tf-home-v3-inner{
    align-items:center!important;
    padding-top:24px!important;
    padding-bottom:36px!important;
  }
  .tf-home-v3 .tf-home-v3-copy{
    width:min(820px,58%)!important;
    max-width:820px!important;
    min-height:0!important;
  }
  .tf-home-v3 .tf-home-v3-eyebrow{
    min-height:34px!important;
    padding:0 16px!important;
    margin-bottom:18px!important;
    font-size:10px!important;
    letter-spacing:.035em!important;
  }
  .tf-home-v3 .tf-home-v3-copy [data-v3-title],
  .tf-home-v3 .tf-home-v3-copy h1{
    display:block!important;
    max-width:14ch!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 13px!important;
    overflow:visible!important;
    font-size:clamp(58px,4.25vw,78px)!important;
    line-height:.98!important;
    letter-spacing:-.047em!important;
    text-wrap:balance!important;
    -webkit-line-clamp:unset!important;
  }
  .tf-home-v3 .tf-home-v3-copy [data-v3-description],
  .tf-home-v3 .tf-home-v3-copy>p{
    display:block!important;
    max-width:72ch!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 20px!important;
    overflow:visible!important;
    font-size:14px!important;
    line-height:1.5!important;
    -webkit-line-clamp:unset!important;
  }
  .tf-home-v3 .tf-home-v3-popular{
    gap:7px!important;
    margin:0 0 19px!important;
    font-size:9px!important;
  }
  .tf-home-v3 .tf-home-v3-popular a{
    min-height:31px!important;
    padding:0 12px!important;
    font-size:9px!important;
    border-width:1px!important;
  }
  .tf-home-v3 .tf-home-v3-actions{
    display:flex!important;
    gap:10px!important;
    margin:0!important;
  }
  .tf-home-v3 .tf-home-v3-actions a{
    width:auto!important;
    min-height:48px!important;
    padding:0 20px!important;
    border-radius:10px!important;
    font-size:10px!important;
    font-weight:900!important;
  }
}

/* ---------- PREMIUM TRUST / VALUE RAIL ---------- */
.tf-home-v3 .tf-home-v3-trust{
  position:relative!important;
  overflow:hidden!important;
  margin-top:10px!important;
  border:1px solid #dbe4ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(15,43,78,.055)!important;
}
.tf-home-v3 .tf-home-v3-trust::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  background:#ffc23a!important;
}
.tf-home-v3 .tf-home-v3-trust .shell{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:7px 18px 7px 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;
  min-height:29px!important;
  padding:0 10px!important;
  border:1px solid #e3e9f0!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#415b77!important;
  font-size:7.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.tf-home-v3 .tf-home-v3-trust i{
  flex:0 0 auto!important;
  width:5px!important;
  height:5px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#f2b520!important;
  box-shadow:0 0 0 3px rgba(242,181,32,.10)!important;
}

/* ---------- MOBILE: compact, no overlap/clipping ---------- */
@media(max-width:767px){
  .tf-home-v3 .tf-home-v3-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .tf-home-v3 .tf-home-v3-inner{
    height:auto!important;
    min-height:0!important;
    padding:22px 18px 74px!important;
    align-items:flex-start!important;
  }
  .tf-home-v3 .tf-home-v3-copy{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:0!important;
  }
  .tf-home-v3 .tf-home-v3-eyebrow{
    width:max-content!important;
    max-width:100%!important;
    min-height:29px!important;
    padding:0 11px!important;
    margin:0 0 12px!important;
    font-size:7.5px!important;
    line-height:1.1!important;
  }

  /* Explicitly remove all previous title clamps/heights. */
  .tf-home-v3 .tf-home-v3-copy [data-v3-title],
  .tf-home-v3 .tf-home-v3-copy h1{
    display:block!important;
    width:auto!important;
    max-width:12.5ch!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0 0 8px!important;
    padding:0!important;
    overflow:visible!important;
    font-size:clamp(29px,8.8vw,37px)!important;
    line-height:1.01!important;
    letter-spacing:-.038em!important;
    text-wrap:balance!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  .tf-home-v3 .tf-home-v3-copy [data-v3-description],
  .tf-home-v3 .tf-home-v3-copy>p{
    display:block!important;
    width:auto!important;
    max-width:43ch!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0 0 13px!important;
    overflow:visible!important;
    font-size:10px!important;
    line-height:1.38!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  .tf-home-v3 .tf-home-v3-popular{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    margin:0 0 13px!important;
    padding:0 0 2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tf-home-v3 .tf-home-v3-popular::-webkit-scrollbar{display:none!important}
  .tf-home-v3 .tf-home-v3-popular>span{
    flex:0 0 auto!important;
    font-size:8px!important;
  }
  .tf-home-v3 .tf-home-v3-popular a{
    flex:0 0 auto!important;
    min-height:28px!important;
    padding:0 9px!important;
    font-size:6.5px!important;
    white-space:nowrap!important;
  }

  .tf-home-v3 .tf-home-v3-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:0!important;
  }
  .tf-home-v3 .tf-home-v3-actions a{
    width:100%!important;
    min-height:42px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:7.5px!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  /* Smaller navigation: no CTA/content overlap. */
  .tf-home-v3 .tf-home-v3-slider-ui{
    right:9px!important;
    bottom:9px!important;
    gap:5px!important;
    padding:3px 4px!important;
    min-height:0!important;
    border-radius:999px!important;
  }
  .tf-home-v3 .tf-home-v3-slider-ui>button{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    font-size:17px!important;
  }
  .tf-home-v3 .tf-home-v3-dots{
    gap:4px!important;
  }
  .tf-home-v3 .tf-home-v3-dots button{
    width:5px!important;
    height:5px!important;
    min-width:5px!important;
    min-height:5px!important;
  }
  .tf-home-v3 .tf-home-v3-dots button.is-active{
    width:18px!important;
  }

  .tf-home-v3 .tf-home-v3-trust{
    margin:8px 8px 0!important;
    border-radius:11px!important;
  }
  .tf-home-v3 .tf-home-v3-trust .shell{
    min-height:44px!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:6px 10px 6px 14px!important;
  }
  .tf-home-v3 .tf-home-v3-trust span{
    min-height:25px!important;
    padding:0 8px!important;
    font-size:6.5px!important;
  }
  .tf-home-v3 .tf-home-v3-trust i{
    width:4px!important;
    height:4px!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  .tf-home-v3 .tf-home-v3-inner{
    padding:18px 15px 68px!important;
  }
  .tf-home-v3 .tf-home-v3-copy [data-v3-title],
  .tf-home-v3 .tf-home-v3-copy h1{
    max-width:12ch!important;
    font-size:clamp(27px,8.7vw,33px)!important;
  }
  .tf-home-v3 .tf-home-v3-copy [data-v3-description],
  .tf-home-v3 .tf-home-v3-copy>p{
    font-size:9px!important;
  }
  .tf-home-v3 .tf-home-v3-actions a{
    min-height:39px!important;
    font-size:7px!important;
  }
  .tf-home-v3 .tf-home-v3-slider-ui>button{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
  }
}

/* Tiny phones: stack only here to preserve readable tap targets. */
@media(max-width:340px){
  .tf-home-v3 .tf-home-v3-actions{
    grid-template-columns:1fr!important;
  }
}