/* Sprint 634 — Premium trust rail + balanced desktop heading + compact mobile hero */

/* Defensive: removed KPI block remains gone */
.tf-home-v3 .tf-home-v3-stats{display:none!important}

/* =========================
   TRUST / VALUE RAIL
   ========================= */
.tf-home-v3 .tf-home-v3-trust{
  position:relative!important;
  width:min(1480px,calc(100% - 28px))!important;
  margin:9px auto 0!important;
  overflow:hidden!important;
  border:1px solid #d8e2ed!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(15,43,78,.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,.045),transparent 18%,transparent)!important;
}
.tf-home-v3 .tf-home-v3-trust .shell{
  position:relative!important;
  z-index:1!important;
  min-height:52px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!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;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 11px!important;
  border:1px solid #dfe7f0!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#405976!important;
  font-size:7.6px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 2px 5px rgba(16,42,76,.025)!important;
}
.tf-home-v3 .tf-home-v3-trust span::before{
  content:"✓"!important;
  display:grid!important;
  place-items:center!important;
  width:14px!important;
  height:14px!important;
  margin-right:6px!important;
  border-radius:50%!important;
  background:#e9f7f0!important;
  color:#18764e!important;
  font-size:7px!important;
  font-weight:950!important;
}
.tf-home-v3 .tf-home-v3-trust i{
  flex:0 0 auto!important;
  width:5px!important;
  height:5px!important;
  margin:0 1px!important;
  border-radius:50%!important;
  background:#f1b420!important;
  box-shadow:0 0 0 3px rgba(241,180,32,.11)!important;
}

/* =========================
   DESKTOP — BALANCE TITLE
   ========================= */
@media(min-width:1024px){
  .tf-home-v3 .tf-home-v3-copy{
    width:min(760px,55%)!important;
    max-width:760px!important;
  }

  .tf-home-v3 .tf-home-v3-eyebrow{
    min-height:32px!important;
    padding:0 14px!important;
    margin-bottom:15px!important;
    font-size:9px!important;
  }

  .tf-home-v3 .tf-home-v3-copy [data-v3-title],
  .tf-home-v3 .tf-home-v3-copy h1{
    max-width:13.5ch!important;
    margin:0 0 11px!important;
    font-size:clamp(50px,3.72vw,68px)!important;
    line-height:.99!important;
    letter-spacing:-.044em!important;
  }

  .tf-home-v3 .tf-home-v3-copy [data-v3-description],
  .tf-home-v3 .tf-home-v3-copy>p{
    max-width:68ch!important;
    margin-bottom:17px!important;
    font-size:12px!important;
    line-height:1.5!important;
  }

  .tf-home-v3 .tf-home-v3-popular{
    margin-bottom:16px!important;
    gap:6px!important;
    font-size:8px!important;
  }
  .tf-home-v3 .tf-home-v3-popular a{
    min-height:29px!important;
    padding:0 11px!important;
    font-size:8px!important;
  }

  .tf-home-v3 .tf-home-v3-actions{
    gap:9px!important;
  }
  .tf-home-v3 .tf-home-v3-actions a{
    min-height:45px!important;
    padding:0 18px!important;
    font-size:9px!important;
  }
}

/* =========================
   MOBILE — COMPACT EVERYTHING
   ========================= */
@media(max-width:767px){
  .tf-home-v3 .tf-home-v3-hero{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }

  .tf-home-v3 .tf-home-v3-inner{
    min-height:0!important;
    height:auto!important;
    padding:17px 16px 64px!important;
  }

  .tf-home-v3 .tf-home-v3-copy{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
  }

  .tf-home-v3 .tf-home-v3-eyebrow{
    min-height:27px!important;
    padding:0 10px!important;
    margin:0 0 10px!important;
    font-size:7px!important;
    line-height:1!important;
  }

  .tf-home-v3 .tf-home-v3-copy [data-v3-title],
  .tf-home-v3 .tf-home-v3-copy h1{
    display:block!important;
    max-width:12.2ch!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0 0 7px!important;
    overflow:visible!important;
    font-size:clamp(26px,7.8vw,33px)!important;
    line-height:1.01!important;
    letter-spacing:-.036em!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;
    max-width:40ch!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0 0 11px!important;
    overflow:visible!important;
    font-size:8.8px!important;
    line-height:1.36!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  .tf-home-v3 .tf-home-v3-popular{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    margin:0 0 11px!important;
    padding:0 0 2px!important;
    overflow-x:auto!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:7px!important;
  }
  .tf-home-v3 .tf-home-v3-popular a{
    flex:0 0 auto!important;
    min-height:25px!important;
    padding:0 8px!important;
    font-size:5.8px!important;
    white-space:nowrap!important;
  }

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

  /* More compact slider navigation */
  .tf-home-v3 .tf-home-v3-slider-ui{
    right:8px!important;
    bottom:8px!important;
    min-height:0!important;
    padding:3px!important;
    gap:4px!important;
  }
  .tf-home-v3 .tf-home-v3-slider-ui>button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    font-size:15px!important;
  }
  .tf-home-v3 .tf-home-v3-dots{
    gap:3px!important;
  }
  .tf-home-v3 .tf-home-v3-dots button{
    width:4px!important;
    height:4px!important;
    min-width:4px!important;
    min-height:4px!important;
  }
  .tf-home-v3 .tf-home-v3-dots button.is-active{
    width:16px!important;
  }

  /* Compact mobile trust/value rail */
  .tf-home-v3 .tf-home-v3-trust{
    width:calc(100% - 16px)!important;
    margin:7px auto 0!important;
    border-radius:10px!important;
  }
  .tf-home-v3 .tf-home-v3-trust .shell{
    min-height:40px!important;
    justify-content:flex-start!important;
    gap:5px!important;
    padding:5px 8px 5px 12px!important;
  }
  .tf-home-v3 .tf-home-v3-trust span{
    min-height:23px!important;
    padding:0 7px!important;
    font-size:5.8px!important;
  }
  .tf-home-v3 .tf-home-v3-trust span::before{
    width:11px!important;
    height:11px!important;
    margin-right:4px!important;
    font-size:5.5px!important;
  }
  .tf-home-v3 .tf-home-v3-trust i{
    width:4px!important;
    height:4px!important;
    box-shadow:none!important;
  }
}

@media(max-width:390px){
  .tf-home-v3 .tf-home-v3-inner{
    padding:14px 14px 60px!important;
  }

  .tf-home-v3 .tf-home-v3-copy [data-v3-title],
  .tf-home-v3 .tf-home-v3-copy h1{
    max-width:11.8ch!important;
    font-size:clamp(24px,7.7vw,30px)!important;
  }

  .tf-home-v3 .tf-home-v3-copy [data-v3-description],
  .tf-home-v3 .tf-home-v3-copy>p{
    font-size:8px!important;
  }

  .tf-home-v3 .tf-home-v3-popular{
    margin-bottom:9px!important;
  }

  .tf-home-v3 .tf-home-v3-actions a{
    min-height:36px!important;
    font-size:6.3px!important;
  }

  .tf-home-v3 .tf-home-v3-slider-ui>button{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
  }
}

@media(max-width:340px){
  .tf-home-v3 .tf-home-v3-actions{
    grid-template-columns:1fr!important;
  }
}