/* Maido Customs Stage 4J
   Put the POPULAR MODS title back above the Popular Mods carousel and hide any stray
   POPULAR MODS label that appears above Products at a Glance.
   Overlay only: does not touch hero/header/manual CSS tuning. */

/* Stage 4G hid this heading; Stage 4J restores it where it belongs. */
.maido-popular-mods .maido-popular-mods__head,
.maido-popular-mods__head {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-align: center !important;
  margin: 0 0 clamp(20px, 2.4vw, 34px) !important;
  height: auto !important;
  overflow: visible !important;
}

.maido-popular-mods .maido-popular-mods__head h2,
.maido-popular-mods__head h2,
#maido-popular-mods-title {
  display: block !important;
  margin: 0 !important;
  font-family: Impact, Haettenschweiler, "Arial Narrow", Oswald, sans-serif !important;
  font-size: clamp(30px, 2.5vw, 42px) !important;
  line-height: .95 !important;
  font-weight: 700 !important;
  letter-spacing: .012em !important;
  text-transform: uppercase !important;
  color: #080808 !important;
}

/* Bring back enough top room for the restored heading. */
.maido-popular-mods {
  padding-top: clamp(30px, 4vw, 58px) !important;
}

/* JS applies this class to the duplicate/stray POPULAR MODS label near Products at a Glance. */
.maido-stage4j-hide-stray-popular,
.maido-stage4j-hide-stray-popular * {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 980px) {
  .maido-popular-mods .maido-popular-mods__head h2,
  .maido-popular-mods__head h2,
  #maido-popular-mods-title {
    font-size: clamp(30px, 9vw, 42px) !important;
  }
}