.iran-map { display: flex; flex-wrap: wrap; gap: 1rem; }
.city-block { background: #f0f0f0; padding: 10px; border-radius: 8px; flex: 1 1 200px; }
.tma-reps-checkout { background: #fff0f0; padding: 1rem; margin: 1rem 0; border: 1px solid #ccc; }


/* پاپ‌آپ نمایندگی‌ها */
.tma-btn {
  background: #d52f2f; color: white; padding: 10px 20px;
  border: none; border-radius: 5px; cursor: pointer;
}

.tma-popup {
  display: none; position: fixed; z-index: 9999; left: 0; top: 0;
  width: 100%; height: 100%; overflow: auto;
  background-color: rgba(0,0,0,0.6);
}

.tma-popup-content {
  background-color: #fff; margin: 10% auto; padding: 20px;
  border: 1px solid #888; width: 80%; max-width: 600px; border-radius: 10px;
}

.tma-close {
  color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer;
}

.tma-close:hover { color: black; }


.tma-reps-checkout {
  display: none !important;
}

.tma-show-reps-btn {
  background-color: #d22f2f;
  color: #fff;
  padding: 12px 28px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.tma-show-reps-btn:hover {
  background-color: #b02626;
}