/* Sprint 628 — Mobile header search close fix + premium hero polish */

/* Autosuggest close must never sit on top of the normal mobile search field. */
.global-search .tf-search-mobile-close{
  display:none!important;
}
body.tf-search-focus .global-search .tf-search-panel:not([hidden]) .tf-search-mobile-close,
body.tf-search-focus .tf-search-mobile-close{
  display:none!important;
}

/* Mobile suggestion panel uses tap-outside/Escape/back behavior; no floating X over header. */
@media(max-width:760px){
  .global-search .tf-search-mobile-close{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Header search stays clean and app-like */
  .global-search{
    overflow:visible!important;
  }
  .global-search input[type="search"]{
    padding-right:58px!important;
  }
  .global-search button[type="submit"]{
    min-width:58px!important;
  }
}

/* ---------- Premium hero refinement ---------- */
.tf-home-v3 .tf-home-v3-hero{
  border:1px solid #d7e1ec!important;
  box-shadow:0 14px 34px rgba(11,34,66,.11)!important;
}
.tf-home-v3 .tf-home-v3-overlay{
  background:linear-gradient(90deg,rgba(8,27,55,.86) 0%,rgba(8,27,55,.72) 34%,rgba(8,27,55,.28) 58%,rgba(8,27,55,.05) 100%)!important;
}
.tf-home-v3 .tf-home-v3-eyebrow{
  border-color:rgba(255,195,63,.75)!important;
  background:rgba(17,42,72,.38)!important;
  backdrop-filter:blur(8px)!important;
}
.tf-home-v3 .tf-home-v3-copy h1{
  text-shadow:0 2px 18px rgba(0,0,0,.18)!important;
}
.tf-home-v3 .tf-home-v3-copy>p{
  color:#eef3f9!important;
}
.tf-home-v3 .tf-home-v3-popular a{
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(9,30,60,.26)!important;
  backdrop-filter:blur(6px)!important;
}
.tf-home-v3 .tf-home-v3-actions a{
  box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
}
.tf-home-v3 .tf-home-v3-stats{
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(9,29,56,.48)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
}
.tf-home-v3 .tf-home-v3-stats>div{
  min-height:68px!important;
}
.tf-home-v3 .tf-home-v3-slider-ui{
  padding:4px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(8,27,55,.42)!important;
  backdrop-filter:blur(8px)!important;
}
.tf-home-v3 .tf-home-v3-slider-ui>button{
  width:36px!important;
  height:36px!important;
  border-color:rgba(255,255,255,.45)!important;
  background:rgba(8,27,55,.55)!important;
}
.tf-home-v3 .tf-home-v3-dots{
  gap:5px!important;
}
.tf-home-v3 .tf-home-v3-dots button{
  background:rgba(255,255,255,.55)!important;
}
.tf-home-v3 .tf-home-v3-dots button.is-active{
  width:22px!important;
  background:#ffc33f!important;
}

/* Mobile hero: cleaner visual hierarchy, less crowding */
@media(max-width:760px){
  .tf-home-v3{
    padding-inline:2px!important;
  }
  .tf-home-v3 .tf-home-v3-hero{
    margin-top:8px!important;
    border-radius:20px!important;
    overflow:hidden!important;
    box-shadow:0 12px 28px rgba(12,35,66,.14)!important;
  }
  .tf-home-v3 .tf-home-v3-overlay{
    background:linear-gradient(180deg,rgba(8,27,55,.16) 0%,rgba(8,27,55,.42) 24%,rgba(8,27,55,.78) 62%,rgba(8,27,55,.91) 100%)!important;
  }
  .tf-home-v3 .tf-home-v3-premium-inner{
    padding:182px 24px 18px!important;
  }
  .tf-home-v3 .tf-home-v3-copy{
    max-width:none!important;
  }
  .tf-home-v3 .tf-home-v3-eyebrow{
    width:max-content!important;
    max-width:100%!important;
    padding:7px 12px!important;
    font-size:8px!important;
  }
  .tf-home-v3 .tf-home-v3-copy h1{
    max-width:92%!important;
    margin:10px 0 6px!important;
    font-size:34px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  .tf-home-v3 .tf-home-v3-copy>p{
    max-width:94%!important;
    margin:0!important;
    font-size:10px!important;
    line-height:1.45!important;
  }
  .tf-home-v3 .tf-home-v3-popular{
    gap:5px!important;
    margin-top:15px!important;
  }
  .tf-home-v3 .tf-home-v3-popular>span{
    font-size:8px!important;
  }
  .tf-home-v3 .tf-home-v3-popular a{
    padding:5px 8px!important;
    font-size:6px!important;
    white-space:nowrap!important;
  }
  .tf-home-v3 .tf-home-v3-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:14px!important;
  }
  .tf-home-v3 .tf-home-v3-actions a{
    min-height:48px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:7px!important;
  }
  .tf-home-v3 .tf-home-v3-stats{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:0!important;
    margin-top:15px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .tf-home-v3 .tf-home-v3-stats>div{
    min-height:68px!important;
    padding:12px 10px!important;
  }
  .tf-home-v3 .tf-home-v3-stats strong{
    font-size:19px!important;
  }
  .tf-home-v3 .tf-home-v3-stats span{
    font-size:6px!important;
  }

  /* product carousel sits naturally below copy if present */
  .tf-hero-inhouse{
    margin-top:12px!important;
    border-radius:14px!important;
    box-shadow:0 14px 28px rgba(5,20,45,.18)!important;
  }

  .tf-home-v3 .tf-home-v3-slider-ui{
    right:12px!important;
    bottom:10px!important;
  }
  .tf-home-v3 .tf-home-v3-slider-ui>button{
    width:34px!important;
    height:34px!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  .tf-home-v3 .tf-home-v3-premium-inner{
    padding:165px 18px 16px!important;
  }
  .tf-home-v3 .tf-home-v3-copy h1{
    font-size:30px!important;
  }
  .tf-home-v3 .tf-home-v3-actions{
    grid-template-columns:1fr!important;
  }
  .tf-home-v3 .tf-home-v3-actions a{
    min-height:43px!important;
  }
}