/* ===== Tamron E-Mount Mobile Hero JS-Resistant Fix ===== */
@media screen and (max-width: 768px) {

  /* 1️⃣ Disable any dynamically re-added pseudo-element or inline image */
  .header-title:before,
  .header-title::before,
  .header-title > .sp_only,
  .header-title > picture,
  .header-title > img {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  /* 2️⃣ Force our background to stay visible and dominant */
  .header-title {
    background-image: url("https://tamron.my/wp-content/uploads/img2/title-main_sp.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center top !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 600px !important;
    margin: 0 auto 50px !important;
    overflow: hidden !important;
    z-index: 1 !important;
  }

  /* 3️⃣ Ensure the visible text stays above background */
  .header-title * {
    position: relative !important;
    z-index: 2 !important;
  }

  /* 4️⃣ Prevent animation scripts from overriding display */
  [data-anim],
  [data-fade],
  .is-animated,
  .fade-in {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}