/* BHI Services conversion and mobile cleanup — 2026-08-05 */
html{scroll-padding-top:76px}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid #ffbf47!important;
  outline-offset:3px!important
}
.bhi-mobile-actions{display:none}
.bhi-trust-strip{
  max-width:1180px;
  margin:0 auto;
  padding:20px clamp(14px,3vw,36px) 2px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px
}
.bhi-trust-item{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  color:#e4e8f2;
  text-decoration:none
}
.bhi-trust-icon{
  width:36px;height:36px;flex:0 0 36px;
  display:grid;place-items:center;
  border-radius:10px;
  background:rgba(229,41,62,.13);
  color:#ff3352;
  font-size:18px
}
.bhi-trust-copy strong{display:block;color:#fff;font-size:13px;line-height:1.2}
.bhi-trust-copy span{display:block;margin-top:4px;color:#aab2c4;font-size:10px;line-height:1.35;letter-spacing:.8px;text-transform:uppercase}
body.bhi-home .hero{margin-top:48px!important}
body.bhi-home .svc-strip{margin-top:0!important;padding-top:46px!important}
body.bhi-home .svc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.bhi-home .svc-card{min-width:0}
body.bhi-home .svc-card-3d{height:190px}
body.bhi-home .hero-btns{flex-wrap:wrap}
body.bhi-home .hero-btns .btn-g{
  background:#fff;
  border-color:#fff;
  color:#111827;
  box-shadow:0 8px 24px rgba(0,0,0,.2)
}
body.bhi-home .hero-btns .btn-g:hover{background:#eef1f7;border-color:#eef1f7}
body.bhi-home .reviews{margin-top:56px}

@media(max-width:1100px){
  .bhi-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.bhi-home .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  body.bhi-home .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body{padding-bottom:66px}
  .left-tab,.right-tab{display:none!important}
  .fc-btn,.fc-panel{display:none!important}
  .bhi-mobile-actions{
    position:fixed;
    z-index:99999;
    left:0;right:0;bottom:0;
    display:grid;
    grid-template-columns:1fr 1.18fr;
    gap:8px;
    padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    background:rgba(8,14,28,.97);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 -12px 30px rgba(0,0,0,.35);
    backdrop-filter:blur(14px)
  }
  .bhi-mobile-actions a{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:9px;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase
  }
  .bhi-mobile-call{border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.06)}
  .bhi-mobile-quote{border:1px solid #e5293e;color:#fff;background:#e5293e}
  .tb-r .tb-cta[href$="/apply"]{display:none!important}
  .tb-phone{
    display:flex!important;
    width:34px;height:34px;
    justify-content:center;
    padding:0;
    border:1px solid rgba(255,255,255,.16);
    border-radius:7px;
    font-size:0!important
  }
  .tb-phone svg{width:16px!important;height:16px!important}
  .bhi-trust-strip{padding-top:14px;gap:8px}
  .bhi-trust-item{min-height:68px;padding:11px 12px;gap:9px}
  .bhi-trust-icon{width:32px;height:32px;flex-basis:32px;font-size:16px}
  .bhi-trust-copy strong{font-size:12px}
  .bhi-trust-copy span{font-size:9px;letter-spacing:.45px}
  body.bhi-home .hero{
    min-height:0!important;
    padding:28px 0 32px!important
  }
  body.bhi-home .hero-inner{display:block!important}
  body.bhi-home .ai-nav{display:none!important}
  body.bhi-home .hero-sub{max-width:38rem}
  body.bhi-home .hero-btns{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
  body.bhi-home .hero-btns a{justify-content:center;text-align:center;padding-left:10px;padding-right:10px}
  body.bhi-home .svc-strip{padding-top:36px!important}
}
@media(max-width:640px){
  .top-bar{padding-left:10px!important;padding-right:10px!important}
  .tb-r{gap:6px!important}
  .tb-cta{padding-left:9px!important;padding-right:9px!important;letter-spacing:.55px!important}
  body.bhi-home .svc-grid{
    display:grid;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(270px,82vw);
    gap:14px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:inline mandatory;
    scrollbar-width:thin;
    padding:2px 4px 14px
  }
  body.bhi-home .svc-card{scroll-snap-align:start}
  body.bhi-home .svc-card-3d{height:170px}
  body.bhi-home .svc-strip::after{
    content:"Swipe to see all 7 services →";
    display:block;
    margin:4px auto 0;
    color:#aab2c4;
    text-align:center;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.2px;
    text-transform:uppercase
  }
}
@media(max-width:480px){
  .bhi-trust-strip{grid-template-columns:1fr 1fr}
  body.bhi-home .hero-h{font-size:clamp(42px,14vw,62px)}
  body.bhi-home .hero-h-sub{font-size:11px}
}
@media(max-width:380px){
  .tb-b{display:none!important}
  .bhi-trust-strip{grid-template-columns:1fr}
  body.bhi-home .hero-btns{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* Desktop service showcase: all seven 3D models in one balanced row */
@media(min-width:1101px){
  body.bhi-home .svc-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:10px!important
  }
  body.bhi-home .svc-card{
    display:flex!important;
    flex-direction:column;
    min-height:0
  }
  body.bhi-home .svc-card-3d{height:145px!important}
  body.bhi-home .svc-card-body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:13px 12px 15px!important
  }
  body.bhi-home .svc-card-title{
    min-height:40px;
    margin-bottom:5px;
    font-size:18px!important;
    line-height:1.05
  }
  body.bhi-home .svc-card-desc{
    display:-webkit-box;
    min-height:50px;
    margin-bottom:10px;
    overflow:hidden;
    font-size:11px!important;
    line-height:1.48;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
  }
  body.bhi-home .svc-card-tag{
    margin-top:auto;
    font-size:9px
  }
}


/* Desktop edge controls: high-contrast menu and services buttons */
@media(min-width:761px){
  .tb-ham{display:none!important}
  .left-tab,.right-tab{
    width:48px!important;
    height:154px!important;
    gap:9px!important;
    background:linear-gradient(180deg,#ff3352 0%,#c81732 100%)!important;
    border:1px solid rgba(255,255,255,.75)!important;
    animation:none!important;
  }
  .left-tab{
    border-left:0!important;
    border-radius:0 14px 14px 0!important;
    box-shadow:7px 0 28px rgba(229,41,62,.42),0 0 0 1px rgba(229,41,62,.22)!important
  }
  .right-tab{
    border-right:0!important;
    border-radius:14px 0 0 14px!important;
    box-shadow:-7px 0 28px rgba(229,41,62,.42),0 0 0 1px rgba(229,41,62,.22)!important
  }
  .left-tab-lines span,.right-tab-lines span{
    width:20px!important;
    height:2px!important;
    background:#fff!important;
    box-shadow:0 1px 3px rgba(0,0,0,.25)
  }
  .left-tab-text,.right-tab-text{
    color:#fff!important;
    font-size:0!important;
    font-weight:900!important;
    letter-spacing:2px!important;
    text-shadow:0 1px 3px rgba(0,0,0,.25)
  }
  .left-tab-text::after{
    content:"MENU";
    font-size:10px
  }
  .right-tab-text::after{
    content:"SERVICES";
    font-size:10px
  }
  .left-tab:hover,.right-tab:hover{
    transform:scale(1.04);
    background:linear-gradient(180deg,#ff526b 0%,#e5293e 100%)!important;
    border-color:#fff!important
  }
  .left-tab.split-open,.right-tab.split-open{
    background:#a91129!important;
    border-color:#fff!important
  }
  .left-tab.split-open .left-tab-lines span,
  .right-tab.split-open .right-tab-lines span{background:#fff!important}
}