/* v1.0.95 - mờ nhẹ 20-25% từ bên phải cho banner chính */
.home-managed-banner .hero{
  position:relative;
  overflow:hidden;
  background-image:
    linear-gradient(270deg,
      rgba(255,248,250,.25) 0%,
      rgba(255,248,250,.22) 10%,
      rgba(255,248,250,.16) 18%,
      rgba(255,248,250,.08) 24%,
      rgba(255,248,250,0) 28%),
    var(--home-hero-image) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Tắt các lớp phủ cũ nếu theme đang dùng thêm pseudo */
.home-managed-banner .hero::before,
.home-managed-banner .hero::after{
  content:none !important;
  display:none !important;
}

.home-managed-banner .hero h1,
.home-managed-banner .hero p,
.home-managed-banner .hero small{
  position:relative;
  z-index:1;
}

.home-managed-banner .hero h1{
  color:#2f2733 !important;
  text-shadow:none !important;
}

.home-managed-banner .hero p{
  color:#5b5060 !important;
}

.home-managed-banner .hero small{
  color:#ef5f92 !important;
  letter-spacing:.12em;
  font-weight:700;
}

@media (max-width:900px){
  .home-managed-banner .hero{
    background-image:
      linear-gradient(270deg,
        rgba(255,248,250,.26) 0%,
        rgba(255,248,250,.22) 12%,
        rgba(255,248,250,.15) 20%,
        rgba(255,248,250,.08) 25%,
        rgba(255,248,250,0) 30%),
      var(--home-hero-image) !important;
  }
}