/* ============================================================
   Team TararBari - Hero Clean Image FIX V11.3
   The baked text has been removed from the actual hero JPG.
   This stylesheet only keeps the existing CMS Hero content visible.
   ============================================================ */

/* No CSS mask is needed anymore. */
.block-hero::before{
  content:none!important;
  display:none!important;
  background:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Keep approved image-based Hero design. */
.block-hero{
  position:relative!important;
}

/* Exact Demo CSS hides CMS content; expose only the live Admin content. */
.block-hero .hero-grid{
  visibility:visible!important;
  pointer-events:auto!important;
  position:absolute!important;
  inset:0!important;
  z-index:22!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.block-hero .hero-art{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.block-hero .hero-grid > div:first-child{
  position:absolute!important;
  left:7.1%!important;
  top:22.2%!important;
  width:53%!important;
  z-index:24!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

/* Eyebrow */
.block-hero .hero-grid .eyebrow{
  display:inline-flex!important;
  visibility:visible!important;
  margin:0 0 3.2% 0!important;
  padding:.58em 1.25em!important;
  border:1px solid rgba(32,227,122,.72)!important;
  border-radius:999px!important;
  background:rgba(3,20,28,.62)!important;
  color:#26e58a!important;
  font-size:clamp(9px,.78vw,14px)!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Admin-controlled title */
.block-hero .hero-grid .block-title{
  display:block!important;
  visibility:visible!important;
  margin:0 0 2.2% 0!important;
  padding:0!important;
  max-width:100%!important;
  color:#f8fafc!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-size:clamp(27px,3.45vw,61px)!important;
  font-weight:850!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  text-align:left!important;
  text-shadow:0 2px 18px rgba(0,0,0,.30)!important;
}

.block-hero .block-title .tb-hero-accent{
  color:#09ded1!important;
}

/* Admin-controlled subtitle */
.block-hero .hero-grid .block-body.lead{
  display:block!important;
  visibility:visible!important;
  margin:0!important;
  max-width:94%!important;
  color:#d6dde7!important;
  font-size:clamp(12px,1.42vw,25px)!important;
  font-weight:450!important;
  line-height:1.40!important;
  text-align:left!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}

/* Admin-controlled buttons */
.block-hero .hero-grid .actions{
  display:flex!important;
  visibility:visible!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:18px!important;
  margin:4.1% 0 0 0!important;
  padding:0!important;
}

.block-hero .hero-grid .btn{
  display:inline-flex!important;
  visibility:visible!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:0 27px!important;
  border-radius:11px!important;
  font-size:clamp(12px,1.03vw,18px)!important;
  font-weight:800!important;
  line-height:1!important;
}

.block-hero .hero-grid .btn-primary{
  color:#031313!important;
  background:linear-gradient(105deg,#15e28a,#17d8ed)!important;
  border:0!important;
  box-shadow:0 0 22px rgba(19,226,214,.22)!important;
}

.block-hero .hero-grid .btn-ghost{
  color:#f8fafc!important;
  background:rgba(7,14,27,.58)!important;
  border:1px solid rgba(148,163,184,.35)!important;
}

.block-hero .tb-demo-hotspot{
  display:none!important;
  pointer-events:none!important;
}

/* Keep existing stars/glow layers. */
.block-hero::after{
  z-index:13!important;
}

.block-hero .sfx4-home-stars,
.block-hero .sfx4-home-shooting,
.block-hero .sfx5-home-stars,
.block-hero .sfx5-home-shooting{
  z-index:23!important;
  pointer-events:none!important;
}

@media(max-width:1000px){
  .block-hero .hero-grid > div:first-child{
    left:6.5%!important;
    top:20.5%!important;
    width:59%!important;
  }

  .block-hero .hero-grid .btn{
    min-height:43px!important;
    padding:0 19px!important;
  }
}

@media(max-width:700px){
  .block-hero .hero-grid > div:first-child{
    left:7%!important;
    top:17.5%!important;
    width:68%!important;
  }

  .block-hero .hero-grid .eyebrow{
    font-size:clamp(5px,1.35vw,9px)!important;
    padding:.45em .85em!important;
    margin-bottom:3%!important;
  }

  .block-hero .hero-grid .block-title{
    font-size:clamp(15px,5.05vw,29px)!important;
    line-height:1.05!important;
  }

  .block-hero .hero-grid .block-body.lead{
    font-size:clamp(7px,2.15vw,12px)!important;
    line-height:1.32!important;
  }

  .block-hero .hero-grid .actions{
    gap:7px!important;
    margin-top:4%!important;
  }

  .block-hero .hero-grid .btn{
    min-height:27px!important;
    padding:0 10px!important;
    border-radius:6px!important;
    font-size:clamp(6px,1.85vw,10px)!important;
  }
}