/* V2.5.7 — EN/BM hero pill intrinsic sizing. Override v2217 fixed widths. */
html[lang="en-MY"] .home-page .hero-visual .float-pill,
html[lang="ms-MY"] .home-page .hero-visual .float-pill{
  box-sizing:border-box!important;width:max-content!important;min-width:0!important;
  max-width:min(265px,96%)!important;min-height:54px!important;height:auto!important;
  padding:9px 14px!important;gap:9px!important;line-height:1.25!important;
  font-size:15px!important;white-space:normal!important;overflow:visible!important;
}
html[lang="en-MY"] .home-page .hero-visual .float-pill span,
html[lang="ms-MY"] .home-page .hero-visual .float-pill span{
  display:block!important;min-width:0!important;max-width:100%!important;
  white-space:normal!important;overflow-wrap:break-word!important;
}
html[lang="en-MY"] .home-page .hero-visual .float-pill img,
html[lang="ms-MY"] .home-page .hero-visual .float-pill img{
  width:39px!important;height:39px!important;max-width:39px!important;flex:0 0 39px!important;
}
html[lang="ms-MY"] .home-page .hero h1{
  font-size:clamp(37px,3.3vw,52px)!important;line-height:1.22!important;
  letter-spacing:-.035em!important;max-width:610px!important;
}
@media (max-width:900px){
  html[lang="ms-MY"] .home-page .hero h1{font-size:clamp(32px,4.1vw,43px)!important}
}
@media (max-width:760px){
  html[lang="en-MY"] .home-page .hero-visual .float-pill,
  html[lang="ms-MY"] .home-page .hero-visual .float-pill{
    max-width:min(220px,75%)!important;min-height:43px!important;
    padding:7px 10px!important;gap:7px!important;font-size:12px!important;
  }
  html[lang="en-MY"] .home-page .hero-visual .float-pill img,
  html[lang="ms-MY"] .home-page .hero-visual .float-pill img{
    width:30px!important;height:30px!important;max-width:30px!important;flex-basis:30px!important;
  }
  html[lang="ms-MY"] .home-page .hero h1{font-size:clamp(31px,7vw,39px)!important}
}
@media (max-width:420px){
  html[lang="en-MY"] .home-page .hero-visual .float-pill,
  html[lang="ms-MY"] .home-page .hero-visual .float-pill{
    max-width:min(180px,69%)!important;font-size:11px!important;padding:6px 9px!important;
  }
  html[lang="ms-MY"] .home-page .hero h1{font-size:clamp(29px,7.3vw,34px)!important}
}
