/* v3.2.51 R13 — Qadha landing-title viewport hardening.
   Keep both the bootstrap hero and the runtime-rendered hero fully inside the viewport. */
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q,
:root[data-ui-mode="classic"] body[data-game-brand="qadha"] .hero-q{
  min-width:0;
  overflow:visible;
}
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q>div:first-child,
:root[data-ui-mode="classic"] body[data-game-brand="qadha"] .hero-q>div:first-child{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q h1,
:root[data-ui-mode="classic"] body[data-game-brand="qadha"] .hero-q h1{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow:visible;
  text-indent:0;
  transform:none;
  white-space:nowrap;
  text-align:start;
  letter-spacing:-1px;
  line-height:1.08;
}
@media(max-width:980px){
  :root[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q,
  :root[data-ui-mode="classic"] body[data-game-brand="qadha"] .hero-q{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q>div:first-child,
  :root[data-ui-mode="classic"] body[data-game-brand="qadha"] .hero-q>div:first-child{
    width:100%;
    padding-inline:clamp(8px,3vw,18px);
  }
  :root[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q h1,
  :root[data-ui-mode="classic"] body[data-game-brand="qadha"] .hero-q h1{
    font-size:clamp(50px,17vw,72px)!important;
    margin:10px 0 12px!important;
  }
}
@media(max-width:360px){
  :root[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q h1,
  :root[data-ui-mode="classic"] body[data-game-brand="qadha"] .hero-q h1{
    font-size:clamp(46px,16vw,58px)!important;
    letter-spacing:-.5px;
  }
}