/* ===== ADS ===== */
.ad {
  margin: 1% auto;
  text-align: center;
  border-radius: 10px;
  background: #fff;
  padding: 0px;
  overflow: hidden;
}

/* iframe safe */
.ad iframe {
  display: block;
  border: none;
}

/* ===== NATIVE AD ===== */
.ad-native {
  width: 100%;
}

/* ===== 728x90 (DESKTOP) ===== */
.ad-728X90 {
  display: block;
  max-width: 728px;
  height: 90px;
  margin: 1% auto;
}

/* ===== 300x250 (BOX) ===== */
.ad-300X250 {
  max-width: 300px;
  margin: 1% auto;
}

/* ===== 320x50 (MOBILE) ===== */
.ad-320X50 {
  max-width: 320px;
  margin: 1% auto;
}

/* ===== DESKTOP FIX ===== */
@media (min-width: 769px) {

  /* show desktop */
  .ad-728X90 {
    display: block;
  }
}


/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {
  /* ❌ hide desktop banner */
  .ad-728X90 {
    display: none;
  }

  /* ✅ show mobile */
  .ad-320X50 {
    display: block;
  }


  /* native safe */
  .ad-native {
    width: 100%;
  }
}